Hello, in this article we will create a JS dashboard with 2D and 3D spectrogram charts.

The purpose of creating this project is to explain how to create a vibration analysis application that allows us to check sound waves using 2D and 3D spectrogram charts that LightningCharts JS provides us with its lcjs library.

Vibration analysis is of great importance in detecting errors and/or faults in industrial equipment (just to mention one example).

I once worked in the industry and I remember that it was possible to detect failures in relief valves, air coolers, and compression elements, simply by listening to the intensity of the sound they generated.

With the chart that we are going to build next, we will see an audio file corresponding to a similar case.

LightningChart is an API focused on data representation, using a wide variety of charts (2D and 3D), with an intuitive implementation and wide compatibility with various development platforms.

There are currently two solutions for developing with LightingCharts.

• LightningChart .NET for desktop applications (supports WPF, UWP, and WinForms)
• LightningChart JS for web, mobile, and desktop applications.

Today, we are going to do a short tutorial on how to generate a pie chart using Node JS, TypeScript, and LigningCharts JS.

To see how to get LightningChart JS for free, visit the Community license page.

Embedding charts within PowerPoint presentations has always been possible but perhaps one of the most ignored possibilities is actually embedding web applications directly in the presentation sheets.

Did you know this was possible?

These days it is ever increasingly common that people require web solutions for their applications and services.

Data visualization is not an exception to this, as different graphs, visuals, and charts are continuously being integrated into different web applications and sites.

This blog looks into the interesting use case of real-time data visualization with a large scope, including the logistics of data transfer.

This article showcases and describes a particular use case of LightningChart JS, a JavaScript charting tool designed for performance intensive and real-time charting solutions.

The Google Static Maps API is a software service that makes it easy to embed pictures of maps into web sites. We're going to briefly show how to use the Maps API and combine it with LightningChart JS, allowing the use of any XY data visualization feature above the maps.

I was doing a Google search a couple of days ago and particularly, I wanted to know what are the options for developers who need to visualize large amounts of data points within applications. To my surprise, I couldn't really find that many solutions, and in fact, most of the results I got were from already many years ago.

But there was one result that grabbed my attention and it was a Reddit post about a user asking how to plot billions of data points? While other users replied saying "try using Power BI or Excel", other users suggested workarounds like using a Pandas DataFrame in the Python environment in order to store and manipulate data. But the user who posted the question didn't want to store and manipulate data, the user wanted to visualize the data!

So, how to visualize billions of data points and why would you do that? 

Money makes the world go round and as such, tracking and controlling financial transactions and information are some of the most important activities to do for any business, financial institution, or individual in today's connected world. And for that, you've got Fintech applications.

Depending on the purpose, Fintech applications may have different features that make them relevant for users. For example, stock market applications usually feature high-performance technical indicators to visualize and monitor measures such as price changes and market indexes while banking applications might allow private users to track their expenses and apply for credits without having to put a foot in the bank.

React is one of the most popular front-end development frameworks on the web in the year 2021. It is a free and open-source front-end JS library that is used to build interactive user interfaces for Single Page Applications (SPAs).

(Its rising popularity comes from the fact that it can be used by a user with a basic understanding of HTML and JavaScript!)

But not only that, React data visualization becomes efficient with its distinct features such as virtual DOM and JSX. Visualizing a large amount of data can be a tedious task!

This is a quick technical look into some interesting features of LightningChart JS XY charts and how to create an embedded scatter chat and add custom interactions to it using LightningChart JS.

LightningChart JS is the top contestant for next-generation data visualization tools for web and mobile applications. From the start, it has been engineered to deal with maximum-size data sets and stressful usage cases.

With already 21 versions out, we have come a long way from where we started. Now would be a good time to reflect on why is LightningChart JS revolutionary?