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)

38bfddb1be3c4b5395bfc76c36f90f99

Fork of Reusable scatter plot with different symbols

0 stars0🌍 Public
SSaivignesh-9176
Last edited Mar 13, 2023
Created on Mar 13, 2023

This scatter plot visualizes the Iris Dataset, mapping petal width against sepal length. Each species of iris is represented by a distinct symbol, as determined by the `symbolValue` function. The visualization is built with D3.js, using the `scaleLinear`, `scaleOrdinal`, `axisLeft`, `axisBottom`, and `symbols` APIs. Data is loaded from a remote CSV file, and the plot is rendered as an SVG element, sized to fill the browser window. Axes and marks are generated via D3's join operation.

AI-generated description

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