Skip to main content
🌍 Public

Share visualization

Send this visualization to others.

D3 Scatterplot VI - better transitions

Public visualization

Viewing a saved revision (read-only)

6f182e39ae1a4d57acfb63026cb26069

D3 Scatterplot VI - better transitions

0 stars1🌍 Public
MMarvin Frede
Last edited Oct 4, 2023
Created on Oct 2, 2023

This example demonstrates a scatterplot of the Iris dataset that periodically swaps which measurement is plotted on the x-axis among sepal length, sepal width, petal length, and petal width every five seconds. It uses d3.csv to load the data and d3.scaleLinear to map data domains to pixel ranges, with axes rendered via d3.axisLeft and d3.axisBottom. Points animate smoothly through d3.transition with staggered delays, while the SVG rendering and join pattern manage enter, update, and exit selections.

AI-generated description

Learning about

  • scaleLinear (and some other scale types)
  • domain
  • range