Skip to main content
🌍 Public

Share visualization

Send this visualization to others.

Reusable D3 Scatter Plot with symbols

Public visualization

Viewing a saved revision (read-only)

f42df810cba249a983d5e077ffb996eb

Reusable D3 Scatter Plot with symbols

0 stars0🌍 Public
GGautier DAVID
Last edited Dec 20, 2023
Created on Dec 20, 2023

This interactive scatter plot visualizes the Iris dataset, mapping petal length against sepal length with distinct symbols for each species. Built as a reusable component using D3.js modular patterns, the chart dynamically updates based on configuration. The implementation uses D3 v7 APIs including scaleLinear, scaleOrdinal, axisLeft, axisBottom, and symbols. Data is loaded from a CSV file via d3.csv. The SVG rendering shows the scatter plot with axes, and the chart’s margins, symbol size, and value mappings are configurable through a getter/setter API.

AI-generated description

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

See also React Starter.