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)

d591d6767c8f48249207d8c4ec3aa0e5

Fork of Reusable scatter plot with different symbols

0 stars0🌍 Public
DDaveCumin
Last edited Apr 24, 2023
Created on Apr 21, 2023

This scatter plot visualizes the Iris dataset, mapping petal width and sepal length on the x- and y-axes. Each species is encoded with a distinct symbol, demonstrating a reusable D3 scatter plot component that can be re-invoked with different data, as seen when it renders a smaller test dataset. The implementation uses D3’s `scaleLinear`, `scaleOrdinal`, `symbols`, and `symbol` APIs to generate SVG paths, with axis rendering via `axisLeft` and `axisBottom`. The animation and interactive resizing are not fully implemented, but the code includes a framework for updating the chart’s width.

AI-generated description

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