Skip to content

ndrean/streams-chart

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

14 Commits
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 

Repository files navigation

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

Screenshot 2025-07-10 at 13 11 09

About

Charting streams with SSR-SVG, CSR-Canvas

Topics

Resources

Stars

Watchers

Forks

Releases

No releases published