Skip to main content
🌍 Public

Share visualization

Send this visualization to others.

Fork of Hello VizHub

Public visualization

Post on XLinkedIn

Viewing a saved revision (read-only)

b751bc04b2bb4cf1825f876d46bb8b83

Open

Fork of Hello VizHub

0 stars0🌍 Public
Ssahaspragna6@gmail.com
Last edited Apr 10, 2024
Created on Apr 9, 2024
Forked from Hello VizHub

A horizontal bar chart displays the population of thirty countries in 2020, sourced from a CSV file. Built with React and D3 v5, it uses `scaleBand` for the categorical y-axis and `scaleLinear` for the population x-axis. SVG rectangles render the bars, with axes drawn from custom `AxisBottom` and `AxisLeft` components. A tooltip shows the formatted population value on hover, and the x-axis labels abbreviate large numbers (e.g., "1.2B") using D3's `format`.

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.