🌍 Public
Animated Reusable D3 Scatter Plot with labels
TToly
Last edited Dec 30, 2022
Created on Dec 30, 2022
This animated scatter plot visualizes the Iris Dataset, cycling through the four measured attributes on the x-axis every three seconds while keeping sepal length fixed on the y-axis. Built as a reusable D3 chart, the visualization uses `scaleLinear`, `axisLeft`, `axisBottom`, and `selection.join` to smoothly transition circle positions and axis scales over one-second durations. The code also animates label updates and circle entry/exit states. The plot renders in SVG and relies on D3’s `csv` loader to fetch and parse the dataset.
AI-generated descriptionA reusable scatter plot inspired by Towards Reusable Charts and Observable: selection.join.
Shows the Iris Dataset.
MIT Licensed
Comments
Sign in to join the discussion.