🌍 Public
Viewing a saved revision (read-only)
43d62e37494946e4b6aa51a8c57b15d0
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 descriptionA reproduction of a Sol LeWitt art piece.