{"version":"1.0","type":"rich","title":"Question 1: Reusable Scatter Plot","description":"This example demonstrates a reusable scatter plot function that visualizes sales data across two separate charts, encoding x and y values with a linear scale and coloring points by category using `d3.scaleOrdinal` with `d3.schemeCategory10`. The code defines a configurable `scatterPlot()` factory function that accepts custom accessors for axes, title, labels, and radius, then renders SVG circles with gridlines, transitions on hover, and a gradient background. Built with D3 v7 and styled via CSS, it illustrates how to create modular, parameterized chart components for repeated use with different datasets.","provider_name":"VizHub AI Studio","provider_url":"https://vizhub.com","html":"<iframe src=\"https://vizhub.com/viz/cffe322a79b54fe08f637506e8ac5de9?mode=embed\" width=\"960\" height=\"500\" scrolling=\"no\" frameborder=\"0\"></iframe>","width":960,"height":500,"cache_age":3600}