Skip to main content
🌍 Public

Share visualization

Send this visualization to others.

Fork of Renderizando Datos

Public visualization

Fork of Renderizando Datos

0 stars0🌍 Public
CCatalina Araya
Last edited Jul 8, 2021
Created on Jul 8, 2021
Forked from Renderizando Datos

This example displays a vertical stack of colored rectangular stripes, one for each CSS named color, loaded from a remote CSV dataset. It shows the relationship between color names and their hexadecimal RGB values by rendering each row as a div with its background color set to the corresponding hex code. The code uses React with the `useState`, `useEffect`, and `useCallback` hooks to manage state, `ReactDOM` to render into the DOM, and D3’s `csv` utility to fetch and parse the data from the gist. While loading, it displays a large "loading..." message.

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