Skip to main content
🌍 Public

Share visualization

Send this visualization to others.

Fork of Fork of Activity 7

Public visualization

Viewing a saved revision (read-only)

b8b75175825e48a3af6b12c0321eaf8a

Fork of Fork of Activity 7

0 stars0🌍 Public
Ggoudrohit2000@gmail.com
Last edited Oct 21, 2024
Created on Oct 21, 2024
Forked from Fork of Activity 7

This interactive bar chart displays the population of the top 10 countries as of 2010, with each bar color-coded in green. The visualization uses a React front-end with D3 v5’s `scaleBand` for the categorical y-axis and `scaleLinear` for the continuous x-axis. Data is loaded dynamically from a CSV file hosted on GitHub, parsed with D3’s `csv` function, and rendered as SVG rectangles with tooltips formatted using SI prefixes. The code includes custom axis components for bottom and left ticks, with styling defined in an external HTML file.

AI-generated description

A demonstration of how to start using D3 version 6.