Skip to main content
🌍 Public

Share visualization

Send this visualization to others.

activity 6 task 1.2

Public visualization

Viewing a saved revision (read-only)

d008c63f110d43bc8d19129399ec1c95

activity 6 task 1.2

0 stars0🌍 Public
Ssindhureddykandada@gmail.com
Last edited Oct 22, 2024
Created on Oct 22, 2024
Forked from Hello VizHub

This example shows a horizontal bar chart of 2010 population data for 20 countries, sorted by country name. The visualization uses React to render SVG rectangles, with D3 v5 scales (scaleBand and scaleLinear) for positioning. Axes are custom React components, and the chart loads CSV data from a GitHub repository, formatting population values with the d3.format utility. Hovering over a bar displays its population value via an SVG title element.

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.