Skip to main content
🌍 Public

Share visualization

Send this visualization to others.

activity6_Task 1

Public visualization

activity6_Task 1

0 stars0🌍 Public
CCodeNinja
Last edited Oct 18, 2024
Created on Oct 18, 2024
Forked from Activity 7

This example displays a horizontal bar chart of the 2020 population for 30 countries, sorted alphabetically. The chart uses an SVG canvas created with React and D3 v5 APIs, including `scaleBand` for the y-axis and `scaleLinear` for the x-axis. Data is fetched from a remote CSV file using D3’s `csv` method. Each bar includes a tooltip showing the formatted population value; x-axis tick labels are formatted with `d3.format`.

AI-generated description

A demonstration of how to start using D3 version 6.

Comments

Sign in to join the discussion.

MIT Licensed