Skip to main content
🌍 Public

Share visualization

Send this visualization to others.

Time based moving graph

Public visualization

Viewing a saved revision (read-only)

cb2bff7e1c60423a9737f4b7ed6d5b19

Time based moving graph

0 stars1🌍 Public
PPiotr Paszek
Last edited May 14, 2021
Created on May 13, 2021

A time-based line chart displays four network performance metrics—Partner, PCL, GOLAN, and DriveU—measured in MBPS over a two-minute period. The visualization animates by smoothly translating the x-axis and line paths leftward, creating the effect of a moving time window. Data is loaded from a CSV file and parsed into JavaScript Date objects. The chart uses D3 v6 scales, axes, line generators with basis curves, ordinal color scales, and clip paths to reveal the moving portion, with a linear transition controlling the animation speed.

AI-generated description