Skip to main content
🌍 Public

Share visualization

Send this visualization to others.

Rendering Data with React

Public visualization

Rendering Data with React

0 stars1🌍 Public
Jjjacobatandover
Last edited Jul 14, 2021
Created on Jul 14, 2021

A React application renders a series of colored horizontal bars, one for each CSS named color, by fetching a CSV file of color names and their HEX values with D3's `csv` utility. The `useState` hook stores this data, and after an asynchronous `useEffect` call completes, a loading message is replaced by an array of `div` elements, each styled with its corresponding HEX value as the background color. This demonstrates using React's state management to drive SVG-less HTML rendering of tabular data.

AI-generated description

A program to read in data about CSS named colors using D3 utilities and then uses React STATE to render the data.

Comments

Sign in to join the discussion.

MIT Licensed