Skip to main content
🌍 Public

Share visualization

Send this visualization to others.

Activity 6

Public visualization

Viewing a saved revision (read-only)

d7dc9de4542e4ab2b1eb5cb573e5883c

Activity 6

0 stars0🌍 Public
Vvinilavoddi@my.unt.edu
Last edited Oct 21, 2024
Created on Oct 21, 2024
Forked from Hello VizHub

This example visualizes 2020 population estimates for 30 countries as a horizontal bar chart. Using React and D3 v5, it loads CSV data via d3.csv and maps each country’s population to bar widths with d3.scaleLinear and d3.scaleBand, while axes are rendered through custom React components. Bars include native SVG tooltips showing formatted values, and d3.format abbreviates large numbers.

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.