{"version":"1.0","type":"rich","title":"d3v4 and d3-annotation","description":"This example demonstrates interactive annotations on a bar chart built with D3 v4 and the d3-annotation module by Susie Lu. Users click anywhere on the chart to create a new annotation at that location, choosing between circle, arrow, or dot connector styles via radio buttons. The chart displays imaginary regional data values as bars with axes, while the annotation module renders callout labels with titles and descriptive text. The code uses d3.scaleBand and d3.scaleLinear for positioning, and d3.mouse to capture click coordinates for annotation placement.","provider_name":"VizHub AI Studio","provider_url":"https://next.vizhub.com","html":"<iframe src=\"https://next.vizhub.com/viz/gist-85e2d6e05f1de59167751249fbd1edec?mode=embed\" width=\"960\" height=\"500\" scrolling=\"no\" frameborder=\"1\"></iframe>","width":960,"height":500,"cache_age":3600}