Skip to main content
🌍 Public

Share visualization

Send this visualization to others.

Activity6

Public visualization

Post on XLinkedIn

Viewing a saved revision (read-only)

0e57263de7454b9da07fd8f32954a9a7

Open

Activity6

0 stars0🌍 Public
Aanushapodapati99@gmail.com
Last edited Apr 13, 2024
Created on Apr 13, 2024
Forked from Hello VizHub

This visualization displays country populations in 2020 as a horizontal bar chart, using a D3 scaleBand for the y-axis and a d3.scaleLinear for the x-axis. The React components render SVG rectangles with native tooltips, while custom AxisBottom and AxisLeft components generate the tick marks and labels. Data is loaded via d3.csv from a GitHub repository, with population values formatted using d3.format’s SI notation to display billions.

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.