{"version":"1.0","type":"rich","title":"Vizualizing Data with React & D3","description":"This example visualizes the 148 CSS named colors as a donut chart, where each arc segment represents a color and is filled with its corresponding RGB hex value. The visualization is built using React for the component structure and D3.js v5 for data loading and pie chart geometry. The code fetches the color data from a GitHub Gist using `d3.csv`, then uses `d3.pie` and `d3.arc` to generate the SVG paths, which are rendered inside a React `<svg>` element.","provider_name":"VizHub AI Studio","provider_url":"https://vizhub.com","html":"<iframe src=\"https://vizhub.com/viz/a5709a2b8ff44698b8bce941b1350b7c?mode=embed\" width=\"960\" height=\"500\" scrolling=\"no\" frameborder=\"0\"></iframe>","width":960,"height":500,"cache_age":3600}