xxxxxxxxxx<head> <meta charset="utf-8"> <script src="https://d3js.org/d3.v4.min.js"></script> <style> div.bar { height: 20px; background-color: crimson; margin:5px; } </style></head><body> <script> const milesRun = [5,3,6,8,4] d3.selectAll("div.bar") // our placeholder selection .data(milesRun) // data binding .enter() // newly bound data .append("div") // new div's .attr("class", "bar") // add a class name .style("width", d => d*50 + "px") // callback </script></body> https://d3js.org/d3.v4.min.js