Skip to main content
🌍 Public

Share visualization

Send this visualization to others.

Reusable_D3_Scatter_Plot.

Public visualization

Viewing a saved revision (read-only)

f8a27f3e9e4e4fababa2144db30ac58a

Reusable_D3_Scatter_Plot.

0 stars0🌍 Public
DDaniel R Handoko
Last edited Aug 14, 2023
Created on Aug 14, 2023

This example presents an interactive scatter plot of the Iris dataset, cycling through different x-axis variables (petal width, sepal width, petal length, sepal length) at intervals to explore relationships with sepal length on the y-axis. The visualization uses D3.js v6 within a React environment, rendering with SVG and animation. The reusable `scatterPlot` function leverages D3 scales, axes, and data joins, while the main script loads CSV data, maps species to colors (red, violet, orange), and includes a custom legend with labels and points.

AI-generated description

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

See also React Starter.