All Examples

Real-time scrolling

Static data speed test

Audio visualization

JavaScript Line Chart

Example showcasing the use of Line Series. Also known as Line Graph and Line Chart.

JavaScript Scatter Chart

Using a point series to display a Point Graph. Also known as a Scatter Graph, Scatter Series, Point Graph, Scatter diagram or Scattergram.

JavaScript Spline Line Chart

Example showing how to draw and style Spline Series.

JavaScript Point Line Chart

Basic use of Point Line Series. Also known as a Line Series, Line Graph, Line Chart, and Line with Markers.

1 Million Points JavaScript Line Chart

Example plotting a million data points using progressive Line Series.

JavaScript Step Series

Example showing the use of a Step Series with different preprocessing modes. Also known as a Step Graph or Step Chart.

JavaScript Point Clusters Chart

Example showing how to create clusters of differently colored points. Using Point Series.

Shared Axis Series App

Shows how to combine multiple series in to one chart.

JavaScript Microseconds Line Chart

Example on how to deal with high-resolution data - for example, measurements in microseconds precision.

Several AxesXY in single Chart

Several AxesXY chart can be used to compare or see several graphs.

Real-time data monitoring JavaScript Chart

Lightning-fast Line Chart visualization over multiple channels that progress on the same X and Y Axes

Custom ticks on scrolling X Axis

Custom tick positioning logic on a scrolling Axis.

JavaScript Time Ticks Chart

Example showcasing the TimeTickStrategy feature which is ideal for displaying timestamp data between couple days all the way down to microseconds level.

JavaScript Scrolling Time Ticks Chart

Example showcasing the TimeTickStrategy feature with scrolling data and axis

JavaScript High Precision Axis Chart

Example showcasing the High Precision Axis XY feature which allows zooming of microseconds precision without any dirty data transforming

JavaScript Confidence Ellipse Chart

Example showcasing visualization of XY confidence ellipse widely used in statistics field

JavaScript Large Scatter Chart

Example visualization of large scatter chart (> million data points)

JavaScript Large Line Chart

Example visualization of large line chart (several million data points)

Refreshing Spectrum Line JavaScript Chart

Example for Chart with 2D spectrogram + dynamic projections on mouse interaction.

JavaScript Flow Cytometry Chart

Visualization of a Flow Cytometry data set (FSC + SSC properties)

JavaScript Chart with DateTime Axis

Example for creation of a DateTime Axis. DateTime axis can present time.

DateTime Axis Origin

Example showcases using origin with Axis TickStrategies.

JavaScript 2D Points Value Palette Coloring

Dynamic 2D points coloring by arbitrary user data set.

JavaScript Decaying Line Chart

Showcases Line Chart with refreshing data, where older samples are displayed for a while, slowly decaying out.

JavaScript Ultra Precision Trend Chart

Next-generation charts in web. LightningChart JS supports plotting of even 1 microsecond resolution data

JavaScript Office Layout Data Visualization Chart

Example showcasing LightningChart interactions with external images and icons in context of office layout data visualization.

JavaScript Temperature Anomaly Chart

Visualization of Temperature Anomaly Index and CO2 amount for period from 1880 to 2020. Showcases animated video icons

JavaScript Visible Fitting Y Axis Chart

Example how Y axis fitting to visible data can be achieved in scrolling line chart applications

Multi-channel real-time data monitoring JavaScript Chart

Lightning-fast Line Chart visualization over multiple channels that progress on the same X Axis

JavaScript HTML Scroll Bars Dashboard

Showcases how to fit a large number of charts into 1 by utilizing HTML scroll bars

JavaScript Logarithmic Line Chart

Example showcasing logarithmic Axis with LineSeries.

JavaScript Grouped Bars with Logarithmic Y Axis

Example showcasing grouped bars chart with Logarithmic Y Axis

JavaScript Sweeping Line Chart Dashboard

Showcases sweeping ECG line chart with LightningChart JS

JavaScript Dashed Line Prediction Chart

Example showcasing use of DashedLine style to reflect a projected (or predicted) time trend.

JavaScript Dashed Spline Chart

Example showcasing use of DashedLine style in a chart with two time series trends along the same Y axis.

JavaScript Threshold Line Chart

Example showcasing use of ConstantLine and DashedLine style in a threshold indicator.

JavaScript Bubble Chart

