Skip to main content
🌍 Public

Share visualization

Send this visualization to others.

Activity 6

Public visualization

Post on XLinkedIn

Viewing a saved revision (read-only)

19c0b5f761814d37a359bcc61d7ff2c3

Open

Activity 6

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

A horizontal bar chart displays 2020 population estimates for 30 countries, sorted by country name, using green bars on an SVG canvas. The React-based visualization loads data from a remote CSV via `d3.csv` and maps population values with `d3.scaleLinear` and `d3.scaleBand` for positioning. Axes are custom components rendering tick marks and formatted labels, with population ticks abbreviated using `d3.format` (converting G to B). Tooltips appear on hover via native SVG `<title>` elements. The chart includes axis labels and a responsive margin-based layout.

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.