If you haven't read already, take a moment to look at our progress update published 6 weeks ago about SciChart.js - Javascript GPU Accelerated Charts with WebAssembly and WebGL. We've made fantastic strides forward and are continuing to develop our award-winning 2D/3D charts for Javascript / Typescript applications. Aiming for Q3/Q4 for a first release of this groundbreaking WebAssembly WebGL JavaScript Charting library.

Below we have another quick progress update. The 3D engine is now almost fully compiled to WebAssembly enabling 3D Charts in the browser, suitable for visualising data in financial modelling, AI / machine learning debugging, scientific modelling and more. We've got some quick previews of these 3D Javascript chart types below.

JavaScript 3D Bubble / Scatter Charts

Javascript 3D Bubble Charts allow you to visualise data in three-dimensions, it could be anything from point-cloud data from a LIDAR sensor to simply viewing statistical data in 3D. In SciChart.js each point is individually styled: you may change the size or colour of the scatter point on per-point basis.

We're supporting multiple point-markers out of the box including Sphere, Cylinder, Pyramid, Cube and flat markers for higher performance point-clouds such as Ellipse, Quad and custom textures.

SciChart Javascript 3D Bubble/Scatter Chart with per-point colour and size
Javascript 3D Bubble/Scatter Chart with per-point colour and size
SciChart Javascript 3D Scatter Chart with high performance flat-quad point-marker. Useful for Point-clouds / visualising LIDAR data
Javascript 3D Scatter Chart with high performance flat-quad point-marker. Useful for Point-clouds / visualising LIDAR data

JavaScript 3D Surface Mesh Charts

The Surface Mesh chart is an iconic 3D Chart often seen in software packages such as Mathworks Matlab, and useful to visualise data in a topographic format. With 3D Surface Mesh charts you can find the optimum combinations between two sets of data such as visualising output of Least-Squares, financial models, or other statistical data.

Javascript 3D Surface Plots with SciChart.js - Fast WebAssembly WebGL JavaScript Charts
Javascript 3D Surface Plots with SciChart.js - Fast WebAssembly WebGL JavaScript Charts
Javascript 3D Surface Plots with SciChart.js - Fast WebAssembly WebGL JavaScript Charts
Javascript 3D Surface Plots with SciChart.js - Fast WebAssembly WebGL JavaScript Charts
Javascript 3D Surface Mesh Charts with SciChart - Fast WebGL WebAssembly Javascript Chart Components
Javascript 3D Surface Mesh Charts with SciChart - Fast WebGL WebAssembly Javascript Chart Components

With full hardware-acceleration with WebGL and WebAssembly, SciChart.js will be able to handle large data-sets. In early testing it's possible to get reasonable frame-rates with height-maps 500x500 in size. Even 1000 x 1000 may be possible in the final release once we get a chance to optimise.

The SurfaceMesh will support a variety of paletting options including height-mapping (mapping a gradient brush onto values by height), solid colouring, individual cell-colouring, texturing, enabling/disabling wireframes and contours.

SciChart.js Release Date

I'm sure you're very keen to get your hands on our Webassembly / WebGL Charts and start working with them as soon as possible! We don’t have a release date just yet, but we are targeting Q3/Q4 of this year for the first release. If you’re interested to be notified when there are updates, when we have new demos or a BETA version, then subscribe to our SciChart.js mailing list by filling the form below!

About SciChart: High Performance Realtime Charts

SciChart provides high performance real-time chart components on the WPF (Windows), iOS, Android and Xamarin platforms. It is our goal to create the best cross-platform Native WPF, iOS, Android and JavaScript 2D & 3D Charts in the world, focusing on performance, developer productivity, ease of use, depth of features and enterprise-grade tech support.

If you have a question about what SciChart's WebGL / WebAssembly Charts can offer you, or if you would like to get a quote, please contact us. Our friendly, helpful support team will be glad to help!