Skip to main content
🌍 Public

Share visualization

Send this visualization to others.

Frendering Data with React & D3

Public visualization

Frendering Data with React & D3

0 stars1🌍 Public
NNigel
Last edited Aug 30, 2022
Created on Aug 30, 2022

This example shows CSS named colors loaded from a CSV file, rendering each as a horizontal stripe that fills the viewport. The visualization uses React state and the `useEffect` hook to fetch data with D3’s `csv` utility, then maps each row to a styled `<div>` whose background color comes from the `RGB hex value` column. React handles all rendering, while D3 only manages data loading.

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