Skip to main content
🌍 Public

Share visualization

Send this visualization to others.

Reusable scatter plot with different symbols

Public visualization

Viewing a saved revision (read-only)

410181d2f9eb4855940a4dffd39b2ee1

Reusable scatter plot with different symbols

0 stars0🌍 Public
AAISWARYAMARAPATLA1999
Last edited Mar 22, 2023
Created on Mar 22, 2023
Forked from HTML Starter

This interactive scatter plot visualizes the Iris dataset, mapping petal width and sepal length along the x and y axes while using distinct symbols to represent different species. Built with D3 v6 and React, it renders as an SVG that fills the browser window. The reusable `scatterPlot` component leverages `scaleLinear`, `scaleOrdinal`, `symbols`, and `symbol` to generate the plot, with `axisLeft` and `axisBottom` for the axes. The chart also provides the 100-pixel marks and axis tick styling via CSS.

AI-generated description

A bare minimum HTML page demonstrating use of CSS and JavaScript.

See also React Starter.