🌍 Public
Viewing a saved revision (read-only)
8e9ebd2573ed47108a5e006bab123841
Fork of Reusable scatter plot with different symbols
LLakshmiManjushaReddyYarreddu
Last edited Mar 23, 2023
Created on Mar 23, 2023
Forked from Reusable scatter plot with different symbols
This example presents the classic Iris dataset as a reusable D3 scatter plot, mapping petal width to the x-axis and sepal length to the y-axis. Different species are distinguished through distinct SVG symbols, generated using D3’s `symbol` and `scaleOrdinal`. The visualization is built with a reusable `scatterPlot` function, which configures linear scales, axes, margins, and symbol size. Data is loaded as CSV via D3’s `csv` method, and the plot updates the DOM by joining path elements. The output is a clean, interactive-free scatter chart rendered as SVG.
AI-generated descriptionA vanilla HTML implementation of a D3 scatter plot. Shows the Iris Dataset.