scichart
    TypeScript icon, indicating that this package has built-in type declarations

    2.0.2228 • Public • Published

    SciChart.js: Ultra High Performance Realtime JavaScript Chart Library

    SciChart.js Ultra High Performance Realtime JavaScript Chart library

    SciChart provides a High Performance JavaScript & TypeScript Chart library which uses WebGL and WebAssembly to achieve incredible real-time and big-data performance.

    SciChart is the only viable solution for mission-critical data visualization applications, where high quality, fast, and feature-rich charts & graphs are a large part of the application.

    Whether you are building Dashboards for business, stock-chart or trading apps, scientific or medical apps, or building a kiosk application on custom hardware with Electron, SciChart's ultra-fast 2D/3D WebGL rendering technology codenamed Visual Xccelerator® will let you build apps, services and dashboards with rich charts & graphs that will delight your users.

    Getting Started

    We've prepared a short Getting Started guide here.

    Getting Started with SciChart.js

    Documentation

    We've taken the time to create hundreds of documentation pages for our JavaScript Charts, which you can find over at https://www.scichart.com/javascript-chart-documentation. Take a look here for tutorials, getting-started guides, API Docs (TypeDoc) and more.

    JavaScript Chart Documentation

    Online Demo

    An online demo version of scichart.js.examples can be seen at https://demo.scichart.com. Get the source for the demos and examples at https://github.com/abtsoftware/scichart.js.examples

    Release Notes

    Version 2 Released

    SciChart.js v2 is a huge release with many new features, improvements and fixes including:

    • New pure-json builder api
    • Data and Style Animations
    • Logarithmic Axis, Inner Axis, Stacked Axis
    • Datapoint and Series Selection
    • Data filters and transformations
    • Retina / High DPI Display / Browser Zoom Support
    • Axis label customization, rotated and multiline text and images
    • Transparent/image backgrounds
    • Loader customization
    • And many more!

    See all the details at SciChart.js v2 release.

    Our Chart Features

    An up to date list of features can be found at scichart.com/javascript-chart-features.

    JavaScript Chart Types

    Supports many 2D & 3D Chart types including:

    Insane Realtime performance

    SciChart's Ultra High performance JavaScript Charts can draw many millions of data-points, allowing you to zoom, pan, or browse big-data sets with ease. SciChart enables next-generation JavaScript & TypeScript chart applications by allowing previously impossible datarates and update-rates. After all, we make 'Impossible projects possible'!

    SciChart.js Chart Performance

    Rich Interactive Charts

    Drag to zoom, pan, mousewheel zoom, drag axis to zoom, zoom extents or touch behaviour is all supported out of the box.

    SciChart.js Chart Interactivity

    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.

    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.

    SciChart.js Chart Cursors

    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 Chart Annotations

    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!

    SciChart.js Chart Styling and Theming

    Many Axis Types and Options

    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.

    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.

    SciChart.js Chart Axis

    Vertical Charts

    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.

    SciChart.js Vertical Charts

    Chart 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.

    SciChart.js Chart Series Selection

    Chart Data point 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.

    SciChart.js Chart Datapoint Selection

    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.

    SciChart.js Chart Per-Point Coloring

    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.

    SciChart.js Financial Stock Charts

    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!

    SciChart.js Scrolling Overview

    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.

    SciChart.js Link Multiple Charts

    Filters and 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.

    SciChart.js Filters and Data Transforms

    Builder API & JSON Serialization

    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.

    SciChart.js Builder API and JSON Serialization

    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.

    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.

    SciChart.js Plot 3D Scientific Charts

    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.

    SciChart.js Plot 3D Point Clouds

    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.

    SciChart.js Heatmaps and Spectrograms

    Enterprise Grade 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

    Install

    npm i scichart

    DownloadsWeekly Downloads

    342

    Version

    2.0.2228

    License

    ISC

    Unpacked Size

    10 MB

    Total Files

    905

    Last publish

    Collaborators

    • klishevich
    • scichart