{"version":"1.0","type":"rich","title":"Rendering Data with React & D3","description":"This example renders a dataset of CSS named colors as a pie chart, with each slice representing a single color and filled using its corresponding RGB hex value. The visualization uses D3’s `csv` utility to fetch the data from a remote URL and D3’s `arc` generator to define the pie slice paths. React manages the asynchronous data loading through state and renders the final SVG output, combining the declarative structure of React with D3’s geometric calculations.","provider_name":"VizHub AI Studio","provider_url":"https://vizhub.com","html":"<iframe src=\"https://vizhub.com/viz/38cae0e7d156432a9c28c058fe14383f?mode=embed\" width=\"960\" height=\"500\" scrolling=\"no\" frameborder=\"0\"></iframe>","width":960,"height":500,"cache_age":3600}