Skip to main content
🌍 Public

Share visualization

Send this visualization to others.

Fork of Rendering Data with react and D3

Public visualization

Viewing a saved revision (read-only)

0684646b57e34694a1acc9e04756150d

Fork of Rendering Data with react and D3

0 stars0🌍 Public
MMark Mburu
Last edited May 5, 2021
Created on May 5, 2021

A donut chart displays all CSS named colors as equal-width slices, each filled with its corresponding hex value. The visualization uses d3.pie to compute slice angles, d3.arc to generate SVG paths, and React hooks (useState, useEffect) to fetch and render data from a CSV of named colors. ReactDOM mounts the SVG output, which is drawn with d3.v6 within a React component.

AI-generated description

A program that reads indata about css named colorsrendering data with react