Skip to main content
🌍 Public

Share visualization

Send this visualization to others.

Fork of reuable sPlot with symbols

Public visualization

Viewing a saved revision (read-only)

2b71ae14c74e4a7e909181b2d0dd023f

Fork of reuable sPlot with symbols

0 stars1🌍 Public
DDonald Bagwell
Last edited Nov 28, 2023
Created on Nov 28, 2023

This example presents a scatter plot of the Iris dataset, mapping petal width against sepal length and distinguishing the three flower species through different D3 symbol shapes. It uses a reusable `scatterPlot` function built with D3 v7 APIs such as `scaleLinear`, `scaleOrdinal`, `axisLeft`, `axisBottom`, and `symbol` to generate the SVG paths. Data is loaded asynchronously via `d3.csv` and parsed into numeric values. The visualization renders directly to the browser window with SVG output, featuring adjustable margins and symbol sizing.

AI-generated description

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