Skip to main content
🌍 Public

Share visualization

Send this visualization to others.

Reusable Scatter plot

Public visualization

Viewing a saved revision (read-only)

f215b387d06e4a7ea00dcefd6e6c241a

Reusable Scatter plot

0 stars0🌍 Public
NNUR UDDIN
Last edited Jul 7, 2023
Created on Jul 5, 2023
Forked from Scatter plot

This example demonstrates a reusable scatter plot that cycles through different iris dataset columns every two seconds, updating the x-axis mapping while keeping sepal width on the y-axis. The visualization uses D3’s `scaleLinear`, `scaleOrdinal`, `symbol`, and `transition` APIs to animate the entrance of symbols and smoothly transition axes, with species shown via distinct symbol shapes. Data is loaded from a CSV of the classic iris flowers dataset, and the chart is rendered as an SVG inside a React application.

AI-generated description

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

See also React Starter.