Skip to main content
100%

SYmbols Reusable Scatter Plot

✓ Published1🌍 Public
SShannon Teoh
Last edited May 26, 2024
Created on May 25, 2024

This animated scatter plot, built with React and D3.js, visualizes the Iris dataset, showcasing how different species cluster based on combinations of sepal and petal measurements. It creates a reusable chart component whose axis mappings can be dynamically reassigned. Using D3's `scaleLinear`, `scaleOrdinal`, and `symbol` APIs, it renders SVG paths with distinct shapes for each species, while a `setInterval` loop cycles through the four measurement columns for the axes every two seconds. This example demonstrates the flexibility of D3's functional, concatenation-based API for building interactive, data-driven visualizations.

AI-generated description

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

See also React Starter.

MIT Licensed

Similar vizzes