Skip to main content
🌍 Public

Share visualization

Send this visualization to others.

Fork of Reusable D3 Scatter Plot

Public visualization

Viewing a saved revision (read-only)

df4cd655d24b4b7a965a6d747de56771

Fork of Reusable D3 Scatter Plot

0 stars0🌍 Public
Aajaysonu
Last edited Mar 29, 2023
Created on Mar 29, 2023

This is a reusable D3.js scatter plot that visualizes the Iris Dataset, cycling through four flower measurements (petal width, sepal width, petal length, sepal length) on the x-axis every two seconds while keeping sepal length on the y-axis. The code uses D3 v6 modules including `scaleLinear`, `extent`, `axisLeft`, and `axisBottom` to compute scales and render SVG axes and circles. The plot is built as a reusable JavaScript function with configurable properties like width, height, margin, and radius, and it re-renders the SVG with animated transitions as the selected column changes.

AI-generated description

A reusable scatter plot inspired by Towards Reusable Charts.

Shows the Iris Dataset.