SYmbols Reusable Scatter Plot
✓ Published1🌍 Public
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 descriptionA bare minimum HTML page demonstrating use of CSS and JavaScript.
See also React Starter.
MIT Licensed