🌍 Public
Viewing a saved revision (read-only)
80316e9353454c32b80a8695d89bdfa1
refactored bar chart
This example shows a horizontal bar chart of population data for the top 10 countries in 2020, sourced from a UN population CSV file. React components render SVG rectangles for the bars, with D3’s scaleBand and scaleLinear mapping country names and population values. AxisBottom and AxisLeft components generate tick marks and labels using D3’s scale ticks, while the useData hook asynchronously loads and parses the CSV with d3.csv.
AI-generated descriptionA program that loads in some data about css named colours using d3 utilities, and uses React to render the data and D3 to format as a radial burst