Skip to main content
🌍 Public

Share visualization

Send this visualization to others.

Reusable D3 Scatterplot with Symbols

Public visualization

Reusable D3 Scatterplot with Symbols

0 stars0🌍 Public
Ttrissentety
Last edited Mar 2, 2023
Created on Feb 27, 2023

This reusable D3 scatterplot displays the Iris dataset, plotting petal width against sepal length with points colored by species. The visualization uses D3's `scaleLinear`, `scaleOrdinal`, `axisLeft`, `axisBottom`, `symbols`, and `symbol` APIs to generate scalable vector graphics (SVG) paths as scatterplot marks, with axis labels rendered as rotated text. Data is loaded asynchronously from a remote CSV file using `d3.csv`, and the plot is fully configurable through a fluent interface that accepts dimensions, margins, and value accessor functions.

AI-generated description

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

Comments

Sign in to join the discussion.

MIT Licensed