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)

79e597f3c7ba4f2b94700d126ff83ea6

Fork of Reusable scatter plot with different symbols

0 stars0🌍 Public
DDonald Bagwell
Last edited Dec 20, 2023
Created on Dec 20, 2023

This D3.js scatter plot visualizes the Iris dataset, mapping petal width and sepal length to the x and y axes. Each of the three iris species is represented by a distinct symbol from the `d3.symbols` collection, using the `scaleOrdinal` scale. The visualization uses `scaleLinear` for axes, `axisLeft`, and `axisBottom` for ticks, and renders as an SVG. The code creates a reusable `scatterPlot` function that accepts data, value accessors, and margin settings, with data loaded from a CSV file.

AI-generated description

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