JavaScript Spectrogram XY-Projection Chart

This example shows how to create a 2D spectrogram chart with X and Y line projections over last mouse coordinate (custom interaction).

Every time the user moves mouse over the spectrogram 1024 + 1024 data points are picked from the data set and pushed to X and Y projections line series - this is an expensive operation, but handled really fast with calls to LineSeries.clear().add(data).

The spectrogram chart contains 1024 x 1024 = ~1 million data points.