e.g. of d3 without svg for bar charts

http://mbostock.github.io/d3/tutorial/bar-1.html

by hrabinowitz

CSS

.chart div {
   font: 10px sans-serif;
   background-color: steelblue;
   text-align: right;
   padding: 3px;
   margin: 1px;
   color: white;
}

JavaScript

var data = [4, 8, 15, 16, 23, 42];

var chart = d3.select("body").append("div")
     .attr("class", "chart");

chart.selectAll("div")
     .data(data)
     .enter().append("div")
     .style("width", function(d) { return d * 10 + "px"; })
     .text(function(d) { return d; });