🌍 Public
Viewing a saved revision (read-only)
c133356cad1e4e6e97c52f0844b66e18
Activity 6 Question 1.1
This example shows a horizontal bar chart comparing the population of ten countries in the year 2000. The visualization uses D3 v5's `scaleBand` and `scaleLinear` to map categorical country names and numeric population values to SVG coordinates, while React renders the chart elements. The chart includes red tick lines on the x-axis, a labeled x-axis for "POPULATION-2000", and blue rectangular marks that display a tooltip with the population value when hovered. Data is loaded from a remote CSV file using D3's `csv` function.
AI-generated descriptionA demonstration of how to start using D3 version 6.