🔗 Unlisted
Viewing a saved revision (read-only)
181009af7f1343aabfb1d2762e256532
Task 1
This chart displays the population of 30 countries in 2020 as a horizontal bar chart. The visualization loads data from a CSV file using the D3 `csv` function and renders the chart with SVG elements. It uses D3’s `scaleBand` and `scaleLinear` for axis scaling, and React components for the axes and marks, with the bar lengths proportional to population values. The x-axis labels are formatted using D3’s `format` function to abbreviate large numbers, and tooltips show the formatted value on hover.
AI-generated descriptionA demonstration of how to start using D3 version 6.
<iframe width="560" height="315" src="https://www.youtube.com/embed/Ia_DwVMXwgk" frameborder="0" allow="accelerometer; autoplay; encrypted-media; gyroscope; picture-in-picture" allowfullscreen></ifram