{"version":"1.0","type":"rich","title":"D3 update patterns","description":"This example demonstrates how D3’s join pattern creates initial DOM elements using `selectAll` and `enter().append()`. The code builds an SVG with five red circles, each positioned horizontally by multiplying the index by 120 pixels, using D3’s `range` to generate fruit data objects. It explicitly shows the enter selection, binding an array of `{type: \"apple\"}` objects to circle elements. React imports are commented out, leaving D3 v5 as the active rendering engine, with circle radius and fill set as static attributes.","provider_name":"VizHub AI Studio","provider_url":"https://vizhub.com","html":"<iframe src=\"https://vizhub.com/viz/dba0704ac4dd4cc4af015d2e74e75202?mode=embed\" width=\"960\" height=\"500\" scrolling=\"no\" frameborder=\"0\"></iframe>","width":960,"height":500,"cache_age":3600}