Skip to main content
🌍 Public

Share visualization

Send this visualization to others.

Rendering data with React

Public visualization

Viewing a saved revision (read-only)

4325a1d0740c4eec83ffc45b6c093b9c

Rendering data with React

0 stars1🌍 Public
Llaplantalaplanta
Last edited Jan 24, 2022
Created on Jan 20, 2022

This example displays the CSS named colors from a CSV file as a vertical stack of horizontal color bars. It uses React with hooks (`useState`, `useEffect`, `useCallback`) to load data asynchronously via d3.csv and render each row as a styled div. The background color of each bar comes from the `RGB hex value` column, with fixed width and height. ReactDOM renders the App component into the document root, and d3 v7 handles the CSV parsing.

AI-generated description

A program that loads in some data about CSS named colors

Using D3 utililies, and uses React to Render the data