Req: Real-time graph using websocket

[puta]

I am building a project that need to send and display data on a graph in a browser every 10ms.

I am using websocket from a micro ESP8266 to send data to a browser on a PC.
I am running the webserver to source the web page on the ESP8266, however could not find a suitable web app to display the graph on a browser do update the graph at the rate ~100 Hz.

I greatly appreciate if anyone could help me pointing me to a suitable graph.   

[Sideshow Bob]

Why do you need 100Hz? A graph updated with 10 to 20 Hz will be felt as a realtime graph for a human observer. This will put less strain on your system.

[Xwing]

A good way to display graphs on the browser is to use java script, ready-made scripts for graphs and gauges of various types are easily found.
I agree with Sideshow Bob that a 10 ms update is useless, as well as creating an overload on the browser, updates are usually done a few times per second if not every few seconds.

[puta]

Thank you Sideshow Bob and Xwing.

It is a health monitor applience, and it spits data packets at the rate of about 100 packets per sec. One paket represents co-ordinate of one instanious point in the graph (10 ms between two points). One screen need to show atleast about 4 ~5 secs long plotting.  

I tried Chart.js at low data rates and seems ok, but at heigher rates, the graph become dodgy and unstable. Any thoughts?  

[Sideshow Bob]

Even if the server sends data at 100 Hz. You do not have to show it at that rate. You can buffer data and show them at lower rate.

[b555b]

Maybe try plotly (https://plotly.com/javascript/).

I made a quick test in codepn by modifying one of their sample (https://plotly.com/javascript/streaming/#30-points-using-update), changing the data set to 3000 points and the update rate to 25ms. In Chrome it works nicely without jitter. At 10ms update rate there is some jitter, but as others have written, human brain will see no real difference if a graph is updated every 100ms versus 10ms.