Skip to main content
🌍 Public

Share visualization

Send this visualization to others.

Activity6_Question1

Public visualization

Post on XLinkedIn

Viewing a saved revision (read-only)

cd2c9aff9ac34af8b8d226f933c81563

Open

Activity6_Question1

0 stars0🌍 Public
Llikhitha.sarahah01@gmail.com
Last edited Oct 19, 2024
Created on Oct 19, 2024
Forked from Hello VizHub

This horizontal bar chart displays the 2020 population for the top 30 countries, with population values on the x-axis and country names on the y-axis. The chart uses React and D3 v5, employing `scaleBand` for the categorical y-axis and `scaleLinear` for the continuous population scale. Data is loaded from a GitHub-hosted CSV file using D3's `csv` method. Bars are rendered as SVG rectangles with tooltips showing the formatted population values, while axes are generated using custom `AxisBottom` and `AxisLeft` components.

AI-generated description

An example showing the capabilities of VizHub:

  • Loads D3 via UNPKG.
  • Demonstrates use of import from "d3".
  • Demonstrates use of import from local ES6 modules.