🌍 Public
Viewing a saved revision (read-only)
d8fbd52c859b4b3183d748f7ab6e6353
Fork of Stylized Bar Chart
A stylized bar chart displays the top 10 most populous countries from the United Nations World Population Prospects 2019 dataset. Using React and D3 v5, the visualization encodes population counts as horizontal bars via SVG `<rect>` elements, with axes rendered by custom `AxisBottom` and `AxisLeft` components. The code constructs scales with `d3.scaleBand` and `d3.scaleLinear`, formats tick labels with `d3.format`, and provides tooltips through SVG `<title>` tags. The chart’s distinct styling includes the Poppins font and a teal color scheme.
AI-generated descriptionA program that shows the top 10 most populous countries as a bar chart.
<!-- Data: [United Nations World Population Prospects 2019](https://gist.github.com/curran/0ac4077c7fc6390f5dd33bf5c06cb5ff). --><!-- <iframe width="560" height="315" src="https://www.youtube.com/embed/3jIF4Z3iIoM" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture" allowfullscreen></iframe> -->