hayd · December 13, 2013 00:59 · Dec 4, 2013 · Nov 5, 2013 · Nov 5, 2013
diff --git a/thumbnail.png b/thumbnail.png
diff --git a/index.html b/index.html
@@ -12,7 +12,7 @@
 }
 
 </style>
-<div id="chart"></div>
+<div class="chart"></div>
 <script src="http://d3js.org/d3.v3.min.js"></script>
 <script>
 

diff --git a/README.md b/README.md
@@ -0,0 +1 @@
+A basic HTML bar chart. Part of the [Let’s Make a Bar Chart](http://bost.ocks.org/mike/bar/) tutorial.
diff --git a/index.html b/index.html
@@ -0,0 +1,32 @@
+<!DOCTYPE html>
+<meta charset="utf-8">
+<style>
+
+.chart div {
+  font: 10px sans-serif;
+  background-color: steelblue;
+  text-align: right;
+  padding: 3px;
+  margin: 1px;
+  color: white;
+}
+
+</style>
+<div id="chart"></div>
+<script src="http://d3js.org/d3.v3.min.js"></script>
+<script>
+
+var data = [4, 8, 15, 16, 23, 42];
+
+var x = d3.scale.linear()
+    .domain([0, d3.max(data)])
+    .range([0, 420]);
+
+d3.select(".chart")
+  .selectAll("div")
+    .data(data)
+  .enter().append("div")
+    .style("width", function(d) { return x(d) + "px"; })
+    .text(function(d) { return d; });
+
+</script>
Original file line number	Diff line number	Diff line change
		@@ -0,0 +1 @@
		A basic HTML bar chart. Part of the [Let’s Make a Bar Chart](http://bost.ocks.org/mike/bar/) tutorial.