Skip to main content
🌍 Public

Share visualization

Send this visualization to others.

Bar Chart Data with React & D3

Public visualization

Viewing a saved revision (read-only)

17bacf245a5d47a880b724e7b94a5bb1

Bar Chart Data with React & D3

0 stars0🌍 Public
PPaul B
Last edited Sep 5, 2021
Created on Sep 5, 2021

This example uses React and D3 to load United Nations population data from a CSV file and render it as a radial bar chart. The code fetches data with `d3.csv`, then uses `d3.pie` and `d3.arc` to compute and draw each segment as an SVG path, with the fill color taken from the dataset's CSS hex values. A loading state displays "Loading..." until the asynchronous data fetch completes, and the resulting visualization fills a 960x500 SVG canvas.

AI-generated description

A program that loads in some data: CSS Colors using D3 utilities, and uses React tto Render the data as a radial burst.