🌍 Public
Stylized Bar Chart
This stylized bar chart displays the top 10 countries by population using D3 scales and React components. The SVG visualization uses `d3.scaleBand` for the categorical y-axis, `d3.scaleLinear` for the numeric x-axis, and `d3.format` to convert population values into readable billions. Data loads from a CSV of UN population estimates via `d3.csv`, with React hooks managing asynchronous state. Each bar includes a native SVG `<title>` tooltip showing the formatted value, with styled axes using Poppins typography.
AI-generated descriptionA program that loads in some data about CSS named colors using D3 utilities, and uses React state to keep track of the data.
MIT Licensed
Comments
Sign in to join the discussion.