Skip to main content
🌍 Public

Share visualization

Send this visualization to others.

Vineela

Public visualization

Viewing a saved revision (read-only)

9a644271ed3d4884b317e3f7efe41f8c

Vineela

0 stars2🌍 Public
VVineela Reddy
Last edited Mar 29, 2023
Created on Mar 29, 2023

This interactive D3.js scatter plot visualizes the Iris dataset, displaying sepal length against petal width while encoding species through both color and symbol shapes. The visualization renders SVG paths using d3.symbol() with distinct markers for setosa, versicolor, and virginica species. It implements custom scales via d3.scaleLinear and d3.scaleOrdinal, with axes generated through d3.axisLeft and d3.axisBottom. The plot fills the entire browser window and updates dynamically when the dataset loads from a remote CSV source.

AI-generated description

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