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)

1d63a3e4734c4b27b09c17b3b4fb5502

Fork of Reusable scatter plot with different symbols

0 stars1🌍 Public
MMokshithabhi
Last edited May 11, 2023
Created on May 11, 2023

This example displays the Iris dataset as a scatter plot of petal width against sepal length, with each species represented by a distinct D3 symbol. The visualization uses d3.scaleLinear for positional encoding, d3.scaleOrdinal to map species to symbol types, and d3.symbol to generate the icon shapes. Axes are rendered with d3.axisLeft and d3.axisBottom. The reusable chart component accepts configurable accessor functions and margin parameters, and the data is loaded asynchronously from a GitHub Gist via d3.csv.

AI-generated description

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