Skip to main content
🌍 Public

Share visualization

Send this visualization to others.

Rendering Data with React

Public visualization

Viewing a saved revision (read-only)

356d52c0e00e46f29c5e56e842c147d4

Rendering Data with React

0 stars1🌍 Public
Jjwesterlund412
Last edited Jan 8, 2022
Created on Jan 8, 2022

This example displays CSS named colors as a vertical stack of horizontal strips, each colored by its RGB hex value. The data loads from a remote CSV file using d3.csv, and React state manages the asynchronous loading and rendering of the data into div elements. The visualization uses React 16.9, ReactDOM, and d3.v7, with SVG markup present in the HTML but the primary rendering approach relying on React’s component-based DOM updates.

AI-generated description

A program that loads in some data about CSS named colors using D3 utitlities, and uses React state to render the data.