Skip to main content
🌍 Public

Share visualization

Send this visualization to others.

Time based moving graph changed colors

Public visualization

Time based moving graph changed colors

1 star0🌍 Public
PPiotr Paszek
Last edited May 16, 2021
Created on May 16, 2021

A time-based line chart animates four network data series—Partner, PCL, GOLAN, and DriveU—across a moving time window, with each line rendered in a distinct color that remains constant. The chart displays MBPS values against timestamps from a CSV file, using SVG paths and a smooth transition that shifts the x-axis and lines horizontally over time. Built with D3 v6, it uses `scaleTime`, `scaleLinear`, `scaleOrdinal`, and `line` with `curveBasis`, while `transition.attr` with an `easeLinear` timing function drives the animation, clipping the viewport to show a sliding window of recent data.

AI-generated description

Comments

Sign in to join the discussion.

MIT Licensed