Static data speed test
Measures the time (in milliseconds) required to visualize a Line Chart with 5 000 000 data points.
Result is shown on Chart.
Measures the time (in milliseconds) required to visualize a Line Chart with 5 000 000 data points.
Result is shown on Chart.
Example of using LightningChart to visualize a MP3 audio file in real-time.
Example visualization of large line chart (several million data points)
Lightning-fast Line Chart visualization over multiple channels that progress on the same X Axis
Intensive multi-channel real-time application example with LightningChart
Showcases how to fit a large number of charts into 1 by utilizing HTML scroll bars
Showcases simple real-time sweeping charts with LightningChart JS
This example shows the creation of a Zoom Band Chart.
Showcases sweeping ECG line chart with LightningChart JS
Example plotting a million data points using progressive Line Series.
Showcases Line Chart with refreshing data, where older samples are displayed for a while, slowly decaying out.
Visualization of Temperature Anomaly Index and CO2 amount for period from 1880 to 2020. Showcases animated video icons
Example showcasing Line Series feature for coloring line dynamically based on X coordinates
Example showcasing Line Series feature for coloring line dynamically based on Y coordinates
Example showcasing Line Series feature for coloring line dynamically based on separate Value data set
Example for Chart with 2D spectrogram + dynamic projections on mouse interaction.
Example showcasing logarithmic Axis with LineSeries.
Example showcasing use of DashedLine style in a chart with two time series trends along the same Y axis.
Example on how to deal with high-resolution data - for example, measurements in microseconds precision.
Example showcasing the use of Line Series. Also known as Line Graph and Line Chart.
This example shows different progressive data-patterns, scrolling strategies, custom axes and function generators inside a dashboard.
Lightning-fast Line Chart visualization over multiple channels that progress on the same X and Y Axes
Basic use of Point Line Series. Also known as a Line Series, Line Graph, Line Chart, and Line with Markers.
Example showing the use of a Step Series with different preprocessing modes. Also known as a Step Graph or Step Chart.
Example showing how to draw and style Spline Series.
Example showcasing simple usage of Heatmap Grid Series.
Example for Chart with 2D spectrogram + dynamic projections on mouse interaction.
This example showcases a real life application used in Fiber Analysis
Example showcasing 2D audio analysis spectrogram with LightningChart JS
Example showcasing simple usage of Scrolling Heatmap Grid Series
Example for Sweeping Heatmap Chart using HeatmapGridSeries
Example that showcases the pixel interpolation mode feature of 2D Heatmaps.
Example of using LightningChart PointSeries for an interactive Bubble Chart with individual point sizes and data grouping to different colors.
Example visualization of large scatter chart (> million data points)
Example showcasing visualization of XY confidence ellipse widely used in statistics field
Example showcasing a custom ChartXY interaction for highlighting selected data points
Dynamic 2D points coloring by arbitrary user data set.
Using a point series to display a Point Graph. Also known as a Scatter Graph, Scatter Series, Point Graph, Scatter diagram or Scattergram.
Example showing how to create clusters of differently colored points. Using Point Series.
Example of a Medical Dashboard with ECG/EKG, blood pressure, flow volume and oxygen saturation.
Showcases sweeping ECG line chart with LightningChart JS
Visualization of a Flow Cytometry data set (FSC + SSC properties)
Example showcasing 2D audio analysis spectrogram with LightningChart JS
This example shows a simulated electrocardiogram(ECG)-signal by using a Line Series in a XY Chart.
Example of Data Grid in Cryptocurrency Dashboard use case with drilldown.
Example of Data Grid in real-time monitoring use case.
Example of Data Grid in real-time monitoring use case with dynamic cell coloring heatmap
Example showcasing visualization of XY confidence ellipse widely used in statistics field
Example showcasing 3D variant of popular 2D statistics data visualization method of confidence ellipses
This example shows usage of BoxSeries in extravagant manner.
Grouped bars for better categorizing than normal bar chart. Also known as Multi-set and Clustered Bar Chart.
Horizontal variant of a Bar Chart. Also known as Bar Graph, Column Chart or Column Graph.
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.
Example creates a traditional Box and Whiskers Chart using ChartXY, BoxSeries and PointSeries for outliers.
Mosaic Chart can be used to compare observation counts of groups across different categories. Also known as Marimekko Chart.
Stacked Charts are a popular visual aid for comparing parts of a whole. Also known as Stacked Area Graph or Stacked Areas.
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.
This example shows different kinds of charts inside a dashboard.
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.
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.
Example showing a dashboard with multiple chart types and LegendBox Panel.
In-depth example of map dashboard with data drill-down. Visualizes relations between CoVID vaccinations and cases
Animated map chart that visualizes the progression of first round of CoVID-19 vaccination coverage per country
Example on geographical data visualization by laying a 2D heatmap over a picture of a map.
Example of using MapChart with real data set and dynamic region coloring
Example on using MapChart with animated real-time data set
Simple overview of the Map Chart feature
Example showcasing visualization of a 3D scatter data set using a Surface Chart
Example showcasing the Surface Grid Series feature of LightningChart JS.
Example showcasing the Surface Scrolling Grid Series feature of LightningChart JS.
Example showcasing the Surface Grid Series feature of LightningChart JS with separate data sets for height and Intensity
Example showcasing how large Surface Charts can be loaded in several small parts instead of 1 large data set
Example showcasing the partial data invalidation feature of Surface Grid Series
Example of using LightningChart PointSeries3D for an interactive 3D Bubble Chart with individual point sizes and data grouping to different colors.
Example showcasing simple usage of BoxSeries3D and the rounded edges feature.
Example showcasing the use of 3D point series. Also known as scatter plot.
Example showcasing the use of 3D Line Series.
Example showcasing the use of 3D point series in a high performance application, with constantly changing data.
Example showcasing the use of 3D line series in a high performance application, with constantly changing data.
Example showcasing the use of BoxSeries3D to render a scrolling 3D spectrogram.
Basic usage of a Monopolar Area series. Also known as a Area Graph or Area Chart.
Example showcasing basic use of an Area Range Series. Also known as a Area Graph, Area Chart or Range Area Chart.
Basic usage of Bipolar Area Series. Also known as a Bubble Series, Bubble Chart and Bubble Graph.
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.
Stacked Charts are a popular visual aid for comparing parts of a whole. Also known as Stacked Area Graph or Stacked Areas.
The example shows the basic usage of Area Range series to display variation in temperature.
Example of a dynamic Histogram.
Example of a Histogram visualization using the Bar Chart.
Bar chart race shows the dynamics of the Covid-19 spread.
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.
Horizontal variant of a Bar Chart. Also known as Bar Graph, Column Chart or Column Graph.
Grouped bars for better categorizing than normal bar chart. Also known as Multi-set and Clustered Bar Chart.
This example shows the creation of a Stacked Bars Chart with LightningChart JS.
Example showcasing grouped bars chart with Logarithmic Y Axis
Also known as a Range Bar, Column Graph, Floating Bar Graph, Difference Graph, High-Low Graph.
Mosaic Chart can be used to compare observation counts of groups across different categories. Also known as Marimekko Chart.
Example of Polar Sensor data visualization in real-time
Polar Radar Heatmap example
PolarChart showcase with LineSeries
PolarChart showcase with AreaSeries
Basic Polar Heatmap showcase
Pie Chart (or a Circular Chart) is a chart used to show statistical graphic.
This example shows the basic use of Spider Chart. Also known as Radar Chart, Web Chart, Polar Chart, Star Series.
This example shows solid gauge chart.
Donut Chart is a variation of Pie chart - functionally it's the same, visually it's only missing the center.
This example shows creation of a Radar Chart with animated transitions by using a suitably styled SpiderChart.
Example showcasing the use of Lookup Table with a Pie Chart.
This example shows different kinds of charts inside a dashboard.
Shows how to combine multiple series in to one chart.
Example showcasing the TimeTickStrategy feature with scrolling data and axis
Example for creation of a DateTime Axis. DateTime axis can present time.
Example showcasing the High Precision Axis XY feature which allows zooming of microseconds precision without any dirty data transforming
Custom tick positioning logic on a scrolling Axis.
Several AxesXY chart can be used to compare or see several graphs.
Example how Y axis fitting to visible data can be achieved in scrolling line chart applications
Example of a Dashboard with several channels which you can re-arrange with drag & drop and hide/show at will.
Showcases how to fit a large number of charts into 1 by utilizing HTML scroll bars
Example on how a dynamic chart dashboard can be created with LightningChart JS
Example for a dashboard with multiple progressive channels of data. Using progressive Line Series.
This example shows the creation of a Zoom Band Chart.
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.
This example shows different kinds of charts inside a dashboard.
Example showing a dashboard with multiple chart types and LegendBox Panel.
This example shows different progressive data-patterns, scrolling strategies, custom axes and function generators inside a dashboard.
This example showcases a real life application used in Fiber Analysis
This example shows series/axes progressing to all kinds of directions inside a dashboard.
This example shows the creation of a Zoom Band Chart.
Example showcasing use of ConstantLine and DashedLine style in a threshold indicator.
Example showcasing use of DashedLine style to reflect a projected (or predicted) time trend.
Example showcasing LightningChart interactions with external images and icons in context of office layout data visualization.
Example showcasing custom cursor implementation with HTML & CSS
This example shows usage of Bands and ConstantLines in XY Charts.
This example shows usage of different Markers of the ChartXY environment.
On Screen Menu showcase