{"version":"1.0","type":"rich","title":"Rendering data with React & D3","description":"This example combines React with D3 to render a donut chart of CSS named colors. It loads data from a CSV file using `d3.csv` and displays each color as an equal-sized arc using `d3.pie` and `d3.arc`, with the fill set to the hex value from the dataset. React manages the component state and conditional rendering, showing a loading placeholder until the data arrives, then draws the SVG paths inside a centered `` element. The visualization demonstrates a simple division of responsibilities where D3 handles data parsing and geometry while React handles the DOM updates.","provider_name":"VizHub AI Studio","provider_url":"https://vizhub.com","html":"","width":960,"height":500,"cache_age":3600}