{"version":"1.0","type":"rich","title":"Stylized Scatter Plot","description":"A stylized scatter plot presents data from a heatmap dataset loaded via D3's `csv` function, displaying points on an SVG canvas where each circle's position maps to X and Y coordinates. The visualization uses D3 v5's `scaleLinear` and `extent` functions to compute the axes scales, while React components (`AxisBottom`, `AxisLeft`, `Marks`) render the chart structure and data points. The marks feature a semi-transparent red fill (`#cc008833`) and a native SVG `<title>` tooltip, with axis labels and ticks styled via CSS using the Poppins font.","provider_name":"VizHub AI Studio","provider_url":"https://vizhub.com","html":"<iframe src=\"https://vizhub.com/viz/083beaa6a5d347b4b93fab96d862bfa4?mode=embed\" width=\"960\" height=\"500\" scrolling=\"no\" frameborder=\"0\"></iframe>","width":960,"height":500,"cache_age":3600}