JavaScript Real-Time Multi Chart Dashboard

dashboard xy line realtime datapattern datacleaning

Showcase of 100 different LightningChart visuals all in one scene as completely individual components.

Each channel is receiving streaming data in real-time and displaying it as fast as possible.

While in this example the layout looks like a inflexible grid where every chart has the same size, this is technically not the case.
In technical terms every chart is a completely independent component, which could be dragged around, resized, removed, added in, etc. at any point in time.

Details:

Number of charts: 100
Stream rate per channel: 60 points per second
Time window: 10 seconds
Total data points displayed at any given time: 600 000
Total data points streamed every second: 6 000
Refresh rate: 60 times per second*

*Depends on monitor, usually with PC monitors / laptops capped at 60 Hz. Mobile devices / laptops sometimes have higher refresh rates.
Additionally on weak hardware update rate can drop, generally due to weaker GPU.