Skip to main content
🌍 Public

Share visualization

Send this visualization to others.

Fork of Rendering Data With React - Ronan

Public visualization

Viewing a saved revision (read-only)

d15ed0af6fb94ee4948063b0ec54b12f

Fork of Rendering Data With React - Ronan

0 stars0🌍 Public
RRonanFonseca
Last edited Aug 18, 2022
Created on Aug 18, 2022

This visualization displays the full list of CSS named colors as wedges in a semi-circular pie chart. It loads color data from a CSV file using `d3.csv`, then renders each color as an SVG path generated with `d3.arc`. React manages the data-fetching state via `useState` and `useEffect`, while `ReactDOM` renders the SVG structure. The chart uses a fixed arc with an inner radius of zero and an outer radius matching the viewport width.

AI-generated description

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