{"version":"1.0","type":"rich","title":"GiRiBnW_Ep10-resuable_chart","description":"This example reproduces a Sol LeWitt art piece using a reusable D3.js scatter plot module built with d3.v6. It renders an SVG chart with animated circles positioned by linear scales based on x and y value extractors, with axes drawn via d3.axisBottom and d3.axisLeft. The code defines a custom `d3.reusable.scatterPlot` function that manages chart building, updating, and drawing, applying a join pattern for circles and axes to support dynamic updates. The visualization updates the graph by recomputing data mappings and re-rendering circles and the x-axis.","provider_name":"VizHub AI Studio","provider_url":"https://vizhub.com","html":"<iframe src=\"https://vizhub.com/viz/c9b99affa7864dae93e85776ab54f090?mode=embed\" width=\"960\" height=\"500\" scrolling=\"no\" frameborder=\"0\"></iframe>","width":960,"height":500,"cache_age":3600}