Skip to main content
100%

ICE 7 Reusable D3 Scatter Plot

✓ Published0🌍 Public
TTejaswi@3271
Last edited Mar 28, 2022
Created on Mar 28, 2022
Forked from HTML Starter

This interactive scatter plot visualizes the Iris flower dataset, mapping petal width against sepal length with distinct SVG symbols representing each species. Built with D3 v6 and React, the chart uses `scaleLinear`, `scaleOrdinal`, and the `symbol` generator to render data points. Every 15 seconds, the x-axis automatically cycles through different floral measurements (petal width, sepal width, petal length, sepal length) using a `setInterval` loop, dynamically updating the plot while axes and points animate via D3's join pattern.

AI-generated description

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

See also React Starter.

MIT Licensed

Similar vizzes