🌍 Public
Viewing a saved revision (read-only)
6425aad816a34b2190272590a383872c
ATS - Responsive Reusable Scatter
This example builds a responsive two-panel scatterplot dashboard of the classic Iris dataset, showing sepal dimensions in one view and petal dimensions in the other. Each panel encodes an additional variable through point size, with circle area scaled by the product of the other two measurements, and colors species via a D3 ordinal scale. The reusable scatterPlot function uses d3.scaleLinear, d3.axisLeft, d3.axisBottom, and d3.symbol to render SVG marks, axes, grids, and legends. The layout adapts from a side-by-side grid to a stacked single-column arrangement below 640px via CSS media queries.
AI-generated description