{"version":"1.0","type":"rich","title":"Arrow with Delay","description":"A red arrow with a marker follows the mouse pointer, leaving a thin white trail behind it as the user moves across the screen. The visualization demonstrates unidirectional data flow: a `mousemove` event updates the state, which triggers a re-render of an SVG path using D3 v7. The path is drawn with a quadratic Bézier curve (`T` command) between offset coordinates, with its endpoint styled by an SVG marker definition. The code updates the `d` attribute on each render to reflect the latest cursor position.","provider_name":"VizHub AI Studio","provider_url":"https://vizhub.com","html":"<iframe src=\"https://vizhub.com/viz/a388dcc4081848a0ad8345be55024d1f?mode=embed\" width=\"960\" height=\"500\" scrolling=\"no\" frameborder=\"0\"></iframe>","width":960,"height":500,"cache_age":3600}