{"version":"1.0","type":"rich","title":"Visualizing data with React and D3","description":"This example uses React and D3 v7 to render a color wheel from a CSV of named CSS colors. The code loads the dataset with `d3.csv`, computes the pie layout with `d3.pie`, and draws arcs with `d3.arc`, mapping each color’s hex value to its slice’s fill. The SVG is generated declaratively inside a React component, using `useState` and `useEffect` to manage asynchronous data fetching, with a loading state displayed before the visualization appears.","provider_name":"VizHub AI Studio","provider_url":"https://vizhub.com","html":"<iframe src=\"https://vizhub.com/viz/36a6d0246b6c441390b745e5e7f61a4f?mode=embed\" width=\"960\" height=\"500\" scrolling=\"no\" frameborder=\"0\"></iframe>","width":960,"height":500,"cache_age":3600}