Skip to main content
🌍 Public

Share visualization

Send this visualization to others.

Activity 6_Task 1

Public visualization

Post on XLinkedIn

Viewing a saved revision (read-only)

ca4ac74898ce49049a0770881fab21c1

Open

Activity 6_Task 1

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

A horizontal bar chart displays the population of 30 countries for 2020, with country names on the y-axis and population values on the x-axis. Rendered as SVG in a React framework using D3 v5, the chart uses `scaleBand` and `scaleLinear` to map data, and custom `AxisBottom` and `Marks` components built with React. Population values are formatted using D3's `format` with `siFormat`, converting billions to "B". Data is loaded asynchronously from a GitHub-hosted CSV via `useData` hook and D3's `csv` function.

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.