Skip to main content
🌍 Public

Share visualization

Send this visualization to others.

Activity

Public visualization

Activity

0 stars0🌍 Public
AAbdul Kareem
Last edited Apr 10, 2024
Created on Apr 10, 2024
Forked from Hello VizHub

This bar chart displays the 2020 populations of 30 countries, sorted by country name, using horizontal bars with a green fill and blue tick marks. The React app loads CSV data from a GitHub URL via `d3.csv`, transforms raw numbers by multiplying by 1000, and renders with `scaleBand` and `scaleLinear`. Axis labels use D3’s `format('.2s')` to abbreviate values, and each bar includes a native SVG `<title>` tooltip. The layout is static, with margins and dimensions fixed in the code.

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.

Comments

Sign in to join the discussion.

MIT Licensed