Skip to main content
🌍 Public

Share visualization

Send this visualization to others.

Fork of Rendering Data With React D3

Public visualization

Fork of Rendering Data With React D3

0 stars0🌍 Public
DDusty
Last edited Aug 6, 2021
Created on Aug 6, 2021

This example renders a pie chart of CSS named colors, with each slice filled by the color it represents. The data is loaded from a CSV file via `d3.csv`, and the pie layout is computed with `d3.pie`, while `d3.arc` generates the SVG path geometry. React manages the component state and rendering, producing an `<svg>` element with `<path>` slices. The chart visualizes the distribution of named colors, though the exact proportions depend on the CSV’s row order due to the `.value(1)` setting.

AI-generated description

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

Comments

Sign in to join the discussion.

MIT Licensed