Skip to main content
🌍 Public

Share visualization

Send this visualization to others.

Reusable Scatter plot Activity 8

Public visualization

Viewing a saved revision (read-only)

e281076b965d48b6bd795853ab06d7b1

Reusable Scatter plot Activity 8

0 stars0🌍 Public
Lleftymadi
Last edited Jul 12, 2023
Created on Jul 5, 2023
Forked from Hello VizHub

This animated scatter plot uses D3.js to visualize high school student data, cycling through four different variable pairs on the x-axis every few seconds. Colored circles represent individual students, with sky blue, light green, and orange indicating grade categories (A, B, and D). The visualization employs the custom `scatterPlot` module, which utilizes D3 scales, axes, and SVG rendering to create the animated chart. Data is loaded from a CSV file hosted on GitHub, and the animation is driven by `setInterval`.

AI-generated description

A demonstration of reusable scatter plot.