Skip to main content
🌍 Public

Share visualization

Send this visualization to others.

Fork of Reusable D3 Scatter Plot

Public visualization

Fork of Reusable D3 Scatter Plot

0 stars0🌍 Public
NNaimisha-M
Last edited Jun 30, 2022
Created on Jun 30, 2022

This visualization demonstrates a reusable scatter plot displaying the Iris dataset, cycling through four attribute combinations every two seconds to compare petal and sepal measurements. Built with D3.js v6, the chart uses `scaleLinear` and `extent` for scales, `axisLeft` and `axisBottom` for axes, and SVG circles for data points. The code implements a reusable chart pattern with configurable accessors, and the animation transitions between different x-axis variables using `setInterval` while maintaining a fixed y-axis of sepal length. The implementation includes a custom font and full-window responsive sizing.

AI-generated description

A reusable scatter plot inspired by Towards Reusable Charts.

Shows the Iris Dataset.

Comments

Sign in to join the discussion.

MIT Licensed