Skip to main content
🌍 Public

Share visualization

Send this visualization to others.

activity 6_Task 1

Public visualization

Post on XLinkedIn

Viewing a saved revision (read-only)

8d66acb01f5841f0af69c3fa3b5af06f

Open

activity 6_Task 1

0 stars0🌍 Public
SSumanthnaidu213
Last edited Apr 14, 2024
Created on Apr 14, 2024

A horizontal bar chart displays 2020 population figures for countries, with bars extending from a shared left edge to lengths proportional to population values. The visualization uses React to render SVG elements, while D3 v6 scales and axes handle positioning and tick formatting, converting large numbers into abbreviated labels like "1.2B". Data is loaded asynchronously from a GitHub-hosted CSV file via D3's `csv` function. Interactive tooltips appear on hover through SVG `<title>` elements, revealing exact population 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.