D3
OG
Old school D3 from simpler times
All examples
By author
By category
About
vpascual
Full window
Github gist
D3 basic barchart with divs
Built with
blockbuilder.org
<!DOCTYPE html> <html lang="en"> <head> <meta charset="utf-8"> <title>D3 Page Template</title> <script src="https://d3js.org/d3.v4.min.js"></script> </head> <body> <script type="text/javascript"> // D3 code const data = [18, 20, 25, 34, 100]; var scale = d3.scaleLinear() .domain([0, d3.max(data)]) .range([0, 400]); d3.select("body") .selectAll("div") .data(data) .enter() .append("div") .style("width", (d) => { return scale(d) + "px"; }) .style("background-color", "steelblue") .text((d) => { return d; }) </script> </body> </html>
https://d3js.org/d3.v4.min.js