Skip to main content
🌍 Public

Share visualization

Send this visualization to others.

Reusable scatter plot

Public visualization

Viewing a saved revision (read-only)

69b87c0d2cc442618d4a5b1e668815d8

Reusable scatter plot

0 stars0🌍 Public
Yyaswanthsen
Last edited Mar 10, 2023
Created on Mar 10, 2023
Forked from Hello VizHub

This example demonstrates a reusable scatter plot component built with D3.js, visualizing the Iris dataset. The plot maps petal width to the x-axis and sepal length to the y-axis, with species encoded through distinct SVG symbols. The implementation uses D3's `scaleLinear`, `scaleOrdinal`, `axisLeft`, `axisBottom`, `symbol`, and the `join` operator to create a flexible, configurable chart. The iris data is loaded from a CSV file, and the SVG rendering adapts to the full browser window dimensions.

AI-generated description

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