Skip to main content
🌍 Public

Share visualization

Send this visualization to others.

Fork of Reusable scatter plot with different symbols

Public visualization

Viewing a saved revision (read-only)

b5736c6c2a544131b9b213e50c5a857b

Fork of Reusable scatter plot with different symbols

0 stars0🌍 Public
LLakshmiManjushaReddyYarreddu
Last edited Mar 23, 2023
Created on Mar 23, 2023

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 description

A vanilla HTML implementation of a D3 scatter plot. Shows the Iris Dataset.