Skip to main content
🌍 Public

Share visualization

Send this visualization to others.

rendering Data with React & D3

Public visualization

rendering Data with React & D3

0 stars2🌍 Public
Sseanowh
Last edited Sep 1, 2021
Created on Aug 30, 2021

A bar chart displays the top ten countries by 2020 population, loaded from a CSV file using D3’s `csv` utility. React state manages the fetched data, rendering a static SVG with `rect` elements scaled by `scaleLinear` and `scaleBand`. The visualization demonstrates a minimal integration where React handles component updates and D3 computes scales and data parsing, with a loading indicator shown before data arrives.

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.

Comments

Sign in to join the discussion.

MIT Licensed