Skip to main content
🌍 Public

Share visualization

Send this visualization to others.

activity 6_Task 1

Public visualization

Viewing a saved revision (read-only)

373c4afa696046d9bb9e2bbd992d0e5e

activity 6_Task 1

0 stars1🌍 Public
Ggouthamigongidi2457@gmail.com
Last edited Nov 15, 2024
Created on Oct 17, 2024
Forked from Hello VizHub

This chart displays the 2020 population estimates for 30 countries as a horizontal bar chart, sorted with the largest populations at the top. Each bar’s length encodes the population value, with a tooltip showing the formatted number on hover. The visualization uses React with D3’s `scaleBand` and `scaleLinear` to map data to SVG rectangles, while `AxisBottom` and `AxisLeft` render axes with custom tick formatting that converts billions and millions into readable labels. Population data is loaded asynchronously via `d3.csv`.

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.