Highcharts® Dashboards

Don’t start from scratch. With built-in data synchronization, ready-made components and completely customizable options, Highcharts Dashboards does all the heavy lifting out of the box, saving you valuable time on your dashboard projects.

Try for Free

Buy Now

Popular Dashboard Demos

Made by Developers for Developers

Don’t waste time coding from scratch. Highcharts Dashboards is a development library pre-loaded with time-saving features that will save you hours of development time on your dashboard projects.

Flexible
Framework

Use our framework to set up a functioning, responsive, dashboard in minutes with minimal effort. Check out our demos and set-up docs.

Popular Frameworks

Highcharts Dashboards is framework agnostic, and integrates nicely with popular frameworks such as React, Angular and Vue. Check out the docs.

Built-in Data Synchronization

Connect data from multiple external sources and Highcharts Dashboards will store and distribute them in a data table. When the data changes, so do your components, keeping everything in sync, no extra work necessary.

Out-of-the-box Responsiveness

Highcharts Dashboards uses a layout engine based on Flexbox, ensuring components and layouts adjust dynamically and reliably on all modern browsers when the dashboard container resizes.

Completely Customizable

Our simple configuration options and variable-driven CSS make it easy to theme Highcharts Dashboards to fit your application and brand. No proprietary editors or ugly hacks. You control the code.

Self-hosted and Secure

Unlike low or no-code dashboards that host your data offsite, Highcharts Dashboards is a completely self-hosted solution that poses zero risk to the integrity and privacy of your data.

Edit Mode for
End-Users

In Edit Mode, dashboard users can rearrange components via drag and drop, and intuitively adjust the dimensions of rows and components without needing a developer.

Integrates with Highcharts

Highcharts Dashboards integrates seamlessly with all Highcharts data visualization libraries. Utilize all Highcharts charting methods and tools inside your components.

How Highcharts Dashboards Works

1.
Install via npm or use our CDN. See all download options.
2.
Centralize data access by connecting your data sources to the data pool. Use our pre-built connectors or build your own.
3.
Define your layout with our Flexbox-based layout engine that calculates the position of components and automatically puts them where they need to be.
4.
Connect your components to your data pool and layout. Once connected, you can specify the behaviors you want to sync across components.
5.
Launch your dashboard within an existing app or as a stand-alone web page. Once live, end users can rearrange components via intuitive drag and drop.

Explore full documentation

See all Dashboards demos

Investment screener

Highcharts Grid Pro for Dashboards

Highcharts Grid Pro is a powerful, lightweight, fully customizable solution for managing and visualizing tabular data. It works great on its own, but it really shines when used as part of a Highcharts Dashboards. Use them together to organize, explore and present complex data.

Explore Grid Lite

See Grid demos

Highcharts® Dashboards

Popular Dashboard Demos