🌍 Public
Viewing a saved revision (read-only)
dd8818e2cd4840c3a250ebf3ffb1be7c
Fork of Reusable scatter plot with different symbols
SSANEEM MOHAMMAD
Last edited Mar 25, 2023
Created on Mar 25, 2023
Forked from Reusable scatter plot with different symbols
This example visualizes the Iris Dataset using a scatter plot where each species is represented by a different D3 symbol. The code uses `d3.csv` to load the data, `scaleLinear` for x and y axes, and `scaleOrdinal` to map species to symbol types from `d3.symbols`. A reusable `scatterPlot` function encapsulates the chart, rendering marks as SVG `path` elements via `symbolGenerator` and including `axisLeft` and `axisBottom` for scales. The plot fills the browser window using `window.innerWidth` and `window.innerHeight`.
AI-generated descriptionA vanilla HTML implementation of a D3 scatter plot. Shows the Iris Dataset.