{"version":"1.0","type":"rich","title":"11.00 Visualizing Data with React & D3","description":"An interactive donut chart displays the proportional distribution of CSS named colors, with each arc segment filled using its corresponding RGB hex value. The visualization loads color data from a remote CSV file containing named colors and their hexadecimal representations. Built with React and D3.js, the code uses `d3.pie()` to compute arc segments and `d3.arc()` to generate SVG path data, rendering the result as a single `<svg>` element centered on the canvas.","provider_name":"VizHub AI Studio","provider_url":"https://vizhub.com","html":"<iframe src=\"https://vizhub.com/viz/cf4f0b6cd3de497cb600df7eeb447682?mode=embed\" width=\"960\" height=\"500\" scrolling=\"no\" frameborder=\"0\"></iframe>","width":960,"height":500,"cache_age":3600}