Skip to main content
🌍 Public

Share visualization

Send this visualization to others.

Activity6_Question1.2

Public visualization

Viewing a saved revision (read-only)

3f57b06836484b95afba44f52862a5f5

Activity6_Question1.2

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

This example shows a horizontal bar chart comparing the 2020 populations of twenty countries, ranked in descending order. The visualization uses React to render SVG elements, with D3 v5 (d3.scaleBand, d3.scaleLinear, d3.csv, d3.format) handling data loading and scaling. Bars are drawn as rectangles, with axis components for bottom and left labels, and a tooltip showing abbreviated population values. The dataset is fetched from a remote CSV file and processed to convert population figures to absolute numbers.

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.