Skip to main content
100%

ACTIVITY 6_ population

✓ Published0🌍 Public
Ppasumarthiraghuram21@gmail.com
Last edited Apr 11, 2024
Created on Apr 11, 2024

This horizontal bar chart displays the population of 20 countries for the year 2000, with countries sorted along the y-axis and population values extending along the x-axis. The visualization uses a React component with D3 v5 scaleBand and scaleLinear APIs to position the bars, while custom AxisBottom and AxisLeft components render tick marks and labels. The code loads CSV data from a raw GitHub repository, formats population values using D3’s format function to abbreviate large numbers (e.g., converting G to B), and includes tooltips that display the population on hover. SVG rectangles represent each data point, with blue fills and yellow axis lines.

AI-generated description

A demonstration of how to start using D3 version 6.

MIT Licensed

Similar vizzes