Skip to main content
🌍 Public

Share visualization

Send this visualization to others.

Activity 6_Task 1

Public visualization

Viewing a saved revision (read-only)

0c63e860c54e44418fe8d9bc7983255c

Activity 6_Task 1

0 stars0🌍 Public
Rreddyjathin95@gmail.com
Last edited Jul 12, 2024
Created on Jul 12, 2024
Forked from Hello VizHub

This interactive bar chart displays the population figures for 30 countries in 2020, with country names on the y-axis and population on the x-axis. Built with React and D3 v5, it uses `scaleBand` and `scaleLinear` to map the data, rendering SVG rectangles via the `Marks` component. The chart features custom tick marks and labels, with population values formatted using `d3.format(‘.2s’)` and converted to billions. The data is loaded from an external CSV file using D3’s `csv` function, and tooltips show the precise population on hover.

AI-generated description

A demonstration of how to start using D3 version 6.