Skip to main content
🌍 Public

Share visualization

Send this visualization to others.

Selfupdated Reusable Scatter PLot

Public visualization

Viewing a saved revision (read-only)

167ab07d9ba742d2a7451e3bb873143e

Selfupdated Reusable Scatter PLot

0 stars0🌍 Public
Sserebryanaya.n@gmail.com
Last edited Mar 9, 2023
Created on Mar 9, 2023

This example demonstrates a reusable scatter plot of the Iris dataset, cycling through different flower measurements every two seconds. Built with D3 and React, it uses `scaleLinear`, `axisLeft`, and `axisBottom` to render SVG circles colored by species. The chart updates dynamically via `setInterval`, calling the plot’s accessor methods like `xValue()` and `yValue()` to re-bind data, while `join()` handles enter/update/exit transitions. Data loads from a CSV URL using `d3.csv` with parsed numeric columns, and margins, radius, and species accessors are configurable through a fluent API.

AI-generated description

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

See also React Starter.