Skip to main content
🌍 Public

Share visualization

Send this visualization to others.

Rendering data with React

Public visualization

Viewing a saved revision (read-only)

3b9c65de3f0f4a0887913b99a3f4ce89

Rendering data with React

0 stars2🌍 Public
Aafcchilders
Last edited Nov 30, 2022
Created on Jan 13, 2022

A React application renders rows of colored bars from a dataset of CSS color names and their hex values, loaded via D3's `csv` function. The visualization uses React state and the `useEffect` hook to fetch and store the data, then maps each row to a `<div>` element styled with the corresponding background color. A second dataset, the Iris flower dataset, is also loaded and logged to the console, though it is not displayed. The page uses React 16.9, ReactDOM, and D3 v7, with SVG rendering available but unused.

AI-generated description

A program that loads in some data about CSS colors