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)

ee2d93eeccba497c9827bb73a93c7f60

Open

Activity-6_task-1

0 stars1🌍 Public
Ssiddhartha gurram
Last edited Apr 3, 2024
Created on Apr 3, 2024
Forked from Hello VizHub

This example shows a horizontal bar chart of population estimates for the top 30 countries in 2020, with a green bar for each country and a light blue axis. It uses React to render an SVG, with D3 v5’s `scaleBand` and `scaleLinear` for positioning and a formatter that converts large numbers into billions. The data is loaded via `csv` from a gist URL, and tooltips display the formatted 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.