Example of using LightningChart PointSeries for an interactive Bubble Chart with individual point sizes and data grouping to different colors.

JavaScript 3D Bubble Chart

Example of using LightningChart PointSeries3D for an interactive 3D Bubble Chart with individual point sizes and data grouping to different colors.

Real-Time Audio Visualization with JavaScript - LightningChart JS Editor

High-performance real-time audio visualization JavaScript with LightningChart JS. This example helps visualize MP3s audio files in real-time.

JavaScript Lasso Selection Chart

Example showcasing a custom ChartXY interaction for highlighting selected data points

JavaScript Sweeping Area Chart

Showcases simple real-time sweeping charts with LightningChart JS

JavaScript Multi Axis Layout

Showcase of axis layout capabilities of LightningChart JS

JavaScript Custom Time Selection Chart

Example showcasing a custom ChartXY interaction for selecting range of data points

JavaScript Multi Channel Layout Dashboard

Example of commonly required layout with several channels, shared time axis and HTML interoperation. Also showcases implementation of a Sticky X Axis.

JavaScript Time Series Annotations Chart

Example of displaying annotations in a time series line chart. Annotations can be deleted, added and moved with custom user interactions.

JavaScript Nanosecond Timestamp Chart

Demonstration of loading time series data with 1 nanosecond step to LightningChart JS.

JavaScript Synced Cursors Chart

Example of synchronizing cursors across several time series in separate charts

JavaScript Time-series Line Chart

Minimal example of showing time-series line chart with LightningChart JS

JavaScript ECG Chart with Highlighted Beats

Example showcasing Line Series feature for coloring line dynamically based on X coordinates

JavaScript Good/Bad Values Threshold Line Chart

Example showcasing Line Series feature for coloring line dynamically based on Y coordinates

JavaScript Racecar Track Data Analysis Chart

Example showcasing Line Series feature for coloring line dynamically based on separate Value data set

JavaScript Data Gaps Trading Chart

Example showcasing how data gaps can be handled XY series. Particularly highlights line and area series in a trading use case

JavaScript Custom Event Chart

Example showcasing custom events display in a time-series XY chart

JavaScript Annotation Chart

Example showing how a time-series chart where user can drag and drop annotations

JavaScript Review Analysis Chart

Example of displaying scatter data sets with custom pictures

JavaScript Area Range Chart

Example showcasing basic use of an Area Range Series. Also known as a Area Graph, Area Chart or Range Area Chart.

Layered Areas JavaScript Chart

Layered Area Chart done by layering multiple Area Series on top of each other. Also known as a Layered Area Graph, Layered Area Chart or Multiple Area Charts.

JavaScript Stacked Mountains Chart

Stacked Charts are a popular visual aid for comparing parts of a whole. Also known as Stacked Area Graph or Stacked Areas.

Temperature Variations JavaScript Chart

The example shows the basic usage of Area Range series to display variation in temperature.

JavaScript ECG Chart

This example shows a simulated electrocardiogram(ECG)-signal by using a Line Series in a XY Chart.

JavaScript Vertical Bar Chart

Bar Charts show discrete numerical comparisons across categories, where the value represents the height of a bar. Also known as Bar Graph, Column Chart or Column Graph.

JavaScript Horizontal Bar Chart

Horizontal variant of a Bar Chart. Also known as Bar Graph, Column Chart or Column Graph.

JavaScript Grouped Bars Chart

Grouped bars for better categorizing than normal bar chart. Also known as Multi-set and Clustered Bar Chart.

JavaScript Span Chart

Also known as a Range Bar, Column Graph, Floating Bar Graph, Difference Graph, High-Low Graph.

JavaScript Mosaic Chart

Mosaic Chart can be used to compare observation counts of groups across different categories. Also known as Marimekko Chart.

JavaScript COVID-19 Tracker Chart

Bar chart race shows the dynamics of the Covid-19 spread.

JavaScript Stacked Bar Chart

This example shows the creation of a Stacked Bars Chart with LightningChart JS.

JavaScript Static Spider Chart

This example shows the basic use of Spider Chart. Also known as Radar Chart, Web Chart, Polar Chart, Star Series.

Animated JavaScript Radar Chart

This example shows creation of a Radar Chart with animated transitions by using a suitably styled SpiderChart.

JavaScript Pie Chart

