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)

7f08e455321f4c9ca9800c5f301a0b3d

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