Skip to main content
🌍 Public

Share visualization

Send this visualization to others.

Activity6_q1.2

Public visualization

Viewing a saved revision (read-only)

a0a9204e680f410ca5b0840cc013e630

Activity6_q1.2

0 stars0🌍 Public
Nnikhithadadi@my.unt.edu
Last edited Apr 6, 2024
Created on Apr 6, 2024
Forked from Activity6_q1.2

A horizontal bar chart displays the population of 20 countries in 2010, with each bar’s length proportional to its population value. The chart uses React to render SVG elements, with D3’s `scaleBand` and `scaleLinear` mapping country names and population values to pixel positions. Data is loaded via `d3.csv` from a GitHub-hosted CSV file, and axes are built using custom React components. Tick labels are formatted with `d3.format` to abbreviate large numbers (e.g., converting “G” to “B” for billions).

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.