Skip to main content
🌍 Public

Share visualization

Send this visualization to others.

Activity6_task1

Public visualization

Viewing a saved revision (read-only)

e222a5bd611249ebbe1a9baa484ddc34

Activity6_task1

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

This example displays a horizontal bar chart of the top 30 countries by 2020 population. The visualization uses the D3 version 5 library with `scaleBand` and `scaleLinear` to map data from a CSV file to SVG rectangles. The React component defines axes with `AxisBottom` and `AxisLeft`, formatting tick labels from scientific notation to billions. Each bar includes a tooltip showing the population value, with data loaded asynchronously via a custom `useData` hook that fetches from a GitHub repository.

AI-generated description

A demonstration of how to start using D3 version 6.