Skip to main content
🌍 Public

Share visualization

Send this visualization to others.

Fork of ICE7 - Reusable Scatter Plot pt 2

Public visualization

Viewing a saved revision (read-only)

fb6d724e4ac640cc8074639ecc22a416

Fork of ICE7 - Reusable Scatter Plot pt 2

0 stars0🌍 Public
JJustin Roberts
Last edited Mar 11, 2023
Created on Mar 11, 2023

This animated scatter plot explores the Iris dataset by cycling through different measurement pairs on the x-axis while keeping sepal length on the y-axis. Built using D3.js v6 with SVG rendering, the visualization employs a reusable `scatterPlot` function with `d3.scaleLinear`, `d3.axisBottom`, and `d3.axisLeft` to create axes. Data points are colored by species using `d3.csv` parsing. A `setInterval` timer updates the plot’s x-value accessor every few seconds, dynamically re-rendering the chart with smooth transitions. The interface includes a species legend and axis labels that update to reflect the currently displayed dimension.

AI-generated description

A reusable scatter plot inspired by Towards Reusable Charts.

Shows the Iris Dataset.