{"version":"1.0","type":"rich","title":"D3 Imagemap","description":"This example demonstrates an interactive image-mapping tool built with React and D3 v7, allowing users to draw rectangular regions over a base map image. Users create selections by dragging the mouse on an SVG canvas, then attach URLs to each marked rectangle via a prompt. The interface includes a list of all selections with edit capabilities, where coordinates and dimensions can be modified or items deleted through a dialog. The implementation uses D3's event handling for mouse interactions, SVG `rect` elements with red transparent styling, and DOM manipulation to update the selection list dynamically.","provider_name":"VizHub AI Studio","provider_url":"https://vizhub.com","html":"<iframe src=\"https://vizhub.com/viz/f2b23cc6aa724015a3d2cffbd908a903?mode=embed\" width=\"960\" height=\"500\" scrolling=\"no\" frameborder=\"0\"></iframe>","width":960,"height":500,"cache_age":3600}