SciChart.js ships with ~60 JavaScript Chart Examples which you can browse, play with, view the source code and see related documentation. All of this is possible with the SciChart.js Examples Suite, which ships as part of the SciChart.js SDK
Demonstrates simple and advanced Custom Filters, with realtime updates using SciChart.js, High Performance JavaScript Charts
This uses a simple custom filter to apply random noise to a line, then an advanced aggregation filter calculates the frequency distribution
Simple Custom Filters are great if you just want to apply some function to each y value. Just create an XyCustomFilter and set your function. If you want to significantly reshape your data, create a class that extends XyFilterBase
There are CustomFilter and FitlerBase types for each of the series types (xy, xyy, xyz, ohlc)
Complex custom filters do not have to output the same series type as they take as input.
If your filter takes a parameter, use a setter to call filterAll when the parameter is updated