{"version":"1.0","type":"rich","title":"Fork of Reusable D3 Scatter Plot","description":"This example presents a reusable scatter plot that visualizes the Iris dataset, mapping sepal and petal measurements. The visualization dynamically alternates between two data columns, \"hp\" and \"mpg,\" every second, updating the x-axis and points accordingly. Built with D3.js v6, the chart uses SVG elements and D3 scales, axes, and data joins to render the circles. The code demonstrates a modular pattern where a `scatterPlot` function encapsulates the chart logic, allowing for easy reconfiguration of dimensions, margins, and data accessors. Axes and labels are generated with D3's axis and text APIs, with transitions handled through `setInterval`.","provider_name":"VizHub AI Studio","provider_url":"https://vizhub.com","html":"<iframe src=\"https://vizhub.com/viz/808f44f542114e11bbce1b4a3104a991?mode=embed\" width=\"960\" height=\"500\" scrolling=\"no\" frameborder=\"0\"></iframe>","width":960,"height":500,"cache_age":3600}