Skip to main content
🌍 Public

Share visualization

Send this visualization to others.

Ep 20 Rendering Data in React

Public visualization

Ep 20 Rendering Data in React

0 stars1🌍 Public
SStoo Sepp
Last edited Oct 30, 2021
Created on Oct 24, 2021
Forked from Mouse Follower

This example renders the CSS Named Colours dataset as a vertical stack of horizontal color swatches, one per named color, with each swatch’s background set to its HEX code. The React component uses the `useState` and `useEffect` hooks to load the CSV via `d3.csv` from a GitHub gist, displaying a “Loading…” message until the data arrives. Once loaded, it maps over the rows to produce the colored div elements, demonstrating a simple data-driven rendering workflow with React and D3 v7.

AI-generated description

a program that loads in data about CSS Named Colours using d3 with useState hook to update

Comments

Sign in to join the discussion.

MIT Licensed