Skip to main content
🌍 Public

Share visualization

Send this visualization to others.

Activity 6

Public visualization

Viewing a saved revision (read-only)

3e03f5eb341c4319ad37fdb190ea8aa3

Activity 6

0 stars0🌍 Public
KKavyaEti
Last edited Oct 20, 2024
Created on Oct 20, 2024
Forked from Hello VizHub

This example shows a horizontal bar chart of population data for 30 countries in the year 2020. The chart uses React components for the axes and marks, with D3 scales for positioning. The bar lengths are proportional to each country’s population, and hovering over a bar reveals the exact value via a native tooltip. Data is loaded as CSV from a GitHub repository using `d3.csv`, and the chart is styled with light green bars, blue axis lines, and the Poppins font.

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.