Pie Chart (or a Circular Chart) is a chart used to show statistical graphic.

JavaScript Donut Chart

Donut Chart is a variation of Pie chart - functionally it's the same, visually it's only missing the center.

JavaScript Pie Chart with Lookup table

Example showcasing the use of Lookup Table with a Pie Chart.

JavaScript Funnel Chart

Funnel Chart is a chart used to show statistical graphic. Funnel Chart is divided into slices, with each slice illustrating the numerical portion of the Funnel.

JavaScript Pyramid Chart

Pyramid Chart is a chart used to show statistical graphic. The Pyramid chart is divided into slices, with each slice illustrating the numerical portion of the whole Pyramid.

JavaScript Dashboard With Legend

Example showing a dashboard with multiple chart types and Legend Panel.

JavaScript Dashboard 5 Channels 1000 pps

Example for a dashboard with multiple progressive channels of data. Using progressive Line Series.

JavaScript Business Dashboard

This example shows the specific business case to visualize the costs of a imaginary company across all the departments combined in a single interactive dashboard.

Dashboard 2 Channels 1000 pps

This example shows different progressive data-patterns, scrolling strategies, custom axes and function generators inside a dashboard.

JavaScript Dashboard With Pie, XY and Spider Charts

This example shows different kinds of charts inside a dashboard.

JavaScript Distance Intensity Chart

This example showcases a real life application used in Fiber Analysis

JavaScript Medical Dashboard

Example of a Medical Dashboard with ECG/EKG, blood pressure, flow volume and oxygen saturation.

JavaScript Real-Time Trend Dashboard

Intensive multi-channel real-time application example with LightningChart

JavaScript Dynamic Chart Dashboard

Example on how a dynamic chart dashboard can be created with LightningChart JS

JavaScript Re-arrangeable Dashboard

Example of a Dashboard with several channels which you can re-arrange with drag & drop and hide/show at will.

JavaScript Real-Time Multi Chart Dashboard

Intensive multi-channel real-time application example with LightningChart

JavaScript Multi Chart Canvas

Example of a freeform canvas where you can have any number of charts with free control over draw order and positioning

JavaScript Racing Dashboard

Motorsports industry inspired LightningChart JS real-time dashboard example

JavaScript Zoom Band Chart

This example shows the creation of a Zoom Band Chart.

JavaScript Box and Whiskers Chart

Example creates a traditional Box and Whiskers Chart using ChartXY, BoxSeries and PointSeries for outliers.

JavaScript Box And Violin Chart

This example shows usage of BoxSeries in extravagant manner.

JavaScript Chart Bands and Constant lines

This example shows usage of Bands and ConstantLines in XY Charts.

JavaScript Custom Cursor Chart

Example showcasing custom cursor implementation with LCJS UI

JavaScript Custom HTML Cursor Chart

Example showcasing custom cursor implementation with HTML & CSS

JavaScript On Screen Menu

On Screen Menu showcase

JavaScript Heatmap Grid Chart

Example showcasing simple usage of Heatmap Grid Series.

JavaScript Heatmap Mesh Chart

Example showcasing simple use-case for Mesh-type Heatmap

JavaScript Heatmap Spectrogram Chart

Example showcasing 2D audio analysis spectrogram with LightningChart JS

JavaScript Scrolling Heatmap Chart

Example showcasing simple usage of Scrolling Heatmap Grid Series

JavaScript Mesh Circle Chart

Example shows visualization of intensity in circle-based mesh chart.

JavaScript Spectrogram XY-Projection Chart

Example for Chart with 2D spectrogram + dynamic projections on mouse interaction.

JavaScript Sweeping Heatmap Chart

Example for Sweeping Heatmap Chart using HeatmapGridSeries

JavaScript Heatmap Bilinear Interpolation Chart

Example that showcases the pixel interpolation mode feature of 2D Heatmaps.

JavaScript 3D Scatter Chart

Example showcasing the use of 3D point series. Also known as scatter plot.

JavaScript 3D Line Series

Example showcasing the use of 3D Line Series.

JavaScript Spectrogram Box Series 3D

Example showcasing the use of BoxSeries3D to render a scrolling 3D spectrogram.

JavaScript 3D Simple Surface Mesh

Example showcasing simple usage of 3D Surface Mesh Series

JavaScript 3D Box Series rounded edges

