Skip to main content
🌍 Public

Share visualization

Send this visualization to others.

Fork of Hello VizHub

Public visualization

Viewing a saved revision (read-only)

8a45dc7690614bd6898c55d8e4c9b311

Fork of Hello VizHub

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

A horizontal bar chart displays the populations of thirty countries in 2020, sorted by country name along the y-axis and ordered by population along the x-axis. The visualization uses React with D3 version 5, specifically `scaleBand` and `scaleLinear` for axes, and renders SVG rectangles. Data is loaded from a CSV file via the `csv` function, with tooltips formatted using D3's `format` function to show abbreviated population values. The chart includes styled axes with blue tick lines and gray tick labels.

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.