Skip to main content
🌍 Public

Share visualization

Send this visualization to others.

Activity6_Task1

Public visualization

Post on XLinkedIn

Viewing a saved revision (read-only)

ad210fb221f54312b002c6bd26da41b0

Open

Activity6_Task1

0 stars0🌍 Public
GGOPI MUPPURI
Last edited Oct 23, 2024
Created on Oct 19, 2024
Forked from Hello VizHub

A horizontal bar chart displays the 2020 population estimates for the top 30 countries, sorted by country name. The visualization uses React with D3 v5 to render SVG elements, employing `scaleBand` for the categorical y-axis and `scaleLinear` for the numeric x-axis. Population values are formatted with D3's `format` function to abbreviate large numbers (e.g., B for billions). Data loads from a remote CSV file via D3's `csv` method, and each bar includes a native SVG tooltip showing the formatted population value.

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.