Skip to main content
🌍 Public

Share visualization

Send this visualization to others.

Fork of Activity 6

Public visualization

Viewing a saved revision (read-only)

ecf8a17684a64b3cacf475600bac4f8f

Fork of Activity 6

0 stars1🌍 Public
Ssathvik0311@gmail.com
Last edited Oct 24, 2024
Created on Oct 23, 2024
Forked from Activity 6

A horizontal bar chart displays the 2020 population of 30 countries, ranked in descending order from the dataset loaded via `d3.csv` from a GitHub-hosted CSV file. The visualization uses `scaleBand` for the categorical y-axis, `scaleLinear` for the quantitative x-axis, and renders bars as SVG `<rect>` elements. Custom `AxisBottom` and `AxisLeft` components generate ticks, while a `<title>` element provides tooltips with formatted values like "30M". The React app manages data loading asynchronously with a `useEffect` hook.

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.