🌍 Public
Viewing a saved revision (read-only)
3a04289f768f4d49bb0d94ef83c77674
Fork of Stylized Bar Chart
This example displays the top 10 most populous countries from the United Nations World Population Prospects 2019 dataset as a stylized bar chart. The chart uses `d3.scaleBand` for the categorical x-axis and `d3.scaleLinear` for the population values, rendered as SVG rectangles with tooltips. The React-based code leverages the `useData` hook to load and transform CSV data, while custom axis components format the y-axis labels using `d3.format` to abbreviate billions. The visualization applies a custom CSS style with vertical text labels and a teal color scheme for the bars.
AI-generated descriptionA program that shows the top 10 most populous countries as a bar chart.