Pre loader

Realtime Ghosted Traces

JavaScript Chart - Examples

SciChart.js ships with over 80 JavaScript Chart demos which you can browse, view the source code and see related documentation. Build incredible complex dashboards with SciChart.js, our High Performance JavaScript Chart Library.

Getting Started

Demonstrates real-time oscilloscope style effects with SciChart.js, High Performance JavaScript Charts

This real-time performance demo shows persistence of old traces giving a ‘ghosted’ effect. As new series are drawn older series are made increasingly transparent until they become invisible.

Tips
This example uses the GlowShaderEffect – an effect that can be tagged onto BaseRenderableSeries in SciChart to add oscilloscope/VDU style glow effects. Try it out!

RealtimeGhostedTraces/index.tsx
View source code
Back to JavaScript Chart Examples

JavaScript Chart Examples

2D Charts

Chart Legends

3D Charts
Featured Apps
What's New