🌍 Public
Viewing a saved revision (read-only)
71aa33266dfd4ad783f0a3719a6a47aa
Scatter Plot with symbols
This scatter plot displays the Iris dataset, mapping sepal length and width to axes, with petal width encoded through point size and species indicated by both color and symbol shape. The visualization uses D3 v6’s modular functions, including `scaleLinear` for axes and `scaleOrdinal` for categorical mappings, with axes built using `axisLeft` and `axisBottom`. Points are rendered as SVG paths via the `symbol` API, transitioning to their final size over two seconds using `.transition()`. The example follows a reusable chart pattern, encapsulated in a callable `scatterPlot` function.
AI-generated descriptionA scatterplot with Towards Reusable Charts patterns