Change-the-presentation-of-a-bar-chart could be improved

freeCodeCamp Support
1

Hey,

I just finished the following D3 - Exercise:
https://www.freecodecamp.org/learn/data-visualization/data-visualization-with-d3/change-the-presentation-of-a-bar-chart

And in the code it says to only change something in the CSS part of the code. However to fully complete the challenge one has to also change the .style(“height”, …) to adjust for the 10x multiplication - This leads to confusion and could be changed in the future

<style>
  .bar {
    width: 25px;
    height: 100px;
    ** /* Only change code below this line */ **
    margin: 2px;
    
   **  /* Only change code above this line */ **
    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) => (**10** *d + "px"))
  </script>
</body>