🌍 Public
Vizualizing Data with React & D3
This example visualizes the 148 CSS named colors as a donut chart, where each arc segment represents a color and is filled with its corresponding RGB hex value. The visualization is built using React for the component structure and D3.js v5 for data loading and pie chart geometry. The code fetches the color data from a GitHub Gist using `d3.csv`, then uses `d3.pie` and `d3.arc` to generate the SVG paths, which are rendered inside a React `<svg>` element.
AI-generated descriptionA program that loads in some data about CSS named colors and parses it and then vizualises it using D3 and react
MIT Licensed
Comments
Sign in to join the discussion.