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)

e619c6eacc564521bd84af37ce0e9202

Fork of Reusable scatter plot with different symbols

0 stars1🌍 Public
Nnsatyaprakash22
Last edited Mar 12, 2023
Created on Mar 12, 2023

This example visualizes the Iris dataset as a scatter plot, encoding petal width and sepal length on the x- and y-axes. Different species are distinguished using D3 symbols (circles, crosses, and diamonds) with red, green, and blue fills. The code builds the chart with a reusable `scatterPlot` function that leverages d3.scaleLinear, d3.scaleOrdinal, d3.symbol, and d3.axisLeft/axisBottom. A legend shows each species with its corresponding symbol and color. The SVG rendering and margins are configured in the main script.

AI-generated description

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