Skip to main content
🌍 Public

Share visualization

Send this visualization to others.

activity 6_Task 1_Vamsi

Public visualization

Viewing a saved revision (read-only)

156b0ecb1e684cd79a5591b532465bea

No content available for this visualization.

activity 6_Task 1_Vamsi

0 stars0🌍 Public
Vvamsikrishnakanchukommala@my.unt.edu
Last edited Apr 11, 2024
Created on Apr 11, 2024
Forked from Hello VizHub

This visualization displays the top 30 countries by population in 2020 using a horizontal bar chart rendered with React and D3 v5. SVG rectangles scaled with `d3.scaleLinear` represent population values, while `d3.scaleBand` positions the categorical country labels. The chart includes formatted tick labels using `d3.format` (converting G to B) and axis components built with React. Population data is loaded asynchronously from a remote CSV via `d3.csv` in the `useData` hook, with values multiplied by 1000 before rendering.

AI-generated description