Data Visualization with D3: Change the Presentation of a Bar Chart

JavaScript
1

hello, i’m 100% certain my code is correct plus i’ve checked and compared with the solution, but the code doesn’t seem to work. I’ve been stuck here for a long while and i don’t know what to do or who i can reach out to. pls i need help

  **Your code so far**


 <style>
.bar {
  width: 25px;
  height: 100px;
  margin: 2px;
  display: inline-block;
  background-color: blue;
}
</style>
 <body>
 <script>
 const dataset = [12, 31, 22, 17, 25, 18, 29, 14, 9];

  d3.select("body").selectAll("div")
    .data(dataset)
    .enter()
    .append("div")
    .attr("class", "bar")
    .style("height", (d) => (d * 10 + "px"))
</script>
</body>

  **Your browser information:**

User Agent is: Mozilla/5.0 (Windows NT 10.0; Win64; x64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/97.0.4692.99 Safari/537.36 Viewer/100.9.4268.69

Challenge: Change the Presentation of a Bar Chart

Link to the challenge:

2

Yes, the code you pasted above is 100% correct and should pass. I’m guessing you might have some sort of extension/setting enabled in your browser that messes with the visual display (such as darkmode). You’ll probably need to start turning those off until you find the one that is causing the issue.

3

This topic was automatically closed 182 days after the last reply. New replies are no longer allowed.