Skip to main content
🌍 Public

Share visualization

Send this visualization to others.

Activity-6-q1.2

Public visualization

Viewing a saved revision (read-only)

cd1eeb53f6404a88be609301c99fa232

Activity-6-q1.2

0 stars0🌍 Public
Sswapnadabburi@my.unt.edu
Last edited Oct 24, 2024
Created on Oct 24, 2024

This bar chart displays the populations of 20 countries in 2010, ranked along a vertical categorical axis with horizontal bars. The visualization uses D3 version 5 within a React framework, rendering to SVG via React components. Data is loaded from a remote CSV using d3.csv, with population values scaled by 1000. Axes are generated using d3.scaleBand and d3.scaleLinear, while d3.format applies SI-prefix tick labels that convert billions to B. Each bar includes a native SVG title 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.