Viewing a saved revision (read-only)
4fce1e8c07714128b207186b0522ba4a
Reusable D3 Scatter Plot
This example presents a reusable scatter plot built with D3 v7 and React, dynamically updating every two seconds to cycle through different Iris flower measurements. The visualization displays points scaled by petal width and sepal length, then animates through columns like sepal width and petal length by re-binding the x-value accessor. It demonstrates the getter-setter pattern for modular chart configuration, using D3's `scaleLinear`, `axisLeft`, `axisBottom`, and `selectAll().join()` for SVG rendering. Data comes from a remote CSV of the classic Iris dataset, parsed with numeric coercion.
AI-generated descriptionA bare minimum HTML page demonstrating use of CSS and JavaScript.
See also React Starter.