SciChart® the market leader in Fast WPF Charts, WPF 3D Charts, iOS Chart, Android Chart and JavaScript Chart Components

JAVASCRIPT CHARTS

SciChart.js is a powerful, feature-rich, High Performance JavaScript chart library. Used in Business, Scientific, Medical, and Financial apps.

Using WebGL & WebAssembly and with 40 2D & 3D Chart types, find out why our JavaScript Charts are rated 5-Stars!

View Demo GET STARTED GET STARTED

SciChart WPF Charts for Medical and Scientific Chart Applications
SciChart JavaScript Charts for ECG Medical Apps
SciChart JavaScript Charts for Scientific Research Applications
logo
logo
logo
logo
logo
logo
logo
logo
logo
logo
logo
logo
logo
logo
logo
logo
logo
logo
logo
logo
logo
logo
logo
logo
logo
logo
logo
logo
logo
logo
logo
logo

SciChart.js Next Generation JavaScript Charts for Dynamic Interactive Web Apps

Create dynamic, interactive JavaScript charts, with blistering real-time WebGL and WebAssembly performance. Plus incredible flexibility and depth of features.

Our Feature Game is Strong. Scroll down to see the incredible features of SciChart.js

 

SciChart.js Fast JavaScript Charts Best Performance

Extreme Realtime Performance

With SciChart.js you can create JavaScript or TypeScript apps plot many millions of data-points, or thousands of chart series and still zoom, pan and update interactively.

Powered by our proprietary, award-winning WebGL & WebAssembly rendering engine, our JavaScript chart library enables next-generation Big Data apps with dynamic, interactive charts that will delight your users.

View Demo GET STARTED FREE TRIAL

Rich Interactive Charts

SciChart.js is built for rich interactive charts! With our JavaScript charts you can add drag-to-zoom, pan, mousewheel zoom, drag axis to zoom or zoom extents behaviours with our powerful ChartModifier API

Custom actions are also possible with our rich ChartModifier API, where you can override mouse clicks or gestures and create custom panning, zooming or user interactions

View Demo GET STARTED FREE TRIAL

SciChart.js Interactive JavaScript Charts support zooming, panning, axis dragging, tooltips, legends, selection and more

Chart Animations

SciChart.js supports multiple types of animations to make impressive dashboards and browser applications which will delight your users.

Add series animations which execute when a chart type is shown. Data animations morph or animate from one dataset to another. Style Animations - allow you to animate style (line/fill colour, line thickness) from one set of properties to another.

View Demo GET STARTED FREE TRIAL

Cursors & Tooltips

Our JavaScript Chart library features rich cursors & tooltips out of the box, which are built on our powerful ChartModifier API

Choose from built-in Cursors, Crosshairs, Tooltips on mouse/touch or Rollover (showing vertical lines) as well as Legends. Decide what information is presented in a tooltip. Style tooltips to fit your application.

View Demo GET STARTED FREE TRIAL

SciChart.js Fast JavaScript Charts Best Performance
SciChart.js Annotations on JavaScript Charts. Add Text, Line, Box, SVG, Watermarks and custom shapes to the chart

Annotations & Markers

Our JavaScript Chart library features a powerful Annotations API which allows you to overlay Line, Text, Boxes, Shapes or Watermarks over the chart, at specific X/Y data locations. Annotations update position as you zoom or pan the chart.

SciChart.js supports draggable vertical/horizontal line annotations to mark thresholds or time stamps. Finally, Custom annotations are possible to display custom shapes or points of interest.

View Demo GET STARTED FREE TRIAL

Styling & Theming

SciChart.js features several themes out of the box, including Light Theme and Dark Theme. SciChart supports building Custom Themes either inheriting our own or completely bespoke.

Our charts support transparent background, image background, blurred or glass effect background. Style SciChart to fit your application and delight your users!

View Demo GET STARTED FREE TRIAL

SciChart.js Theme a JavaScript chart with Transparent Backgrounds and Image Backgrounds

Sold yet? Schedule a Call with Sales!

CONTACT US

SciChart.js Logarithmic Axis on JavaScript Chart

Many Axis Types

SciChart.js features multiple axis types out of the box, including Numeric Axis, Category Axis (Stock Chart axis) and Logarithmic Axis.

Format labels as Dates, numbers, strings (text) or images. Multi-line text labels and rotated axis labels are supported. Full control over axis label format, label style and label / gridline interval is possible with SciChart.js. The flexibility of our JavaScript charts are second to none.

