Skip to main content
🌍 Public

Share visualization

Send this visualization to others.

Reusable D3 Scatter Plot

Public visualization

Viewing a saved revision (read-only)

9cb4d5c52dba432c8e0ae91faa6f654d

Reusable D3 Scatter Plot

0 stars0🌍 Public
EEeshwarReddy
Last edited Mar 25, 2023
Created on Mar 23, 2023

This reusable D3 scatter plot visualizes the Iris Dataset, showing the relationship between petal width and sepal length with distinct symbols for each species. Built with a custom scatterPlot function, it uses D3's `scaleLinear` and `scaleOrdinal` for axes and symbol scaling, `axisLeft` and `axisBottom` for axis rendering, and `symbol().size()` to generate varied path shapes. The SVG output fills the browser window, with margins and a fixed symbol size of 100, while the data is parsed from a remote CSV, converting numeric columns to numbers before plotting.

AI-generated description

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