FreeDATA/gui/src/waterfall
2022-01-11 16:53:35 +01:00
..
colormap.js Add files via upload 2021-07-17 09:05:50 +02:00
index.html Add files via upload 2021-07-17 09:05:50 +02:00
LICENSE Rename gui/src/LICENSE to gui/src/waterfall/LICENSE 2021-07-17 09:05:31 +02:00
make_colormap.py Add files via upload 2021-07-17 09:05:50 +02:00
README.rst Add files via upload 2021-07-17 09:05:50 +02:00
script.js Add files via upload 2021-07-17 09:05:50 +02:00
server.py Add files via upload 2021-07-17 09:05:50 +02:00
spectrogram.js Add files via upload 2021-07-17 09:05:50 +02:00
spectrum.js windows adjustements 2022-01-11 16:53:35 +01:00
waterfall.css removed line bar on waterfall plot 2021-09-10 16:51:45 +02:00

********************************
HTML Canvas/WebSockets Waterfall
********************************

This is a small experiment to create a waterfall plot with HTML Canvas and WebSockets to stream live FFT data from an SDR:

.. image:: img/waterfall.png

``spectrum.js`` contains the main JavaScript source code for the plot, while ``colormap.js`` contains colormaps generated using ``make_colormap.py``.

``index.html``, ``style.css``, ``script.js`` contain an example page that receives FFT data on a WebSocket and plots it on the waterfall plot.

``server.py`` contains a example `Bottle <https://bottlepy.org/docs/dev/>`_ and `gevent-websocket <https://pypi.org/project/gevent-websocket/>`_ server that broadcasts FFT data to connected clients. The FFT data is generated using `GNU radio <https://www.gnuradio.org/>`_ using a USRP but it should be fairly easy to change it to a different SDR.