Skip to main content
🌍 Public

Share visualization

Send this visualization to others.

Fork of Loading Data with React & D3

Public visualization

Viewing a saved revision (read-only)

f2761b4420004d3fbb35e9ac13f2fecf

Fork of Loading Data with React & D3

0 stars1🌍 Public
NNikita Toropov
Last edited Mar 5, 2023
Created on Mar 2, 2023

This visualization displays the top 10 countries by population using a horizontal bar chart. It loads UN population data via `d3.csv` and uses React state to manage the asynchronous data fetch. The chart is rendered with SVG, combining React components for axes and marks. `d3.scaleBand` and `d3.scaleLinear` position the bars, while `d3.format` converts population values to abbreviated labels like "B" for billions.

AI-generated description

A program that loads in some data about CSS named colors using D3 utilities, and uses React state to keep track of the data.