Skip to main content
🌍 Public

Share visualization

Send this visualization to others.

Activity6_Task1

Public visualization

Post on XLinkedIn

Viewing a saved revision (read-only)

6d4e70b0f4994b2cac510c03937ae111

Open

Activity6_Task1

0 stars0🌍 Public
AAnirudhaKulakarniKaranam@my.unt.edu
Last edited Apr 1, 2024
Created on Mar 31, 2024
Forked from Hello VizHub

This visualization displays the 2020 population estimates for 30 countries as a horizontal bar chart, with bars colored light green and axis ticks in blue. Population values are formatted using D3's `format` function to abbreviate billions and millions. The chart is built with React components that use D3 scales (`scaleBand`, `scaleLinear`) to position bars, while custom `AxisBottom` and `AxisLeft` components render the axes. Data loads asynchronously from a remote CSV file via `d3.csv` and renders as SVG elements.

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.