{"version":"1.0","type":"rich","title":"pie","description":"This example renders a pie chart of fictional car brand values using D3 v4 and React. The chart displays ten slices in a circular SVG layout, with each slice colored via d3.scaleOrdinal and d3.schemeCategory10. Hovering over a slice triggers mouseover and mousemove events that show a tooltip with the brand name and value, while reducing the opacity of other slices. A separate legend div is built alongside the SVG, and the chart uses d3.arc and d3.pie for geometry and data binding.","provider_name":"VizHub AI Studio","provider_url":"https://vizhub.com","html":"<iframe src=\"https://vizhub.com/viz/7827ca4d85634460ac5cb501e676b9cd?mode=embed\" width=\"960\" height=\"500\" scrolling=\"no\" frameborder=\"0\"></iframe>","width":960,"height":500,"cache_age":3600}