🌍 Public
Viewing a saved revision (read-only)
0e8955767e9540dfb265e8b6f8cff6ba
Task8Tutorial_1
This example shows a horizontal bar chart of 2020 population estimates for 30 countries, with bars colored light green and a blue axis line. The React application loads data from a CSV file using D3’s `csv` function, then renders the visualization as SVG. It uses `scaleBand` for the y-axis country categories and `scaleLinear` for the x-axis population values, with a custom tick format that converts large numbers into billions. Tooltips appear on hover via SVG `<title>` elements, and the axis labels are styled with Poppins font.
AI-generated descriptionA demonstration of how to start using D3 version 6.