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)

170f52f4a20544d6b8cc6a5cd5b7adb0

Fork of Fork of Activity 7

0 stars0🌍 Public
MManideeprenikindi
Last edited Jul 11, 2023
Created on Jul 11, 2023
Forked from Fork of Activity 7

This is a horizontal bar chart showing the population of 20 countries in 2020, rendered as SVG elements within a React application. The chart uses D3 version 5 scales (`d3.scaleBand` and `d3.scaleLinear`) to map country names and population values to positions and lengths. Data is loaded from a CSV file via a custom `useData` hook, with tick marks styled blue and a green fill for each bar. Tooltips display the formatted population value on hover.

AI-generated description

A demonstration of how to start using D3 version 6.