Skip to main content
🌍 Public

Share visualization

Send this visualization to others.

Activity_Question 1->2

Public visualization

Viewing a saved revision (read-only)

6748943a90fd4859ac26e78c0603ba75

Activity_Question 1->2

0 stars0🌍 Public
PPreethamreddyannavaram@my.unt.edu
Last edited Apr 4, 2025
Created on Apr 4, 2025
Forked from Hello VizHub

This example shows a bar chart of population data for the top 20 countries, comparing values from the year 2010. The chart uses a light green color for the bars and features red tick marks on the axes, with a custom Poppins font applied throughout. Built with React and D3 v5, the visualization pulls data from a CSV file hosted on GitHub, parsing and multiplying population values by 1000 for display. The axes are constructed using reusable components that generate tick lines and labels, while the `useData` hook handles asynchronous data loading via D3's `csv` function.

AI-generated description