Skip to main content
🌍 Public

Share visualization

Send this visualization to others.

Fork of Fork of Loading data with React & D3.

Public visualization

Viewing a saved revision (read-only)

c2c150cbf7c1487babe6ee9e833a94a7

Fork of Fork of Loading data with React & D3.

0 stars0🌍 Public
IIlia Katkovnik
Last edited Apr 3, 2021
Created on Apr 3, 2021

This example shows a pie chart of CSS named colors, with each slice filled by its corresponding RGB value. The code uses React’s `useState` and `useEffect` hooks to load a CSV from GitHub via `d3.csv`, then renders SVG paths with the `d3.arc` generator. The data source is a public gist containing color names and hex values.

AI-generated description

Demonstrates fundamental DOM manipulation using D3.js by making a smiley face whose eyebrows move.

data