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)

8ae6cd05febe478b91a6812def8b5957

Fork of Reusable scatter plot with different symbols

0 stars0🌍 Public
Bbhanuteja1807@gmail.com
Last edited Mar 25, 2023
Created on Mar 25, 2023

This example is a reusable scatter plot that visualizes the Iris Dataset, using distinct symbols to represent different species. The plot maps petal width to the x-axis and sepal length to the y-axis, with axis labels rendered via `d3.axisLeft` and `d3.axisBottom`. The implementation leverages `d3.scaleLinear`, `d3.scaleOrdinal`, and `d3.symbol` to generate SVG paths for each data point. Data is loaded asynchronously from a CSV file using `d3.csv` and parsed with a custom row handler. The plot’s dimensions adapt to the browser window, and styling is applied through a linked stylesheet.

AI-generated description

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