{"version":"1.0","type":"rich","title":"Rendering D3 and React","description":"This example shows a React app that loads CSS named color data from a remote CSV file using D3’s `csv` method, then renders each color as a radial slice of an SVG pie chart. React state stores the fetched data, while D3’s `arc` generator calculates the path geometry for each slice, with the fill set to the color’s RGB hex value. The visualization uses a fixed outer radius and varying start angles, producing a fan-like layout centered in the SVG.","provider_name":"VizHub AI Studio","provider_url":"https://vizhub.com","html":"<iframe src=\"https://vizhub.com/viz/6ddc17d3309141d1b6ccb8bba30a05cd?mode=embed\" width=\"960\" height=\"500\" scrolling=\"no\" frameborder=\"0\"></iframe>","width":960,"height":500,"cache_age":3600}