Skip to main content
🌍 Public

Share visualization

Send this visualization to others.

Fork of Loading Data with React_DL

Public visualization

Fork of Loading Data with React_DL

0 stars1🌍 Public
Ddavidelowe
Last edited Mar 18, 2021
Created on Mar 6, 2021

This example demonstrates loading a CSV dataset of CSS named colors using D3’s `csv` utility, then rendering each color as a horizontal strip in a stacked bar-like layout via React state and `useEffect`. The visualization appears only after the data is fetched, with a loading message shown beforehand. The code uses React 16.9, ReactDOM, and D3 v5, pulling from a GitHub-hosted CSV file and mapping each row’s RGB hex value to a styled `<div>`.

AI-generated description

A program that loads in some data about CSS named colors using D3 utilities, and uses React state to render the data.

Comments

Sign in to join the discussion.

MIT Licensed