Skip to main content
🌍 Public

Share visualization

Send this visualization to others.

Fork of Reusable D3 Scatter Plot with Symbols

Public visualization

Viewing a saved revision (read-only)

5301b6af6427461d81ee2c90c1da09af

Fork of Reusable D3 Scatter Plot with Symbols

0 stars0🌍 Public
NNikhilchiguru-8
Last edited Mar 12, 2023
Created on Mar 12, 2023

This interactive scatter plot visualizes the Iris dataset, mapping petal width against sepal length. It uses D3 v6 APIs such as `scaleLinear`, `scaleOrdinal`, `axisLeft`, and `axisBottom` to render axes, while `symbol` and `symbols` generate distinct markers for each iris species. The reusable `scatterPlot` function configures scales, margins, and encoding via method chaining. Data loads asynchronously from a GitHub Gist CSV, with numeric parsing applied to all measurements. SVG output adapts to the full viewport size.

AI-generated description

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