{"version":"1.0","type":"rich","title":"Animate thousands of points with canvas and D3","description":"This block animates thousands of points between five different layouts—sine wave, phyllotaxis, spiral, and grid—using HTML5 canvas for rendering and D3’s timer and easing functions to drive the transitions. The animation cycles continuously through the layouts, interpolating each point’s position with a cubic ease over 1.5 seconds. Points are stored as plain objects with assigned colors from a viridis sequential scale, and canvas rendering keeps the frame rate smooth even with 7,000 points.","provider_name":"VizHub AI Studio","provider_url":"https://next.vizhub.com","html":"<iframe src=\"https://next.vizhub.com/viz/gist-eab588d5d258ffd776f75cbbbecc17e6?mode=embed\" width=\"960\" height=\"620\" scrolling=\"no\" frameborder=\"0\"></iframe>","width":960,"height":620,"cache_age":3600}