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)

6663bf67cbd046ddafdd5263b087c571

Fork of Reusable scatter plot with different symbols

0 stars0🌍 Public
TTejucmandava
Last edited Mar 26, 2023
Created on Mar 26, 2023

This example presents the classic Iris Dataset as an interactive scatter plot, mapping petal width on the x-axis and sepal length on the y-axis. Each of the three iris species is encoded with a distinct symbol shape, generated using D3’s `symbol` and `scaleOrdinal` APIs. The chart is built with a reusable `scatterPlot` function in the D3 v3 style, using `csv` for data loading and `axisBottom`/`axisLeft` for the axes. All visual elements are rendered as SVG paths within a full-window viewport.

AI-generated description

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