Skip to main content
🌍 Public

Share visualization

Send this visualization to others.

Activity_6_2

Public visualization

Viewing a saved revision (read-only)

19d9fa9589a24f1887cf72af2b458647

Activity_6_2

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

A horizontal bar chart displays the 2010 populations for 30 countries, sorted vertically by name, with bars extending rightward from a shared baseline. Population values are formatted using D3's `format` with SI prefixes, converting billions to a readable tick label. The visualization is built with React components and D3 v5 scales, including `scaleBand` for the categorical country axis and `scaleLinear` for the quantitative population axis. SVG rectangles render the bars, with tooltips provided via SVG `<title>` elements, and the data is loaded from a remote CSV file using D3's `csv` function.

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.