Skip to main content
🌍 Public

Share visualization

Send this visualization to others.

Scatter Plot with symbols

Public visualization

Viewing a saved revision (read-only)

71aa33266dfd4ad783f0a3719a6a47aa

Scatter Plot with symbols

0 stars0🌍 Public
AAnupJoseph
Last edited Jul 1, 2021
Created on Jul 1, 2021
Forked from Scatter Plot

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 description

A scatterplot with Towards Reusable Charts patterns