🌍 Public
Viewing a saved revision (read-only)
7f6f8843a86e4a7da1334edc0d11f2a4
Charts with menus of dynamic idempotence with animations d3 reusable scatter plot
AAshwani Sajwan
Last edited Apr 26, 2024
Created on Apr 26, 2024
This interactive scatter plot lets users select which Iris flower measurements appear on the X and Y axes via two dropdown menus. Built with D3 v7 and React, the visualization updates smoothly with animated transitions for circles and axes when menu selections change. The chart loads the classic Iris dataset from a CSV file and uses D3 scales, axes, and a reusable scatter plot component to render the data as SVG circles.
AI-generated descriptionA bare minimum HTML page demonstrating use of CSS and JavaScript.
See also React Starter.