Skip to main content
🌍 Public

Share visualization

Send this visualization to others.

Fork of Rendering Data with React

Public visualization

Fork of Rendering Data with React

0 stars1🌍 Public
DDavid Kim
Last edited Apr 20, 2022
Created on Apr 18, 2022

This example uses React and D3 v7 to visualize CSS named colors as a pie chart. The application loads color data from a CSV file, then uses D3’s `pie` and `arc` functions to compute the angles and paths for each color segment. Each slice is rendered as an SVG path with a fill color matching the data’s RGB hex value, centered on a 960×500 canvas. The chart displays one equal-sized slice per color, showing the full spectrum of named CSS colors.

AI-generated description

Use React to render data

A program that loads in some data about CSS named colors

Comments

Sign in to join the discussion.

MIT Licensed