{"version":"1.0","type":"rich","title":"render data with React and d3","description":"A full-circle pie chart displays all 148 CSS named colors by loading data from a GitHub gist via `d3.csv`. React manages the data state and renders each color as an SVG path using `d3.pie` to compute angles and `d3.arc` to generate the path geometry. The visualization shows every color as a single slice, filled with its corresponding hex value, demonstrating a minimal integration of React’s declarative component model with d3’s data utilities and SVG rendering.","provider_name":"VizHub AI Studio","provider_url":"https://vizhub.com","html":"<iframe src=\"https://vizhub.com/viz/7121adc32b0a406c8eb0462c56b451f8?mode=embed\" width=\"960\" height=\"500\" scrolling=\"no\" frameborder=\"0\"></iframe>","width":960,"height":500,"cache_age":3600}