Skip to main content
🌍 Public

Share visualization

Send this visualization to others.

Loading CSS Hex Values from object

Public visualization

Viewing a saved revision (read-only)

47dc71813c204da98c28e9b21fcfbe5c

Loading CSS Hex Values from object

0 stars1🌍 Public
PPascal Mausch
Last edited May 31, 2022
Created on May 23, 2022
Forked from Mouse Follower

This example renders a colored strip for each CSS named color by loading hex values from a CSV file. The React component uses the `useState` and `useEffect` hooks along with D3’s `d3.csv` to fetch data from a GitHub-hosted dataset. Each row is mapped to a `<div>` whose `backgroundColor` is set to the RGB hex value from the CSV, displaying the full color palette as a compact horizontal band. The code includes a separate message utility that summarizes the fetched data size in kilobytes, row count, and column count.

AI-generated description

Uses D3 and react to render the CSS Hex Values.