🌍 Public
Viewing a saved revision (read-only)
8c46b68fcbfa495b81be065391fbf026
Stylized bar chart
This stylized bar chart displays the top 10 countries by population for 2020, using horizontal bars to rank each nation. Built with React and D3 v5, the visualization loads data from a CSV file containing UN population estimates. The code employs D3's `scaleBand` and `scaleLinear` to position bars, while `format(".2s")` converts large numbers into readable abbreviations. SVG rectangles render the marks, with hover tooltips providing exact values. The chart uses a clean Poppins font and a teal color scheme to highlight each bar's length.
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.