Skip to main content
🌍 Public

Share visualization

Send this visualization to others.

Animated Reusable D3 scatter plot template with axis labels

Public visualization

Viewing a saved revision (read-only)

59fa6115728747c197fd858df3f6baf6

Animated Reusable D3 scatter plot template with axis labels

0 stars0🌍 Public
LLouis Astorg
Last edited Aug 8, 2022
Created on Aug 8, 2022

This example presents an animated, reusable D3 scatter plot template that cycles through different iris flower measurements every four seconds, transitioning the x-axis, labels, and circle positions. The visualization loads the classic Iris dataset from a GitHub gist via `d3.csv`, then uses D3 v7 scales, axes, and a custom `scatterPlot` function to render the responsive full-screen SVG. The code employs `transition` with a 3000-millisecond duration to smoothly move data points and slide in new x-axis labels, while the y-axis remains fixed on sepal length.

AI-generated description

D3 Scatter Polt template