Skip to main content
🌍 Public

Share visualization

Send this visualization to others.

Fork of Hello VizHub for activity 6

Public visualization

Post on XLinkedIn

Viewing a saved revision (read-only)

f16747282de24dff8a055bd965058ca6

Open

Fork of Hello VizHub for activity 6

0 stars0🌍 Public
Sshravan.s0710@gmail.com
Last edited Apr 4, 2024
Created on Apr 4, 2024
Forked from Hello VizHub

This example displays a horizontal bar chart of the top 30 countries by 2020 population, using data loaded from a CSV file hosted on GitHub. The visualization renders as an SVG, built with React and D3 v5. It uses `d3.scaleBand` for the categorical y-axis, `d3.scaleLinear` for the quantitative x-axis, and `d3.format` to abbreviate population values. Custom components draw the axes, while each bar includes a tooltip showing the formatted population value.

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.