Example showcasing simple usage of BoxSeries3D and the rounded edges feature.

JavaScript 3D Realtime Scatter Chart

Example showcasing the use of 3D point series in a high performance application, with constantly changing data.

JavaScript 3D Realtime Line Chart

Example showcasing the use of 3D line series in a high performance application, with constantly changing data.

3D LiDAR Park Visualization

Example showcasing visualization of a 3D LiDAR scanned park with over million data points

3D LiDAR Topography Visualization

Example showcasing the visualization of LiDAR scanned 3D topography

JavaScript 3D Surface Grid Chart

Example showcasing the Surface Grid Series feature of LightningChart JS.

JavaScript Audio Spectrogram 2D & 3D Chart

Example showcasing the Surface Scrolling Grid Series feature of LightningChart JS.

JavaScript Intensity Surface Grid Chart

Example showcasing the Surface Grid Series feature of LightningChart JS with separate data sets for height and Intensity

JavaScript Surface Partial Invalidation Chart

Example showcasing the partial data invalidation feature of Surface Grid Series

JavaScript Chunked Surface Grid Chart

Example showcasing how large Surface Charts can be loaded in several small parts instead of 1 large data set

JavaScript 3D Confidence Ellipsoid Chart

Example showcasing 3D variant of popular 2D statistics data visualization method of confidence ellipses

JavaScript 3D Surface Chart from Scatter Data

Example showcasing visualization of a 3D scatter data set using a Surface Chart

JavaScript 3D Surface Path Projection 2D

Example of a simple custom user interaction in a 3D surface chart

Polar Microphone Sensitivity JavaScript Chart

PolarChart showcase with LineSeries

JavaScript Polar Chart EM Field Strength

PolarChart showcase with AreaSeries

JavaScript Polar Heatmap Chart

Basic Polar Heatmap showcase

JavaScript Polar Radar Heatmap Chart

Polar Radar Heatmap example

JavaScript Real-Time Polar Sensor Chart

Example of Polar Sensor data visualization in real-time

Simple Map Chart Application

Simple overview of the Map Chart feature

Map Chart Dynamic Coloring

Example of using MapChart with real data set and dynamic region coloring

JavaScript Real-time Map Dashboard

Example on using MapChart with animated real-time data set

JavaScript Animated CoVID Vaccination Coverage Chart

Animated map chart that visualizes the progression of first round of CoVID-19 vaccination coverage per country

JavaScript Animated Geographical Temperature Chart

Example on geographical data visualization by laying a 2D heatmap over a picture of a map.

JavaScript Drill-Down CoVID Map Dashboard

In-depth example of map dashboard with data drill-down. Visualizes relations between CoVID vaccinations and cases

JavaScript Data Grid Crypto Dashboard

Example of Data Grid in Cryptocurrency Dashboard use case with drilldown.

JavaScript Monitoring Data Grid

Example of Data Grid in real-time monitoring use case.

JavaScript Monitoring Data Grid Heatmap

Example of Data Grid in real-time monitoring use case with dynamic cell coloring heatmap

JavaScript Histogram Chart

Example of a LightningChart JS Histogram chart.

Static 3D Mesh Model.

Example of a static 3D Mesh Model.

Dynamic coloring of 3D Mesh Model.

Example of realtime coloring a 3D Mesh Model.

EEG data visualization with 3D Mesh Model.

Visualization of EEG data with 3D Mesh Model and line charts

JavaScript TreeMapChart

Simple overview of the TreeMapChart.

TreeMapChart drill down

Drilldown TreeMapChart.

TreeMapChart Dynamic

Dynamic TreeMapChart.

JavaScript Gauge Chart

This example shows the new reworked gauge chart.

Gauge chart with value indicators

This example shows the use of value indicators in a gauge chart.

Gauge chart dashboard

This example shows gauge charts on a dashboard with real-time data.

Gauge chart dashboard 2

This example shows linear gauge charts on a dashboard with real-time data.

Basic Parallel Coordinate Chart

Basic example of Parallel coordinate chart feature

Heavy Data Set Parallel Coordinate Chart

Example of displaying a large data set with Parallel coordinate chart

Parallel Coordinate Chart with Color Lookup

Example of using the built-in color by value feature of Parallel coordinate chart

Parallel Coordinate Chart with Category/Datetime axes

