{"version":"1.0","type":"rich","title":"Annotation Label Sandbox","description":"This example showcases the d3.annotation library by rendering several annotation types—including `d3.annotationLabel` and `d3.annotationCalloutCircle`—within an SVG on a white background. It demonstrates how to configure note labels, titles, text wrapping, alignment, connector endpoints (arrow and dot), and curve types for connectors, with annotations positioned at explicit x and y coordinates. The code uses D3 v4 to select the SVG element, append a `<g>` group, and call the `d3.annotation()` generator with an array of annotation objects, each specifying a custom color and optional subject settings like circle radius.","provider_name":"VizHub AI Studio","provider_url":"https://vizhub.com","html":"<iframe src=\"https://vizhub.com/viz/cd267830b75842c98da30718ce259326?mode=embed\" width=\"960\" height=\"500\" scrolling=\"no\" frameborder=\"0\"></iframe>","width":960,"height":500,"cache_age":3600}