🌍 Public
Viewing a saved revision (read-only)
ae6f555764c04d5992cc495d683204c2
Fork of Reusable scatter plot with different symbols
NNikitha123171
Last edited Mar 25, 2023
Created on Mar 25, 2023
Forked from Reusable scatter plot with different symbols
This example visualizes the classic Iris Dataset, mapping petal width and sepal length to a scatter plot’s x and y axes. Each species is represented by a distinct symbol, chosen via an ordinal scale applied to the categorical data. The chart is built with D3’s `scaleLinear`, `axisLeft`, `axisBottom`, and `symbol` APIs. The reusable `scatterPlot` custom function encapsulates the chart’s configuration, including dimensions, margins, and symbol size, and renders the result as an SVG in a vanilla HTML page.
AI-generated descriptionA vanilla HTML implementation of a D3 scatter plot. Shows the Iris Dataset.