Skip to main content
🌍 Public

Share visualization

Send this visualization to others.

Reusable D3 Scatter Plot with symbols

Public visualization

Viewing a saved revision (read-only)

ffc5366c077646b6b27edac06adce820

Reusable D3 Scatter Plot with symbols

0 stars0🌍 Public
Lliu yang
Last edited Nov 23, 2023
Created on Nov 23, 2023

This example demonstrates a reusable scatter plot implemented with D3 v7, visualizing the classic Iris dataset by mapping petal width and sepal length along the axes. The plot distinguishes the three Iris species using different SVG symbols, generated through `d3.symbol` and `d3.symbols`, with positions scaled by `d3.scaleLinear` and axes drawn via `d3.axisLeft` and `d3.axisBottom`. The chart is built as a custom function that accepts configurable width, height, margins, and accessor functions, and renders SVG elements after loading data asynchronously with `d3.csv`.

AI-generated description