Skip to main content
🌍 Public

Share visualization

Send this visualization to others.

activity 6 tutorial1

Public visualization

Post on XLinkedIn

Viewing a saved revision (read-only)

0f9c9c560fe649f9818a9fd549b4db15

Open

activity 6 tutorial1

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

A horizontal bar chart displays 2020 population estimates for 30 countries, with green bars extending from a shared origin and blue axis lines. The visualization uses D3 scales (scaleBand and scaleLinear) to map country names and population values to SVG rectangles, with formatted tick labels converting billions from D3's SI notation. React components render the chart, loading data via d3.csv from a GitHub-hosted CSV file, and each bar includes a native SVG tooltip showing the population value on hover.

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.