What is “state-of-the-art” tech?
WebGL has been introduced as the ultimate solution for web charts. See, WebGL accelerates the rendering process using the client’s GPU. WebGL is easy to use and even faster than traditional HTML5 charts. WebGL can handle dynamic colour lookup by any data point property and 3D projections, oppositely to canvas charts that cannot do this.
With WebGL, it is easier to specify with code what the program or application should create. This can create results that simply cannot be achieved when using simpler SVG or canvas.
How does that compare to non-hardware accelerated charts? Naturally, non-hardware accelerated charts are slower and limited in performance. Compared to a WebGL and GPU-accelerated JS Static Surface chart, a non-hardware accelerated one would render the same 4 million data points in 22,659 MS (milliseconds). The difference is huge.
One way to use web charts is the descriptive invocation approach when the user creates a JSON configuration for the chart. Another approach is a functional app, where the user types code in a terminal to access real-time data. For instance, when creating a vibration analysis application with LightningChart JS and TypeScript in Visual Studio, a developer would need to simple install the NPM command, run a new terminal in VS and run the NPM START command to see the vibration analysis application running on localhost 8080.