{"version":"1.0","type":"rich","title":"Rendering data with React and D3 colors","description":"This example renders a dataset of CSS named colors as a full-screen pie chart, with each slice displaying its corresponding hex value. D3 utilities load the color data, while pie() and arc() compute the chart geometry and SVG paths. React manages the asynchronous data loading through useState and useEffect, then maps the data to SVG path elements, producing a vibrant, radial composition of all named web colors.","provider_name":"VizHub AI Studio","provider_url":"https://vizhub.com","html":"<iframe src=\"https://vizhub.com/viz/3651ddbd96554a23968e8d66f830cd13?mode=embed\" width=\"960\" height=\"500\" scrolling=\"no\" frameborder=\"0\"></iframe>","width":960,"height":500,"cache_age":3600}