Skip to main content
🌍 Public

Share visualization

Send this visualization to others.

Activity8_task1

Public visualization

Activity8_task1

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

A horizontal bar chart displays the top 30 countries by 2020 population, with bars sorted by country name and lengths proportionally scaled to population values. The visualization uses React to render SVG elements, with D3 v5 scales (scaleBand and scaleLinear) mapping data to positions. CSV data loads from a GitHub repository and processes the 2020 column by multiplying by 1000. The chart includes axis components with formatted tick labels converting G to B for billions, plus a light green bar fill and tooltips showing exact values.

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