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)

ae6f555764c04d5992cc495d683204c2

Fork of Reusable scatter plot with different symbols

0 stars0🌍 Public
NNikitha123171
Last edited Mar 25, 2023
Created on Mar 25, 2023

This example visualizes the classic Iris Dataset, mapping petal width and sepal length to a scatter plot’s x and y axes. Each species is represented by a distinct symbol, chosen via an ordinal scale applied to the categorical data. The chart is built with D3’s `scaleLinear`, `axisLeft`, `axisBottom`, and `symbol` APIs. The reusable `scatterPlot` custom function encapsulates the chart’s configuration, including dimensions, margins, and symbol size, and renders the result as an SVG in a vanilla HTML page.

AI-generated description

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