🌍 Public
Viewing a saved revision (read-only)
d3eaca2be8de41d59712859606f083bd
Activity6_Tutorial1_Rashmitha
This example displays a horizontal bar chart of population figures for 30 countries in 2020, sourced from a GitHub-hosted CSV file. The React-based visualization uses D3 v5’s `scaleBand` and `scaleLinear` to map country names and population values to SVG rectangles, with custom `AxisBottom` and `AxisLeft` components rendering ticks. A tooltip on each bar reveals the exact population, formatted using D3’s `format` function, while green marks and styled axes highlight the data. The chart is rendered entirely as SVG within a React component.
AI-generated descriptionA demonstration of how to start using D3 version 6.