Skip to main content
🌍 Public

Share visualization

Send this visualization to others.

Rendering Data with React

Public visualization

Viewing a saved revision (read-only)

1dac6b31586b4b2aba1ef9d8b2c9419f

Rendering Data with React

0 stars1🌍 Public
KKevin McMorrow
Last edited Sep 20, 2021
Created on Aug 18, 2021

This example renders CSS color data as a full-screen stack of horizontal stripes, one per color, using React to map each row of the CSV to a styled div. The data is loaded asynchronously with D3’s `csv` function from a GitHub gist, and React’s `useState` and `useEffect` manage the loading state. The visualization shows a large, colorful gradient-like composition that fills the viewport, with each stripe’s background color set to the corresponding CSS color’s hex value.

AI-generated description

Mouse Follower