Pre loader

Tenor Curves Demo

JavaScript Chart - Examples

SciChart.js ships with over 80 JavaScript Chart demos which you can browse, view the source code and see related documentation. Build incredible complex dashboards with SciChart.js, our High Performance JavaScript Chart Library.

Getting Started

Demonstrates how to visualize 2-dimensional arrays as a height-map using SciChart.js, High Performance JavaScript 3D Charts

Demonstrating the capability of SciChart.js to create a composite 2D & 3D Chart application. An example like this could be used to visualize Tenor curves in a financial setting, or other 2D/3D data combined on a single screen.

Tips
This example uses a SurfaceMeshRenderable Series3D to render a 2-dimensional array as a heightmap. Line charts are shown on the same example to show that 2D & 3D charts can be combined.
You can also overlay contours if you use the SurfaceMeshRenderable Series3D and enable contours by setting the DrawMeshAs property.

 

JavaScript Chart Examples

2D Charts

Chart Legends

3D Charts
Featured Apps
What's New

Try SciChart Today

Start a trial and discover why we are the choice
of demanding developers worldwide

Start TrialCase Studies