Example of Category and Date-Time Axes with Parallel coordinate chart

Parallel Coordinate Chart with Value Thresholds

Example of common use case to display value thresholds on different axes. E.g. which value range is _bad_ and which is _good_.

Parallel Coordinate Chart + Range selector + Data Grid

Example showcasing Range Selectors feature

Real-Time Parallel Coordinate Chart

Example of changing Parallel coordinate chart data in real-time.

Parallel Coordinate Chart Dashboard

Example showcasing Range Selectors and Chart Interactions

Scrolling Heatmap Aggregation

Example showcasing Heatmap Aggregation

JavaScript 3D Time Series

Example showcasing the use of 3D Time Series.

JavaScript 3D Slicer

Example of interactive slicing of 3D chart with planes.

Scatter Chart with Integrated Zoom Overlay

Scatter chart example featuring an integrated zoom overlay.

SunBurst Chart

Simple SunBurst chart example.

SunBurst Chart Dashboard

Interactive SunBurst chart dashboard example.

JavaScript Drill-Down Nord Pool Map Dashboard

Interactive dashboard for the Nord Pool day-ahead market. Links geospatial overviews with deep statistics on regional energy production.

All Tags

Real-time scrolling

Real-time scrolling

Static data speed test

Static data speed test

Audio visualization

Audio visualization

JavaScript Line Chart

JavaScript Line Chart

JavaScript Scatter Chart

JavaScript Scatter Chart

JavaScript Spline Line Chart

JavaScript Spline Line Chart

JavaScript Point Line Chart

JavaScript Point Line Chart

1 Million Points JavaScript Line Chart

1 Million Points JavaScript Line Chart

JavaScript Step Series

JavaScript Step Series

JavaScript Point Clusters Chart

JavaScript Point Clusters Chart

Shared Axis Series App

Shared Axis Series App

JavaScript Microseconds Line Chart

JavaScript Microseconds Line Chart

Several AxesXY in single Chart

Several AxesXY in single Chart

Real-time data monitoring JavaScript Chart

Real-time data monitoring JavaScript Chart

Custom ticks on scrolling X Axis

Custom ticks on scrolling X Axis

JavaScript Time Ticks Chart

JavaScript Time Ticks Chart

JavaScript Scrolling Time Ticks Chart

JavaScript Scrolling Time Ticks Chart

JavaScript High Precision Axis Chart

JavaScript High Precision Axis Chart

JavaScript Confidence Ellipse Chart

JavaScript Confidence Ellipse Chart

JavaScript Large Scatter Chart

JavaScript Large Scatter Chart

JavaScript Large Line Chart

JavaScript Large Line Chart

Refreshing Spectrum Line JavaScript Chart

Refreshing Spectrum Line JavaScript Chart

JavaScript Flow Cytometry Chart

JavaScript Flow Cytometry Chart

JavaScript Chart with DateTime Axis

JavaScript Chart with DateTime Axis

DateTime Axis Origin

DateTime Axis Origin

JavaScript 2D Points Value Palette Coloring

JavaScript 2D Points Value Palette Coloring

JavaScript Decaying Line Chart

JavaScript Decaying Line Chart

JavaScript Ultra Precision Trend Chart

JavaScript Ultra Precision Trend Chart

JavaScript Office Layout Data Visualization Chart

JavaScript Office Layout Data Visualization Chart

JavaScript Temperature Anomaly Chart

JavaScript Temperature Anomaly Chart

JavaScript Visible Fitting Y Axis Chart

JavaScript Visible Fitting Y Axis Chart

Multi-channel real-time data monitoring JavaScript Chart

Multi-channel real-time data monitoring JavaScript Chart

JavaScript HTML Scroll Bars Dashboard

JavaScript HTML Scroll Bars Dashboard

JavaScript Logarithmic Line Chart

JavaScript Logarithmic Line Chart

JavaScript Grouped Bars with Logarithmic Y Axis

JavaScript Grouped Bars with Logarithmic Y Axis

JavaScript Sweeping Line Chart Dashboard

JavaScript Sweeping Line Chart Dashboard

JavaScript Dashed Line Prediction Chart

JavaScript Dashed Line Prediction Chart

JavaScript Dashed Spline Chart

JavaScript Dashed Spline Chart

JavaScript Threshold Line Chart

JavaScript Threshold Line Chart