Skip to main content
🌍 Public

Share visualization

Send this visualization to others.

Fork of Rendering Data using React and D3

Public visualization

Viewing a saved revision (read-only)

f9455eb613fe4dac96053a0f291e0772

Fork of Rendering Data using React and D3

0 stars0🌍 Public
Ttrissentety
Last edited Feb 6, 2023
Created on Feb 5, 2023

A horizontal bar chart visualizes UN population estimates for 2020, with each country’s bar length proportional to its population. The React app loads CSV data via D3’s `csv` utility, then uses D3’s `scaleBand` and `scaleLinear` to map countries and population values to SVG `rect` coordinates. The chart renders directly in SVG, with bars positioned by country name along the y-axis and population magnitude along the x-axis.

AI-generated description

Program that loads CSS named color data using D3 utilities and renders the data in a radial fill cycle using React.