Skip to main content
🌍 Public

Share visualization

Send this visualization to others.

ICE 7 Reusable D3 Scatter Plot

Public visualization

ICE 7 Reusable D3 Scatter Plot

0 stars0🌍 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.

Comments

Sign in to join the discussion.

MIT Licensed