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.
Integrates with all Highcharts charting libraries and most major frameworks
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.
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.
Popular Dashboards 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. Our well-organized documentation keeps the learning curve short, and our simple configuration options and variable-driven CSS make it easy to customize and integrate Highcharts Dashboards into your existing applications. No proprietary editors. You control the code.
Pre-built Components
Highcharts Dashboard includes pre-built charts, KPI and data grid components, all configurable via the same JavaScript options structure used by all Highcharts charting libraries.
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.
Why Highcharts Dashboards?
Highcharts Dashboard will significantly enhance your dashboard development process, making it more efficient, secure and user-friendly.
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 to supercharge your dashboard.
How Highcharts Dashboards Works:
Get the Libraries
Install Highcharts Dashboards via npm or use our CDN to access the code directly. Check out our download page for more details
Highcharts
Core
Highcharts
Dashboards
Accessibility
Module
Configure your Data Pool & Connectors
The data pool centralizes your data and data management, and data connectors manage data transactions, such as server polling and column order. Use our pre-defined Google Sheets, CSV, JSON and HTML Table connectors to connect your data, or define your own connectors.
Define your Dashboard Layout
Specify the size of individual cells in absolute values or percentages in your dashboard configuration, and our layout engine will place components where they need to be. Our configuration options make it easy to create and manage nested layouts as well.
Configure & Connect Components
Configure our pre-defined components or build your own custom components and link them to your data connectors. Specify the behaviors you want to synchronize across components. Then connect your components to your layout.
Launch your Dashboard
Integrate your dashboard configuration with an existing application or a stand-alone web page. Once published, end users can change the size of rows and individual components with our user-friendly Edit Mode and rearrange components via intuitive drag and drop controls.