Skip to main content
🌍 Public

Share visualization

Send this visualization to others.

Fork of Rendering Data with React & D3

Public visualization

Viewing a saved revision (read-only)

91866aa8eb104fa1aaac0fe68666d27a

Fork of Rendering Data with React & D3

0 stars0🌍 Public
JJasmine Ye Han
Last edited Mar 1, 2022
Created on Mar 1, 2022

This example shows CSS named colors loaded from a CSV file, rendered as a grid of colored square divs. Built with React and D3 v5, it uses `d3.csv` within a `useEffect` hook to fetch the data, then maps each row to a React component with a background color derived from the RGB hex value. A loading message appears until the data arrives.

AI-generated description

A program that loads in some [data about CSS named colors] (https://gist.github.com/curran/b236990081a24761f7000567094914e0) using D3 utilities, and uses React to render the data as a radial burst.