{"version":"1.0","type":"rich","title":"Fork of D3 Selection Exploration","description":"This example demonstrates dynamic data binding and update patterns with D3.js, showing how animated visualizations respond to changing datasets. The code generates synthetic sine-wave data points with varying positions and radii, then renders them as SVG circles using D3's `selectAll().data().join()` pattern. The visualization runs at 60 frames per second, continuously updating circle positions based on time-based trigonometric functions. The implementation uses D3 v6.6.2's selection API, `range()` for data generation, and `scaleLinear()` to handle numeric transformations.","provider_name":"VizHub AI Studio","provider_url":"https://vizhub.com","html":"<iframe src=\"https://vizhub.com/viz/5c248cee2bdc40f4b1d11f7e82b524d7?mode=embed\" width=\"960\" height=\"500\" scrolling=\"no\" frameborder=\"0\"></iframe>","width":960,"height":500,"cache_age":3600}