🌍 Public
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.
MIT Licensed
Comments
Sign in to join the discussion.