Skip to main content
100%

Activity 6 Question 1.2

✓ Published0🌍 Public
Rrahulnathmukkolla@gmail.com
Last edited Apr 1, 2024
Created on Mar 31, 2024
Forked from Hello VizHub

This example visualizes the 2010 population estimates for the top 20 countries as a horizontal bar chart, with each bar’s length proportional to population and tooltips showing the formatted value on hover. The visualization encodes country names along the y-axis and population along the x-axis, using green SVG rectangles rendered via React components. The implementation leverages d3’s `scaleBand` and `scaleLinear` for coordinate mapping, d3’s `csv` parser for data loading, and d3’s `format` for tick labeling (converting values to billions). The chart’s axes are custom-built with SVG, and the data is fetched from a CSV hosted on GitHub.

AI-generated description
<iframe width="560" height="315" frameborder="0" allow="accelerometer; autoplay; encrypted-media; gyroscope; picture-in-picture" allowfullscreen></iframe>
MIT Licensed

Similar vizzes