{"version":"1.0","type":"rich","title":"D3 annotation example","description":"This example demonstrates the d3-annotation library by rendering four labeled annotations on a blank SVG canvas, each with distinct connector styles, note wrapping, and alignment settings. The annotations include basic labels, arrow and dot connector ends, a curved connector, and a circular callout type, all colored pink. Built with D3 v7 and the d3-annotation plugin, the code uses `d3.annotation()` and `d3.annotationLabel` to position notes via explicit x, y, dx, and dy coordinates without any scales or data binding. The SVG background and Lato font styling are defined inline in the HTML.","provider_name":"VizHub AI Studio","provider_url":"https://vizhub.com","html":"<iframe src=\"https://vizhub.com/viz/b85471cd79934507b14d13b0c6127e58?mode=embed\" width=\"960\" height=\"500\" scrolling=\"no\" frameborder=\"0\"></iframe>","width":960,"height":500,"cache_age":3600}