{"version":"1.0","type":"rich","title":"visualising css colour data with D3","description":"This example visualizes CSS named color data as a circular radial burst, with each slice representing one color from the dataset. The code loads the data using `d3.csv` from a GitHub gist, then renders the visualization as SVG paths using React. D3’s `pie` generator assigns equal angles to each entry, while `arc` with an inner radius of zero and outer radius spanning the width produces the filled wedge shapes. Each path is colored by the hexadecimal value from the corresponding data row, creating a full spectrum wheel.","provider_name":"VizHub AI Studio","provider_url":"https://vizhub.com","html":"<iframe src=\"https://vizhub.com/viz/05315712126646ddbfeaa27f7bc5c56a?mode=embed\" width=\"960\" height=\"500\" scrolling=\"no\" frameborder=\"0\"></iframe>","width":960,"height":500,"cache_age":3600}