{"version":"1.0","type":"rich","title":"Fork of Visualize data in React & D3 - use Pie chart","description":"This example shows a pie chart of CSS named colors, where each slice represents one color and is filled with its corresponding RGB hex value. The chart is built by combining React for component structure and state management with D3 utilities for data loading and geometry. It uses `d3.csv` to fetch the color data from a GitHub gist, `d3.pie` to compute slice angles, and `d3.arc` to generate SVG path commands. The visualization renders as an SVG, centered on a full-screen canvas, with each slice equally sized because `pie().value(1)` assigns a constant weight.","provider_name":"VizHub AI Studio","provider_url":"https://vizhub.com","html":"<iframe src=\"https://vizhub.com/viz/59c1ae3afc284b9ab7354c06bcb75e4a?mode=embed\" width=\"960\" height=\"500\" scrolling=\"no\" frameborder=\"0\"></iframe>","width":960,"height":500,"cache_age":3600}