Skip to main content
🌍 Public

Share visualization

Send this visualization to others.

Activity 6

Public visualization

Post on XLinkedIn

Viewing a saved revision (read-only)

b5812cff0202493c9f38946a6ea6f22a

Open

Activity 6

0 stars2🌍 Public
Jjayanthbalina@gmail.com
Last edited Apr 3, 2024
Created on Apr 2, 2024
Forked from Hello VizHub

This example shows a horizontal bar chart of 2020 population data for 30 countries, with bars colored green and blue axis lines and labels. The chart uses React components to render SVG marks and axes, with D3 v5’s `scaleBand` and `scaleLinear` for positioning, `csv` for loading the dataset from a GitHub URL, and `format` for abbreviating population values (e.g., “B” for billions). A tooltip via the SVG `<title>` element displays the formatted population 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.