{"version":"1.0","type":"rich","title":"Reusable Donut Chart in D3 v4","description":"A reusable donut chart for D3 v4 displays the distribution of inspection outcomes across six categories, with percentage labels connected to each slice. The code uses `d3.pie` to compute slice angles, `d3.arc` for the donut geometry, and `d3.scaleOrdinal` with `schemeCategory20` for coloring. Hovering over a slice or label triggers a custom tooltip rendered as an SVG circle, while `d3.format` handles numeric and percentage formatting. The chart is built from a TSV dataset and styled with CSS drop shadows and label lines.","provider_name":"VizHub AI Studio","provider_url":"https://next.vizhub.com","html":"<iframe src=\"https://next.vizhub.com/viz/gist-7585c2bad72c26874d27513e06ef90ac?mode=embed\" width=\"960\" height=\"500\" scrolling=\"no\" frameborder=\"1\"></iframe>","width":960,"height":500,"cache_age":3600}