{"version":"1.0","type":"rich","title":"Fork of Annotation Label Sandbox","description":"This example demonstrates how to add a single annotation label with an arrow connector to an SVG canvas using the d3-annotation library. The code creates a text title and subtitle, then defines an annotation object with custom note text, title, wrapping width, and alignment, along with a connector ending in an arrow. The annotation is rendered via `d3.annotation()` and `d3.annotationLabel`, with the SVG display styled using CSS, including the Lato font and a white background. The underlying data is hardcoded in JavaScript as an array of annotation objects.","provider_name":"VizHub AI Studio","provider_url":"https://vizhub.com","html":"<iframe src=\"https://vizhub.com/viz/a135dd75f3264a46884968b3fffb5593?mode=embed\" width=\"960\" height=\"500\" scrolling=\"no\" frameborder=\"0\"></iframe>","width":960,"height":500,"cache_age":3600}