Skip to main content
🌍 Public

Share visualization

Send this visualization to others.

Pathetic Bar chart

Public visualization

Pathetic Bar chart

0 stars0🌍 Public
Yyastika
Last edited Apr 18, 2021
Created on Apr 18, 2021

This example visualizes United Nations population data for 2020 as a horizontal bar chart using React and D3. The chart displays each country as a bar, with bar length proportional to population size. The code loads CSV data via `d3.csv`, scales the bars using `scaleLinear` for population values and `scaleBand` for country categories, and renders SVG rectangles through React components. The visualization demonstrates a straightforward integration of D3’s data-loading and scaling utilities with React’s declarative rendering model.

AI-generated description

A program that loads in some data about CSS named colors using D3 utilities, and uses React to render the data as a radial burst!

Comments

Sign in to join the discussion.

MIT Licensed