{"version":"1.0","type":"rich","title":"d3 donut with legend horizontal","description":"A d3.v4 donut chart displays three categorical values as proportional arcs, each colored via `d3.scaleOrdinal` with the `d3.schemeCategory20b` palette. Below the donut, a horizontal legend places colored squares and text labels, dynamically positioned using each label’s `getBBox()` width to avoid overlap. The chart uses `d3.pie` and `d3.arc` to generate the SVG paths, with margins configured around a 400×300 pixel canvas. Data is hardcoded as objects with `label` and `value` properties, and the visualization is rendered entirely with SVG elements in the browser.","provider_name":"VizHub AI Studio","provider_url":"https://next.vizhub.com","html":"<iframe src=\"https://next.vizhub.com/viz/gist-dd42733443f03a372f6b19b4a9a648c0?mode=embed\" width=\"960\" height=\"500\" scrolling=\"no\" frameborder=\"1\"></iframe>","width":960,"height":500,"cache_age":3600}