Skip to main content
🌍 Public

Share visualization

Send this visualization to others.

Reusable scatter plot with different symbols

Public visualization

Reusable scatter plot with different symbols

0 stars0🌍 Public
HHarshavardhan
Last edited Mar 24, 2023
Created on Mar 24, 2023
Forked from D3 Starter

This example visualizes the Iris Dataset, plotting petal width against sepal length with each of the three species represented by a distinct D3 symbol (circle, cross, diamond, etc.) via `d3.scaleOrdinal` and `d3.symbol`. Rendering to SVG, the reusable `scatterPlot` function uses `d3.scaleLinear`, `d3.axisLeft`, and `d3.axisBottom` for scales and axes, while loading CSV data with `d3.csv`. Symbol size is fixed, and the chart adapts to the browser window dimensions.

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