Skip to main content
🌍 Public

Share visualization

Send this visualization to others.

Visualizing Data with React and d3

Public visualization

Visualizing Data with React and d3

0 stars1🌍 Public
AAman Singh
Last edited Apr 13, 2023
Created on Mar 31, 2023

This example displays the full set of CSS named colors as a stacked sequence of horizontal bars, one per color, ordered as they appear in the CSV data. Each bar’s background color is set directly from the `Hex rgb` field. The application uses React’s `useState` and `useEffect` hooks to asynchronously load and store the data via d3’s `csv` utility, rendering a loading message until the promise resolves. The D3 v7 and React 18 libraries are loaded via CDN.

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