Skip to main content
🌍 Public

Share visualization

Send this visualization to others.

Fork of Animated Reusable D3 Scatter Plot

Public visualization

Fork of Animated Reusable D3 Scatter Plot

0 stars0🌍 Public
FFelipe Maion
Last edited May 29, 2021
Created on May 29, 2021

This example demonstrates the reusable scatter plot pattern from Mike Bostock’s “Towards Reusable Charts,” applied to the Iris Dataset. It animates a transition every three seconds, cycling through four measured flower attributes (petal width, sepal width, petal length, and sepal length) as the x-axis variable. Built with d3.v6, the chart uses `scaleLinear`, `axisLeft`, `axisBottom`, and `selection.join` to smoothly update circle positions with a 1000ms `transition`, while axes re-scale in tandem. SVG rendering fills the full browser viewport, with styling from the Share Tech font.

AI-generated description

A reusable scatter plot inspired by Towards Reusable Charts and Observable: selection.join.

Shows the Iris Dataset.

Comments

Sign in to join the discussion.

MIT Licensed