{"version":"1.0","type":"rich","title":"Rendering Data with React & D3 working with graphics and D3 ARCs","description":"This example demonstrates how React and D3 can work together to render a donut chart from a CSV dataset. The application loads data for named CSS colors using d3.csv, stores the data in React state, and maps each color to a wedge using D3’s arc generator. Each path is colored directly from the ‘RGB hex value’ column, creating a full circular visualization that displays the color palette at a glance.","provider_name":"VizHub AI Studio","provider_url":"https://vizhub.com","html":"<iframe src=\"https://vizhub.com/viz/05a41c9cde7b4552b31bb8dc81272604?mode=embed\" width=\"960\" height=\"500\" scrolling=\"no\" frameborder=\"0\"></iframe>","width":960,"height":500,"cache_age":3600}