Skip to main content
🌍 Public

Share visualization

Send this visualization to others.

Reusable Scatter plot Archana Goli

Public visualization

Viewing a saved revision (read-only)

8a2883672d4e46b1ba3aeb726ff910fa

Reusable Scatter plot Archana Goli

0 stars0🌍 Public
Aarchanagoli@my.unt.edu
Last edited Mar 27, 2024
Created on Mar 27, 2024

This reusable D3.js scatter plot visualizes the dimensions of wheat kernels, with each circle representing a sample. The plot cycles through four variables—Perimeter, Kernel_Width, Area, and Kernel_Length—on the x-axis every two seconds, while the y-axis remains Kernel_Length. Built with D3’s `scaleLinear`, `axisLeft`, and `axisBottom` APIs, the SVG visualization updates dynamically via a `setInterval` function. The code loads CSV data from a GitHub gist and renders animated, resizable scatter plots based on the browser window’s dimensions.

AI-generated description

A reusable scatter plot inspired by Towards Reusable Charts.

Shows the Iris Dataset.