Skip to main content
🌍 Public

Share visualization

Send this visualization to others.

Activity 6_Task 1

Public visualization

Activity 6_Task 1

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

This example visualizes the top 30 most populous countries in 2020 using a horizontal bar chart, with each bar’s length encoding population size. The chart is built with React and D3 v7, using `d3.scaleLinear` for the x-axis and `d3.scaleBand` for the y-axis categories. Population data is fetched from a CSV hosted in a GitHub gist, with a hardcoded fallback dataset in case the request fails. The visualization renders as SVG, with custom React components for the axes and marks, and includes styled hover effects and axis labels.

AI-generated description

Comments

Sign in to join the discussion.

MIT Licensed