Skip to main content
🌍 Public

Share visualization

Send this visualization to others.

Activity - 8_task-1

Public visualization

Post on XLinkedIn

Viewing a saved revision (read-only)

1b8943146f884874a2dede5276e0f9cb

Open

Activity - 8_task-1

0 stars0🌍 Public
Ttharunramula@gmail.com
Last edited Apr 11, 2024
Created on Apr 11, 2024

A horizontal bar chart displays the estimated 2020 populations of 30 countries, ranked from largest to smallest. The visualization uses React to render SVG elements, with D3's `scaleBand` and `scaleLinear` handling the y and x axes, respectively. Data is loaded asynchronously via D3's `csv` function from a GitHub-hosted dataset, with population values converted from thousands. Tooltips provide formatted values, and axis labels are styled using CSS classes.

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.