Skip to main content
🌍 Public

Share visualization

Send this visualization to others.

Fork of Rendering data with React

Public visualization

Fork of Rendering data with React

0 stars0🌍 Public
Aashokganpathi
Last edited May 30, 2021
Created on May 30, 2021

This example renders the full set of named CSS colors as a vertical stack of horizontal bars, using D3 to fetch the color data from a GitHub-hosted CSV and React to map each row to a styled div. The app loads the data asynchronously with `d3.csv`, manages the loading state via React hooks (`useState`, `useEffect`), and displays a simple text message while waiting. Each bar’s background color is set directly from the `RGB hex value` column, producing a tall gradient-like sequence that fills the viewport height. The implementation combines D3’s data loading with React’s declarative rendering, avoiding any SVG or canvas output.

AI-generated description

Load data about CSS colors into React component using D3. use React to render data.

Comments

Sign in to join the discussion.

MIT Licensed