Skip to main content
🌍 Public

Share visualization

Send this visualization to others.

Reusable_D3_Scatter_Plot.

Public visualization

Viewing a saved revision (read-only)

5f1d24c0ea18484fa893750be2548715

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.