Skip to main content
🌍 Public

Share visualization

Send this visualization to others.

visualising css colour data with D3

Public visualization

Viewing a saved revision (read-only)

55df7e0f1f9e4b118f6411d7eca66ae8

visualising css colour data with D3

0 stars1🌍 Public
HHollyClarke19
Last edited Feb 6, 2021
Created on Feb 6, 2021

This example visualizes CSS named color data as a circular radial burst, with each slice representing one color from the dataset. The code loads the data using `d3.csv` from a GitHub gist, then renders the visualization as SVG paths using React. D3’s `pie` generator assigns equal angles to each entry, while `arc` with an inner radius of zero and outer radius spanning the width produces the filled wedge shapes. Each path is colored by the hexadecimal value from the corresponding data row, creating a full spectrum wheel.

AI-generated description

A program that loads in some data about css named colours using d3 utilities, and uses React to render the data and D3 to format as a radial burst