Skip to main content
🌍 Public

Share visualization

Send this visualization to others.

UN Populations Bar Chart with React & D3

Public visualization

UN Populations Bar Chart with React & D3

0 stars0🌍 Public
Llaurence beattie
Last edited Nov 1, 2021
Created on Nov 1, 2021

This example visualizes UN population data for 2019 as a bar chart, with each country represented along the y-axis using a band scale and population values on the x-axis. The React app loads CSV data via D3’s `csv` utility, parses the ’2020’ column into numeric form, and renders an SVG. It uses React hooks (`useState`, `useEffect`) to manage asynchronous data loading and display a loading message until the dataset is ready. D3 scales (`scaleBand`) and SVG elements are used for layout, though the chart’s bars are not yet drawn in the provided code.

AI-generated description

A program that reads data data about CSS named colors using D3 utilites and uses React to render the data as a radial color burst

Comments

Sign in to join the discussion.

MIT Licensed