Skip to main content
🌍 Public

Share visualization

Send this visualization to others.

ICE7_Reusablescatterplot

Public visualization

Viewing a saved revision (read-only)

48b0cb9a7afc402c877d4b25d8e42811

ICE7_Reusablescatterplot

0 stars0🌍 Public
SSai Bhavana Akkineni
Last edited Jul 3, 2022
Created on Jul 3, 2022

This interactive scatterplot displays course data by plotting marks, time, and course number against each other. Built with D3.js 6.7.0, the visualization uses a reusable scatter plot module with linear scales and axis helpers. Every five seconds, the x-axis switches between the three data columns, animating the circles to reflect the new mapping. The SVG rendering adapts to the browser window size, with data loaded from a remote CSV file.

AI-generated description

A reusable scatter plot inspired by Towards Reusable Charts.