{"version":"1.0","type":"rich","title":"D3 Selection Exploration (Enter - Update Selections Clearly Separated)","description":"This example demonstrates the D3 enter-update pattern by animating a set of fifteen circles along a sine wave. Every five seconds, the data array is regenerated, and the code clearly separates the enter selection—which appends new circles with `circles.enter().append('circle')`—from the update selection that repositions existing elements via `circles.attr('cx', ...)` and `circles.attr('cy', ...)`. Using D3 v7 with SVG, the visualization shows how identical data keys map to existing nodes, avoiding duplication. The animation loops indefinitely using `setInterval`, and the rendering adjusts to the full browser window size.","provider_name":"VizHub AI Studio","provider_url":"https://vizhub.com","html":"<iframe src=\"https://vizhub.com/viz/a558b2f1ce404f1aa41e9feafd3cf2f7?mode=embed\" width=\"960\" height=\"500\" scrolling=\"no\" frameborder=\"0\"></iframe>","width":960,"height":500,"cache_age":3600}