Skip to main content
🌍 Public

Share visualization

Send this visualization to others.

Activity6-task1

Public visualization

Viewing a saved revision (read-only)

cc8b92ac3645400888cad95775c7a928

Activity6-task1

0 stars0🌍 Public
Ssushanthkodipyaka@gmail.com
Last edited Apr 4, 2024
Created on Apr 4, 2024
Forked from Hello VizHub

This example shows a horizontal bar chart ranking the 30 most populous countries or regions in 2020, with bar length encoding population counts in thousands. Each bar includes a hover tooltip displaying the exact value. The visualization uses React to render SVG elements, with D3’s `csv` loader fetching data from a GitHub-hosted CSV file. Scales are created implicitly via the `xScale` and `yScale` props, while custom `AxisBottom` and `AxisLeft` components generate tick marks and labels using D3’s scale methods.

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.