Skip to main content
🌍 Public

Share visualization

Send this visualization to others.

Fork of Activity 7

Public visualization

Viewing a saved revision (read-only)

aa417691d31d4e078210f53ee42b9634

Fork of Activity 7

0 stars0🌍 Public
Aasimcyb@gmail.com
Last edited Apr 10, 2024
Created on Apr 10, 2024
Forked from Activity 7

This example shows a horizontal bar chart of the top 30 countries by 2020 population, with blue axis ticks, green bars, and formatted labels (using SI units where G becomes B). The React application uses D3 v5 utilities d3.scaleBand, d3.scaleLinear, and d3.csv to fetch and process data, rendering SVG marks via custom components. Tooltips reveal precise population values on hover, while the axes and labels use styling from the Poppins font.

AI-generated description

A demonstration of how to start using D3 version 6.