Skip to main content
🌍 Public

Share visualization

Send this visualization to others.

Task 8-Q1A

Public visualization

Viewing a saved revision (read-only)

3248f515478e431da7e5bac3a3438887

Task 8-Q1A

0 stars1🌍 Public
SSushmaNamidi@my.unt.edu
Last edited Apr 15, 2024
Created on Apr 14, 2024
Forked from Hello VizHub

This bar chart displays the top 10 countries by population in the year 2000, with country names on the y-axis and population values on the x-axis. The visualization uses React with D3 v5 scales and SVG rendering. Categories are sorted by population on a linear scale, with bars extending from a common left baseline. The code employs `scaleBand` for the categorical axis, `scaleLinear` for the quantitative axis, and custom React components (`AxisBottom`, `AxisLeft`, `Marks`) to render ticks and rect marks. Data originates from a CSV file, formatted with SI-prefix labels (e.g., "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.