Skip to main content
🌍 Public

Share visualization

Send this visualization to others.

Task8_Q1_2

Public visualization

Viewing a saved revision (read-only)

12e85b278f25485d8a58f4b6a54eaf40

Task8_Q1_2

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

A horizontal bar chart displays the populations of twenty countries in 2010, sorted by country name. The visualization uses React to render SVG elements, with D3 scales (`scaleBand` and `scaleLinear`) mapping data to positions and lengths. Axis components built with D3’s `ticks()` and tick formatting via `format('.2s')` convert raw population values into billions. The data is loaded asynchronously from a CSV file using D3’s `csv` function, then parsed and sliced to the top twenty entries.

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.