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)

2b44603858304f7f9d10d73bbf494082

Fork of Reusable D3 Scatter Plot

0 stars0🌍 Public
Mmadipadiga.raviteja@gmail.com
Last edited Mar 28, 2024
Created on Mar 28, 2024

This example demonstrates the classic Iris Dataset through an animated scatter plot that cycles through different feature combinations every two seconds. The visualization uses D3.js v6 with a reusable chart pattern, leveraging `scaleLinear`, `extent`, `axisLeft`, and `axisBottom` to render axes and circles in SVG. The code fetches CSV data from a GitHub gist, parses numeric columns, and employs `setInterval` to dynamically update the x-axis mapping between petal width, sepal width, petal length, and sepal length. The scatter plot fills the browser window and uses a custom font from Google Fonts.

AI-generated description

A reusable scatter plot inspired by Towards Reusable Charts.

Shows the Iris Dataset.