D3
OG
Old school D3 from simpler times
All examples
By author
By category
About
abhishekpolavarapu
Full window
Github gist
D3 test
<!DOCTYPE html> <html lang="en"> <head> <meta charset="utf-8"> <title>D3 test</title> <script src="https://cdnjs.cloudflare.com/ajax/libs/d3/3.5.5/d3.min.js"></script> <style type="text/css"> div.bar{ display: inline-block; width: 20px; height: 75px; margin-right: 2px; background-color: teal;"></div> } </style> </head> <body> <h1> Abhishek Polavarapu </h1> <script type="text/javascript"> var dataset = [ 25, 7, 5, 26, 11, 8, 25, 14, 23, 19, 14, 11, 22, 29, 11, 13, 12, 17, 18, 10, 24, 18, 25, 9, 35 ]; d3.select("body").selectAll("div") .data(dataset) .enter() .append("div") .attr("class", "bar") .style("height", function(d) { var barHeight = d * 5; return barHeight + "px" ; }); </script> </body> </html>
https://cdnjs.cloudflare.com/ajax/libs/d3/3.5.5/d3.min.js