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)

a7824a58417042c9a773a43bcac70c9a

Fork of Reusable scatter plot with different symbols

0 stars0🌍 Public
0057SatvikDamera
Last edited Mar 13, 2023
Created on Mar 13, 2023

This D3.js scatter plot visualizes the Iris dataset, mapping petal width on the x-axis and sepal length on the y-axis. Each species is represented with a distinct symbol, determined by the `scaleOrdinal` and `symbols` APIs, with all points rendered at a fixed size. The visualization uses `scaleLinear` for axes, `axisLeft` and `axisBottom` for tick marks, and `symbol().size()` to generate SVG paths. Data is loaded from a CSV via `d3.csv`, and the plot is drawn into a full-window SVG.

AI-generated description

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