🌍 Public
Viewing a saved revision (read-only)
cda80008253e4bd5aa9494db09b73e30
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