Skip to main content
🌍 Public

Share visualization

Send this visualization to others.

Reusable Scatter Plot 11551417

Public visualization

Reusable Scatter Plot 11551417

0 stars0🌍 Public
SSrujana390
Last edited Mar 30, 2023
Created on Mar 30, 2023

This animated scatter plot visualizes the Iris dataset using D3.js, displaying relationships between petal and sepal dimensions. The example uses a reusable `scatterPlot` component to map variables to x and y axes, with data points colored by species (setosa, versicolor, virginica). Through `setInterval`, the visualization cycles through different x-axis variables, demonstrating the chart's reusability. The code leverages D3's `scaleLinear`, `axisLeft`, `axisBottom`, and `csv` functions to render interactive SVG graphics with a color legend and animated transitions.

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