🌍 Public
Rendering Data with React - Pinwheel
This visualization renders a pinwheel of CSS named colors using React for the user interface and D3 utilities for data loading and arc generation. It fetches color data from a CSV file via `d3.csv`, then maps each row to an SVG `<path>` element with a fill color derived from the `RGB hex value`. The pinwheel shape is created by varying the `outerRadius` based on the index modulo 25, while angular slices are computed with a custom `pieArc` function using start and end angles proportional to the data length.
AI-generated descriptionA program that loads in some data about CSS named colors using D3 utilities, and uses React to render the data.
MIT Licensed








Comments
Sign in to join the discussion.