{"version":"1.0","type":"rich","title":"Reusability_Scatter_Plot","description":"This example demonstrates a reusable scatter plot built with D3.js, showing how the same chart structure can be applied to different datasets through a configurable function. The visualization renders circles positioned along x and y axes based on numeric values, with gridlines and a clean white background. It uses D3’s selection and scale APIs, including `d3.scaleLinear` for mapping data to pixel coordinates and `d3.axisBottom`/`d3.axisLeft` for ticks, while CSS transitions smooth hover effects on the rectangles. The code is structured as a reusable module, making the scatter plot adaptable for various input data.","provider_name":"VizHub AI Studio","provider_url":"https://vizhub.com","html":"<iframe src=\"https://vizhub.com/viz/775cf06c7bfd41bdbf072b2629ca64fb?mode=embed\" width=\"960\" height=\"500\" scrolling=\"no\" frameborder=\"0\"></iframe>","width":960,"height":500,"cache_age":3600}