Last week I created a client app with Angular Framework that will receive data from a Node server with SocketIO.
Gauge was created with Angular directive and d3js. Main Controller will update the gauge with a SocketIO event. One is for light sensor, and the other one is for temperature sensor. Both sensors are connected to Arduino, and data will send to Node server through serial port.
LineChart was also a real time chart, but it was not perfect yet. Seem SVG won’t redraw when the page is not in focus(on other tab), but it would redraw right away when the page was back in focus…Would have to look where to update the chart when new data come in.
More detail will be post later on http://sunnycyk.com