View Demo GET STARTED FREE TRIAL

Unlimited X & Y Axis

Unlike other JavaScript Charts that only support a single X and Y axis, SciChart.js supports unlimited, multiple X & Y Axis.

You can scale series independently, have left, right, top or bottom axis. You can scale axis independently

View Demo GET STARTED FREE TRIAL

SciChart.js JavaScript Charts with Unlimited, Multiple, Top, Left, Right, Bottom X and Y Axis
SciChart.js Vertical Chart, Rotated JavaScript Chart for Oil & Gas

Vertical Charts

Popular in the Oil & Gas industry, SciChart.js supports vertical or rotated charts. Set a YAxis alignment to the left, and XAxis alignment to the top, and this will rotate a chart 90 degrees.

All the zooming and panning is now vertical. You can scroll the chart vertically, and use tooltips and legends and more.

View Demo GET STARTED FREE TRIAL

Series Selection

SciChart.js features serles selection and hover events on click. We've also packaged a Chart Modifier which will apply selected or hovered series styling to the chart.

Get notified when a user clicks on a chart series. Use this to perform visual-feedback of selection or chart drill-down, making for compelling interactive browser apps.

View Demo GET STARTED FREE TRIAL

SciChart.js JavaScript Chart Series Selection
SciChart.js Select Data-points in a JavaScript Chart

Datapoint Selection

SciChart.js also supports data-point selection by clicking or dragging a rectangle on the chart.

Get notified when a user clicks a data-point by events and callbacks. Use this to update the selection visual and create an extra layer of interaction to data-driven apps.

View Demo GET STARTED FREE TRIAL

Per-Point Colouring

With SciChart.js you can colour data-points based on a rule e.g. would you like all data-points with value > 10 to be coloured red? With our PaletteProvider API you can do this.

Colour volume bars in a stock chart red or green based on up or down, dynamically style data-points or sections of the chart based on thresholds, custom objects and more.

View Demo GET STARTED FREE TRIAL

SciChart.js JavaScript Chart Per-Point Colouring
SciChart.js JavaScript Candlestick Charts

Financial Stock Charts

SciChart.js supports dynamic, real-time Candlestick and Ohlc charts. Connect our charts to real-time exchange data and they can tick & update in real-time. Our performance is second-to-none making SciChart.js perfect for financial stock chart apps.

View Demo GET STARTED FREE TRIAL

Scrolling Overview

Another stock-chart related feature, we've added a Scrolling Overview control to the SciChart.js library. This allows you to see a history of the entire chart data and scroll back & forth instantly. Perfect for financial & stock chart apps!

View Demo GET STARTED FREE TRIAL

SciChart.js Scroll JavaScript Chart with Overview Control
SciChart.js Multi Pane JavaScript Stock Charts - Synchronized or Linked Charts

Link Multiple Charts

With SciChart.js you can link multiple charts. Synchronize Zooming and Panning across charts. Have a single tooltip shared across chart surfaces. Create multi-pane stock charts with technical indicators.

Plus, with support for hundreds of WebGL powered charts on a single webpage, you won't get caught short running out of WebGL contexts or experience slow performance with SciChart.

View Demo GET STARTED FREE TRIAL

How about now? Contact us to find out about Pricing & Licensing!

CONTACT US

Filters & Data Transforms

SciChart.js features a filters and data-transforms API. Add moving averages, linear trendlines to a chart. Scale and Offset a series. Calculate the ratio between two series.

All SciChart's filters update dynamically as the underlying data updates. What's more, you can create custom filters to transform your data dynamically and on the fly.

View Demo GET STARTED FREE TRIAL

SciChart.js JavaScript Chart with Trendline, Moving Averages, Offset Scale filters and Data Transforms
SciChart.js Builder and JavaScript Chart Serialization API - build charts with JSON and JavaScript objects

Builder API & JSON Serialization

Another API - the Builder API - allows you to create chart definitions with JSON or JavaScript objects. It's never before been easier to create JavaScript charts with SciChart.js. Define your charts on the server, or in a re-usable React component and share them throughout your app.

With SciChart.js every type is JSON Serializable, so you can now create entire chart definitions server-side out of JSON objects and rehydrate them on the client. Save/load chart settings to JSON, allowing rich, dynamic apps with our powerful JavaScript Chart library

View Demo GET STARTED FREE TRIAL

Accessibility

