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.
Learn how to create a detailed JavaScript 3D Surface Mesh Chart using SciChart.js, and our High Performance JavaScript 3D Chart Library. It is particularly useful for finding the optimal combinations between two sets of data. It appears as a topographical map where values in a 2D array are drawn as heights and mapped to a color. The Surface Mesh 3D chart type in SciChart.js is highly dynamic and allows for large volumes of data to be plotted.
Ready to create your surface mesh chart in JavaScript?
SciChart software is built to create high performance JavaScript charts. To use it locally, sign up and follow the steps outlined in our getting started guide.
See the SciChart.js Getting Started guide to:
- Get started for free with our community edition.
- Code a chart with NPM and Webpack and step-by-step code samples.
- Compile our examples app and get access to more than 80 chart examples, including customizable themes and interactions.
- Build your first charting app with our tutorials.
You can compile our charting app with NPM install and our demos are easy to follow. We offer boilerplates for the most popular frameworks, including Angular, Vue, Blazor, React, Electron and Next.js.
Powering your data charts with our software can deliver high-quality results that are responsive, interactive and smooth.
To display complex functionality, we have tutorials and documentation. You can also contact our knowledgeable support team for advice.
Case Uses & Industries
This type of graph is useful for investigating desirable response values and operating conditions for a product or service.
Why Use SciChart JavaScript Chart Library?
- Supports tens of millions of data points
- Fast rendering for real-time data feeds
- Supports customizable, interactive features
- 5-star rated support for developers
- Winner of the Queen’s Award for Innovation
Get started for free to create JavaScript 3D Surface Mesh Charts and more (no credit card required).
Frequently Asked Questions
Are your JS charts responsive?
Yes – all our JS charts are fully responsive across all devices, meaning the data will look and perform just as smoothly on a mobile device as a desktop computer.
What customizations and interactions are available?
With our JavaScript charts, you can access endless customizations and interactions. These include, but are not limited to, drag-to-zoom, pan, mousewheel zoom, drag axis to zoom and zoom extents behaviors. You can achieve this with our powerful ChartModifier API.
How do I buy a JavaScript charts licence?
With SciChart, it’s easy to buy a JavaScript chart licence. If you’re ready to purchase a licence, browse our selection of SciChart.js licence products.