{"version":"1.0","type":"rich","title":"Colors Pie Chart using React and D3","description":"A radial burst of 148 CSS named colors, each rendered as a wedge from the center to the outer edge of an SVG. The example loads a CSV of color names and hex values using d3.csv, then applies d3.pie() and d3.arc() to compute the geometry for each path. React manages the component state and renders the SVG paths, with each wedge filled by its corresponding RGB hex value. The code also includes commented alternatives using d3.arc() directly and a horizontal-line layout.","provider_name":"VizHub AI Studio","provider_url":"https://vizhub.com","html":"<iframe src=\"https://vizhub.com/viz/7ad22a378ff74148b7fbdec08a870d09?mode=embed\" width=\"960\" height=\"500\" scrolling=\"no\" frameborder=\"0\"></iframe>","width":960,"height":500,"cache_age":3600}