【求大神】canvas实时显示二进制数据（纯问题，无需写代码）

Question

是这样，有一台c++写的频谱仪，需要做一个网页来实时它的显示数据，800个点，100ms刷新一次。提供了两个端口，一个传输数据一个进行控制，进行基于tcp协议的二进制数据传输，做个局域网形式的就行，连上就能显示。

显示用的echarts，看过nodejs和websocket、还有socket.io。

目前卡在数据怎么处理的问题上，是先用nodejs的net模块接收数据，然后websocket读取？还是怎么弄？那websocket怎么读取二进制数据里的内容呢？（给我说方法或者参考链接就可以了，感谢）

思路有些混乱，各路大神也可以直接说思路。

Answer 1

Browser:

C++ -> TCP -> Node.js -> WebSocket -> Browser ？

NW.js or Electron：

C++ -> TCP -> [Node.js + Browser]

Answer 2

楼上说的思路是对的，electron我没用，我用的nodejs和和socket.io解决的，（个人思路）因为需要写服务器，先用nodejs创建一个服务器，用net模块接收C服务器的二进制数据，readInt32LE可以帮助读取数据，然后socket.io传数据给浏览器（主要websocket建立握手很麻烦）。
图表就用的echarts。