{"version":"1.0","type":"rich","title":"D3 line module test w/Canvas","description":"Two horizontal lines are drawn on a canvas, each connecting a fixed left point to a moving right point. The right point animates back and forth between two positions, causing the line to redraw smoothly with a zigzag or \"funky\" pattern along its length. The example uses a custom D3 curve, `d3.funkyline()`, applied via `d3.line()` with a Canvas 2D context, and animates using `transition.attrTween` and a recursive `transition` loop. The line’s wavy offset is controlled by interval and margin parameters, while a small circle marker updates its position in sync with the animated endpoint.","provider_name":"VizHub AI Studio","provider_url":"https://next.vizhub.com","html":"<iframe src=\"https://next.vizhub.com/viz/gist-5fa05044f281748580d01ffd52e59da0?mode=embed\" width=\"960\" height=\"500\" scrolling=\"no\" frameborder=\"1\"></iframe>","width":960,"height":500,"cache_age":3600}