FreeDATA/gui/src/waterfall
2023-02-11 21:49:07 +00:00
..
colormap.js Prettified Code! 2023-02-11 21:49:07 +00:00
index.html Prettified Code! 2023-02-11 21:49:07 +00:00
LICENSE Rename gui/src/LICENSE to gui/src/waterfall/LICENSE 2021-07-17 09:05:31 +02:00
make_colormap.py 'Refactored by Sourcery' 2023-02-09 12:26:25 +00:00
README.rst Add files via upload 2021-07-17 09:05:50 +02:00
script.js Prettified Code! 2023-02-11 21:49:07 +00:00
server.py Add files via upload 2021-07-17 09:05:50 +02:00
spectrogram.js Prettified Code! 2023-02-11 21:49:07 +00:00
spectrum.js Prettified Code! 2023-02-11 21:49:07 +00:00
waterfall.css Prettified Code! 2023-02-11 21:49:07 +00: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.