https://github.com/ndrean/streams-chart

Charting streams with SSR-SVG, CSR-Canvas
https://github.com/ndrean/streams-chart

contex lightweight-charts liveview streams websockex

Last synced: 9 days ago
JSON representation

Charting streams with SSR-SVG, CSR-Canvas

• Host: GitHub
• URL: https://github.com/ndrean/streams-chart
• Owner: ndrean
• Created: 2025-07-08T08:00:09.000Z (12 months ago)
• Default Branch: main
• Last Pushed: 2025-07-08T08:56:38.000Z (12 months ago)
• Last Synced: 2025-07-08T09:51:10.782Z (12 months ago)
• Topics: contex, lightweight-charts, liveview, streams, websockex
• Language: Elixir
• Homepage:
• Size: 271 KB
• Stars: 0
• Watchers: 0
• Forks: 0
• Open Issues: 0
• Metadata Files:
  • Readme: README.md

Awesome Lists containing this project

README

          
# ExStreams

Receive streams from Binance endpoint with `Websockex`.

Start/stop the WebSockex GenServer on-the-fly.

Start the "moving-average" GenServer calculator on mount.

Render:

- statistics:

  - instant price via `@streams`

  - moving average over 5s

  - trend with dynamic SVG

- SSR rendered SVG chart with `contEx` of the moving average. The whole SVg is send over the LiveSocket but LiveView renderes only the changes

- CSR rendered chart in Canvas with `lightweight-charts` of the moving average. Only the last tuple `[time, value]` is sent. 150.65 kB

- CSR rendered chart in Canvas with `uPlot` of the moving average. Only the last tuple `[time, value]` is sent.  52.69 kB uncompressed.

> Note: app.js is 124.12 kB uncompressed.

## Example