We've build Accessibility hooks into SciChart.js making it suitable for enterprise-grade applications.

Accessibility features include Voiceover (text to speech for chart parts), Theming, Scaling of fonts with Browser zoom / DPI. color and contrast, and keyboard interaction on the chart.

View Demo GET STARTED FREE TRIAL

SciChart.js JavaScript 3D Point Cloud, Lidar, Scatter, Bubble Chart
SciChart.js 3D JavaScript Mountain Area Surface Chart

Plot 3D Scientific Charts

With SciChart.js you can plot 3D Scientific Charts such as this 3D Surface Mesh (3D Mountain or Area chart), 3D Bubble, Scatter or point-cloud.

With the help of our cross-platform Visual Xccelerator 3D engine you can plot scientific surface mesh charts in real-time with tens of thousands of cells JavaScript and TypeScript applications.

View Demo GET STARTED FREE TRIAL

Plot 3D Point Clouds

Our 3D Scatter / Bubble and Point-cloud chart types allow you to plot 3-dimensional data with XYZ points.

For the first time you can use our powerful JavaScript 3D Chart library to visualise point-cloud outputs from LIDAR, UAV, self-driving car sensors, or plot the relationship between values in scientific, machine learning or statistical data with 3 or 4 (XYZ, Color) or 5 (XYZ, Color, Size) dimensions.

View Demo GET STARTED FREE TRIAL

SciChart.js JavaScript 3D Point Cloud, Lidar, Scatter, Bubble Chart
SciChart.js Fast JavaScript Heatmap Spectrogram Ultrasound Chart

Heatmaps and Spectrograms

SciChart.js features multiple axis types out of the box, including Numeric Axis, Category Axis (Stock Chart axis) and Logarithmic Axis.

Format labels as Dates, numbers, strings (text) or images. Multi-line text labels and rotated axis labels are supported. Full control over axis label format, label style and label / gridline interval is possible with SciChart.js. The flexibility of our JavaScript charts are second to none.

View Demo GET STARTED FREE TRIAL

But wait, there's more ...

 

Enterprise Grade, 5-Star Rated Tech Support

With Open Source JavaScript Charts you may find yourself stuck without technical support if something goes wrong. SciChart provides enterprise grade technical support which has been 5-Star Rated for many years.

Many competitors have a limit of support, but we provide 1-year unlimited technical support and latest-version updates (subject to fair use policy) to all our customers. Our customers find our tech-support to be a huge time & money saver. If you want to build excellent quality projects, build them quickly and solve problems when they occur, choose SciChart.js

Build charts on Windows (WPF), iOS, macOS, Android, Xamarin and JavaScript charts with our cross platform charting libraries

Cross Platform Support

SciChart provides native, high performance chart controls on four platforms: Android (Java, Kotlin), iOS and macOS (Objective-C, Swift), Xamarin (C#), Windows (WPF C#) and Web (JavaScript/TypeScript). For the best realtime charting component with cross platform support, choose SciChart. .

Extensible, Customizable API

SciChart.js has a loaf of API hooks allowing you to extend, customize or otherwise bend the chart control to your will. Developers love our flexible, and powerful API!

Axis Text Formatting / LabelProvider API

You are in control not only of a text formatting but changing the axis labels into a custom labels e.g. strings, prefix, suffix, scientific notation, label rotation, image labels and more.

PaletteProvider API

Allows per point coloring of a series based on data value. E.g. if you want a line to be red if over a certain value? That can easily be done with the palette provider.

Builder API

Define a chart definition as a JavaScript object or JSON and share it across screens. Create client/server apps by defining the chart server-side and displaying on the client

ChartModifier API

Allows creation of behaviour modifiers which can be attached to the chart. Update the chart data, custom zooming panning, custom tooltip actions? You can customize anything in SciChart.js with this rich, powerful API

Ease of Use, Documentation & Resources

SciChart.js is designed for ease of use. We've included sets of video tutorials, over 40 code examples and hundreds of hand-written documentation pages to ensure that you can get to work with minimum of time spent.


Free Trial, Free for Educational Use, then Licensed Per Developer for commercial

SciChart.js JavaScript Charts are licensed on a perpetual, per-developer licensing model, with in most cases OEM-free rights for distribution. Our commercial licenses come with 1-year priority tech support and updates. SciChart is trusted by thousands of customers including top names in Medical, Defence, Automotive, F1, Scientific, Pharma and Business.