Skip to main content
🌍 Public

Share visualization

Send this visualization to others.

Activity 6

Public visualization

Viewing a saved revision (read-only)

52e7bce352b84c98a2a4f4a260c24b3d

Activity 6

0 stars1🌍 Public
Vvarmanithish5@gmail.com
Last edited Apr 5, 2024
Created on Apr 4, 2024
Forked from Hello VizHub

This chart displays the population of ten countries in the year 2000 using horizontal bars, with a green bar for each nation and its population value shown on hover. Built with React and D3 v5, it uses a `scaleBand` for the categorical country axis and a `scaleLinear` for the numeric population axis, rendering SVG rectangles via the `Marks` component. The bottom axis applies D3’s `format` function to abbreviate large numbers (e.g., converting billions), while data is loaded asynchronously from a remote CSV file using D3’s `csv` function.

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.