Consider the following user interface (inspired by Strava) for looking at time-series charts of network data:
Notes on this interface and my Rx implementation of it:
- Each chart (stacked vertically) charts a different metric (latency, packet loss and throughput) but over the same time period.
- As the user moves the mouse left and right on any chart, the vertical line (called the tracker) moves to track the mouse position on all charts. The number displayed in the gray box on the right is the value underneath the tracker for that metric.