Skip to content

Instantly share code, notes, and snippets.

View akrusz's full-sized avatar

Alex Krusz akrusz

View GitHub Profile
@akrusz
akrusz / gist:3317560
Created August 10, 2012 20:23
playin around with dee three
<html>
<head>
<title>D3 Demo: Making a bar chart with value labels!</title>
<script type="text/javascript" src="d3.js"></script>
<style type="text/css">
/* No style rules here yet */
</style>
</head>
<body>
<script type="text/javascript">
@akrusz
akrusz / d3bar5.html
Created August 14, 2012 21:46
more d3 and gradients
<html>
<head>
<title>D3 Demo: Making a bar chart with value labels!</title>
<script type="text/javascript" src="d3.js"></script>
<style type="text/css">
/* No style rules here yet */
</style>
</head>
<body>
<script type="text/javascript">
@akrusz
akrusz / d3 graph
Created August 16, 2012 17:01
d3 graph
<html>
<head>
<title>D3 Demo: Making a bar chart with value labels!</title>
<meta http-equiv="content-type" content="application/xhtml+xml; charset=utf-8" />
<script type="text/javascript" src="d3.js"></script>
<style type="text/css">
/* No style rules here yet */
</style>
</head>
<body>
@akrusz
akrusz / d3 graph
Created August 16, 2012 17:02
d3 graph
<script type="text/javascript">
//Width and height
var w = 800;
var h = 550;
var barPadding = 1;
var bottomMargin = 42;
var verticalDataPixels = h - bottomMargin;
var dataset = [ 5, 10, 13, 19, 21, 25, 22, 18, 15, 13,
@akrusz
akrusz / DiscreteUncertainGraph.html
Created September 23, 2012 01:36
D3 graph incorporating uncertainty.
<html>
<head>
<title>Uncertainty: Improving the dot plot</title>
<meta http-equiv="content-type" content="application/xhtml+xml; charset=utf-8" />
<script type="text/javascript" src="d3.js"></script>
<script type="text/javascript" src="jquery-1.8.2.min.js"></script>
<style type="text/css">
.axis path,
.axis line {