KPI Dashboard: Definition, Examples, and Templates

A KPI Dashboard is a visual tool that tracks your most important business metrics in real time. It helps teams monitor progress, identify trends, and make faster decisions. Below, you’ll find clear definitions, real-world examples, and free templates to create your own KPI dashboard.

What is a KPI Dashboard

A KPI dashboard is a visual reporting tool that helps businesses track, measure, and analyze key performance indicators in real time. By bringing critical metrics such as revenue growth, operational efficiency, customer performance, and financial health into a single interactive view, a KPI dashboard enables faster and more informed decision-making. Instead of working with scattered reports or spreadsheets, teams can monitor trends, identify issues early, and align performance with business goals using a centralized KPI dashboard. Modern KPI dashboards also support automation, real-time data updates, and customizable visualizations, making them essential for data-driven organizations.

KPI Monitoring: Stay on Top of Performance

Effective KPI monitoring is a core benefit of using a KPI dashboard. With real-time tracking and alerts, teams can consistently monitor key performance indicators across departments. KPI monitoring helps you spot trends early, measure progress against goals, and respond faster to changes, enabling better decision-making.

Why KPI Dashboards Matter in 2026?

A KPI dashboard is a tool that designed to help businesses in tracking, measuring, and easily comprehending key performance indicators (KPIs). KPIs are metrics that help organizations measure progress towards their strategic goals and objectives. A KPI dashboard typically gathers data from various sources and presents it in an organized and visually appealing format, allowing users to quickly and easily identify trends, patterns, and areas for improvement.

The main objective of a KPI dashboard is to provide a quick and a comprehensive view of an organization's performance at a glance. It allows users to monitor the progress of their KPIs in real-time, compare performance over time, and analyze data to identify insights and opportunities. This can be especially useful for businesses that operate in fast-paced environments, where quick decision-making is critical.

In 2026, businesses face more data complexity than ever before. Companies are no longer relying on quarterly reports or manual spreadsheets to understand performance. Real-time decision-making has become essential, and KPI dashboards provide the visibility leaders need to stay agile in fast-changing markets. Whether it’s tracking revenue growth, monitoring customer satisfaction, or optimizing supply chain efficiency, dashboards turn raw numbers into actionable insights.

Another reason KPI dashboards matter today is the rise of AI and automation. Modern dashboards aren’t just static reports — they integrate predictive analytics, natural language queries, and smart alerts. This means a manager can simply ask, “How are sales trending this month?” and receive instant insights without digging through reports. Teams can also spot risks early, such as cost overruns or churn signals, and act before problems escalate.

Finally, KPI dashboards are becoming a strategic alignment tool/=. In distributed and hybrid workplaces, everyone needs to see the same version of the truth. Dashboards bring transparency by aligning executives, managers, and frontline teams around shared goals. In 2026, when competition is global and margins are tight, this alignment isn’t just helpful — it’s a competitive advantage.

Key Benefits of KPI Dashboards in 2026

• Real-Time Decision-Making – Get instant visibility into performance trends without waiting for monthly or quarterly reports.
• AI-Driven Insights – Use natural language queries, predictive analytics, and automated alerts to detect opportunities and risks faster.
• Team Alignment – Ensure executives, managers, and frontline staff work toward the same goals with a single source of truth.
• Data Integration – Combine information from finance, operations, marketing, and customer systems into one unified view.
• Proactive Problem-Solving – Spot inefficiencies, cost overruns, or customer churn signals before they escalate.
• Scalability – Adapt dashboards as business needs evolve, whether for startups, enterprises, or hybrid teams.
• Competitive Advantage – In a global, data-driven economy, fast and accurate insights help organizations outperform rivals.

Types of KPI Dashboards in 2026

KPI Dashboards come in different types depending on the department, audience, and business objective. Choosing the right KPI Dashboard ensures that leaders and teams focus on the most relevant metrics. Below are the four most widely used categories of KPI Dashboards in 2026, each helping organizations track, analyze, and optimize performance effectively.

1. Financial KPI Dashboards

Financial KPI Dashboards give executives and finance teams a clear view of company health. These dashboards highlight metrics such as revenue growth, profit margins, operating expenses, ROI, and cash flow. With AI-driven forecasting and trend analysis, financial dashboards help CFOs and decision-makers anticipate risks, improve budget allocation, and ensure compliance with accounting standards. In 2026, real-time financial dashboards are essential for managing uncertainty and making smarter investment decisions.

2. Sales KPI Dashboards

Sales KPI Dashboards track performance across sales funnels, pipelines, and team productivity. Key metrics include leads generated, conversion rates, average deal size, sales cycle length, and quota attainment. By integrating with CRM tools, modern sales dashboards provide predictive sales insights, highlight bottlenecks in the funnel, and improve forecasting accuracy. AI-powered dashboards also allow sales leaders to identify top-performing reps and refine strategies for faster revenue growth.

3. Marketing KPI Dashboards

Marketing KPI Dashboards focus on measuring campaign effectiveness and customer engagement. These dashboards showcase metrics such as website traffic, cost per lead (CPL), customer acquisition cost (CAC), return on marketing investment (ROMI), and social media engagement. In 2026, marketing dashboards leverage AI-driven sentiment analysis and cross-channel attribution to show marketers which campaigns deliver the highest ROI. This empowers CMOs and marketing teams to optimize budgets and personalize campaigns for maximum impact.

4. Operations KPI Dashboards

Operations KPI Dashboards provide visibility into day-to-day efficiency, resource utilization, and process performance. Common metrics include order fulfillment time, production costs, supply chain delays, employee productivity, and customer service response times. Modern operations dashboards integrate with ERP and logistics systems to provide real-time alerts and predictive analytics. By using AI to detect anomalies and bottlenecks early, organizations can minimize downtime, reduce costs, and enhance customer satisfaction.

Each of these KPI Dashboard types plays a unique role in driving business success. When combined into a unified performance management strategy, they help organizations in 2026 stay agile, data-driven, and competitive in a rapidly changing global economy.

KPI Dashboard Examples

KPI Dashboard examples help businesses understand how to track and visualize performance effectively. A financial KPI dashboard may highlight revenue, expenses, and profit margins, while a sales dashboard tracks leads, conversions, and quotas. Marketing dashboards focus on campaign ROI, engagement, and traffic sources, whereas operations dashboards measure efficiency, supply chain metrics, and customer support. Reviewing these examples helps organizations choose the right KPIs and design dashboards that align with strategic goals.

Free KPI Dashboard Templates

Free KPI Dashboard templates give teams a fast way to get started without building from scratch. Whether you need an Excel KPI template, Google Sheets dashboard, or a pre-built Dashboard Builder template, these resources make it simple to plug in data and visualize results. Templates often include charts for sales, finance, operations, and marketing, making them a practical tool for businesses of all sizes. By starting with templates, organizations save time and can quickly customize dashboards to fit their needs.

Best Practices for Building a KPI Dashboard

When building a KPI Dashboard, following best practices ensures accuracy and usability. Begin by defining clear objectives and selecting only the most relevant KPIs (typically 5–10). Use a clean and intuitive layout with charts that highlight trends, comparisons, and targets. Always add context by showing historical performance or industry benchmarks. Ensure that dashboards are accessible across devices and provide options for real-time updates. Finally, include role-based views so executives, managers, and staff can all see what matters most to them.

KPI Dashboard Tools (DashboardBuilder vs Others)

Choosing the right KPI Dashboard tool is critical for long-term success. DashboardBuilder stands out by offering on-premise, desktop, and cloud-based options, with drag-and-drop simplicity and robust data integration. Unlike many other tools that are either too expensive or require coding skills, DashboardBuilder is designed for both IT professionals and business users. While other tools like Power BI, Tableau, and Google Data Studio offer advanced features, they may come with higher costs and steeper learning curves. DashboardBuilder balances affordability, ease of use, and flexibility, making it a strong choice for organizations at any stage of growth.

How to Create a KPI Dashboard with Dashboard Builder

In this section, we will be creating a KPI dashboard using our drag and drop tool and generate PHP code for our KPI matrics without any assistance of IT.

Requirements:

• PHP Version 7.2 or later
• Apache or Nginx
• Windows, Linux or Ubuntu
• Firefox 52, Chrome 57, IE 8
• KPI Dashboard. Available for downloading

Installation

• You can download KPI Dashboard software tool from KPI Dashboard software
• Place the files in a directory on the web server. e.g. …/www/yoursite/dashbboardbuilder-v33-FREE/
• Unzip the file dashboard using Extract Here option to the root folder of "dashboardbuilder"

How do I create a KPI dashboard?

Making a dashboard KPI is not a challenging anymore. Any one who even doesn't have computer literacy can make dashboard KPI by following the below three effortless steps

3 simple and effortless way to generate amazing KPI dashbaords

STEP-1: Retrieve your data from your data source

The KPI Dashboard software tool tool which we are using to create KPI metrics supports a great number of data sources and all major databases such as MySQL, MS SQL, SQLite, PostgreSQL, Sybase, and Cuboid to retrieve the data and create dynamic sunburst chart. But this is not the limit, if you have data in Excel or in a CSV file, this great KPI dashboard software tool is also able to fetch data from these sources using the upload sub-tab as shown in the picture below.

• Run the web folder in your browser. e.g. http://localhost/dashboardbuilder following welcome screen will appear.





• Now Click the Database icon
• Following screen will appear. In our KPI dashbaord example, we will use a sample MS Excel file called sales-2019.xls to retreive the data. Now, Select MS Excel file from your computer and Save changes as mentioned in the screen.

• When you click the Save changes , a green tick mark with Excel icon will appear that shows that your Excel file is successfully uploaded and connected.

Step-2 Setting your chart preference

With this great dashboardbuilder tool you have the freedom to select your data for ids, parents and label nodes in a single click.

• To do so, select the gear icon for your Dashboard preference.

Step-3 Setting your KPI dashboard

• The following screen will appear showing the data fetched from the Excel file.

• Now, select "Sunbursr" chart from the drop down list of type
• Select "ids" from the drop down list of Ids
• Select "parent" from the drop down list of Parent
• And select "label" from the drop down list of Label
• Click Save Changes

• You may adjust the size and the position of the Chart Panel by draging it's corncer.

• Now Click the Generate   button

• PHP code for your KPI dashboard will automatically generate, which can be copy past to your PHP application.

<?php
/**
 * DashboardBuilder
 *
 * @author Diginix Technologies www.diginixtech.com
 * Support  - http://www.dashboardbuilder.net
 * @copyright (C) 2019 Dashboardbuilder.net
 * @version 3.3
 * @license: This code is under MIT license, you can find the complete information about the license here: https://dashboardbuilder.net/code-license
 */

include("inc/dashboard_dist.php");  // copy this file to inc folder 


// for chart #1
$data = new dashboardbuilder(); 
$data->type[0]=  "gauge";

$data->xaxis[0]="2019","Jan","Feb","Mar","Wk1Feb","Wk1Jan","Wk2Jan","Wk1Mar","Wk2Mar","Wk3Mar","25249","93577","41118","56682","69281","88575","95825","27160","58219","57389","12312","43212","48988","58792","12398"]; 
$data->yaxis[0]="","2019","2019","2019","Feb","Jan","Jan","Mar","Mar","Mar","Wk1Jan","Jan","Wk2Jan","Wk2Jan","Wk2Jan","Wk1Feb","Wk1Feb","Wk1Feb","Wk1Mar","Wk1Mar","Feb","Wk3Mar","Wk3Mar","Wk3Mar","Wk3Mar"];

$data->size[0]= ["2019","Jan","Feb","Mar","Wk1","Wk1","Wk2","Wk1","Wk2","Wk3","AFR","Wk3","AFR","AMER","ASIA","AFR","AMER","EUR","AFR","AMER","Wk2","AFR","AMER","ASIA","EUR"];


$data->name = "0";
$data->title = "";
$data->orientation = "v";
$data->xaxistitle = "";
$data->yaxistitle = "";
$data->showgrid = "true";
$data->showline = "true";
$data->height = "380";
$data->width = "";
$data->col = "0";
$result[0] = $data->result();

?>

<!DOCTYPE html>
<html> 
<head> 
	<script src="assets/js/dashboard.min.js"></script> <!-- copy this file to assets/js folder --> 
	<link rel="stylesheet" href="//maxcdn.bootstrapcdn.com/bootstrap/3.2.0/css/bootstrap.min.css"> <!-- Bootstrap CSS file, change the path accordingly --> 

<style>
@media screen and (min-width: 960px) {
.id0 {position:absolute;margin-top:67px;}

}
.panel-heading {line-height:0.7em;}
#kpi {font-size:34px; font-weight:bold;text-align:center;}
#kpi_legand {font-size:11px; color:#999;text-align:center;}
</style>


</head>
<body> 

<div class="container-fluid main-container">
<div class="col-md-12 col-lg-12 col-xs-12">
<div class="row">
<div class="col-md-4 col-lg-4 offset-md-4 offset-lg-4 col-xs-12 id0">
<div class="panel panel-default">
<div class="panel-heading">Gauge Chart</div>
    <div class="panel-body">
        <?php echo $result[0];?>
    </div>
</div>
</div>
</div>
</div>
</div>
</body>

TL;DR: Why KPI Dashboards Matter in 2026

KPI Dashboards in 2026 are essential for real-time decision-making, AI-driven insights, and team alignment. They integrate financial, sales, marketing, and operational data into one view, enabling proactive problem-solving and giving businesses a competitive edge. Tools like DashboardBuilder make it simple and cost-effective to build powerful dashboards without coding.

Get your KPI dashboard software free

In this KPI dashboard example, we have gone through with various features supported by KPI dashboard and how to create a dynamic dashboard using the KPI dashboard with a drag and drop tool which is based on Bootstrap framework and gives you the freedom of using KPI dashboard template without any restriction. KPI dashboard freeware offers both KPI dashboard free and paid plans. This KPI dashboard software free version also be found on GitHub under this license for KPI dashboard Open Source Community.

Best of all, with our Standard and Enterprise licenses include 100% source code, for you to enhance the functionality or incorporate KPI Dashboard into your web application or any other software solutions/products, analytics/data science/data warehouse enterprise systems or Joomla, Wordpress or Drupal sites.

All editions of our KPI Dashboard app series are still fully functional, for sale and supported and provides increasing levels of support to address the queries of users and developers. KPI Dashboard can also be implemented using our online KPI library dashboard call the API, where you don’t have to worry about the installation, setup, configuration and other basic requirements of web server. The online API uses universal HTML code which can be used in any platform. The data will be added or retrieved from the database using the API. You may find more information about the Online KPI Dashboard.

You may want to take a look at our complete documentation and video tours of the latest version along with a live tour of user interface and step by step instructions for performing key features.KPI software free download and for using online KPI dashboard free are available at the following links

About the Author

Jason Carter is an AI & Data Scientist, Diginix Technologies with over a decade of experience in IT strategy, governance, and digital transformation. He has led large-scale technology projects in banking, healthcare, and higher education, and currently contributes to DashboardBuilder.net, helping businesses unlock data-driven growth through KPI Dashboards and AI-powered analytics.

What is an Online Dashboard?

An Online Dashboard is a web-based tool that enables users to design and display data-driven dashboards using a graphical user interface (GUI). Without requiring any software installation, users can log in via a web browser to access and manage their interactive dashboards from anywhere.

Why Choose an Online Dashboard?

Unlike traditional desktop applications, an Online Dashboard provides flexibility, real-time data visualization, and easy accessibility. With cloud technology, users can create, update, and share dashboards effortlessly. Whether you’re an individual or a business, an online dashboard helps you track key performance indicators (KPIs) in real time.

A Cloud-Based Dashboard Builder by Dashboard Builder

The Online Dashboard is a cloud-based, free version of our Dashboard Builder software. This web-based dashboard tool allows users to access dashboards from any internet-connected device. Additionally, users can embed their dashboards into websites or applications using universal HTML code, enabling seamless integration with APIs and third-party tools.

Benefits of Using an Online Dashboard

• Accessibility: Access your dashboard from anywhere with an internet connection.
• No Installation Required: Use it directly through your web browser.
• Real-Time Data Visualization: Track and monitor your data with live updates.
• Easy Integration: Embed dashboards into websites and web applications.
• Cost-Effective: Enjoy a free trial with no upfront licensing fees.

Save Money with a SaaS-Based Online Dashboard

Our Online Dashboard operates as a Software as a Service (SaaS) application, meaning you don’t have to worry about license fees. With flexible subscription plans, you can upgrade or downgrade your plan based on your needs.

Data Security & Privacy in an Online Dashboard

We prioritize data security with industry-standard encryption, secure access protocols, and regular backups. Your data is protected with stringent security measures, including physical security practices, network security, redundancy, and business continuity protocols.

Getting Started with an Online Dashboard

Setting up your first Online Dashboard is simple. Our intuitive drag-and-drop interface allows you to build interactive dashboards within minutes. Once created, you can generate a universal HTML code to embed the dashboard into your web application.

System Requirements for Running an Online Dashboard

The Online Dashboard runs on all SVG-compatible web browsers, ensuring smooth functionality across different devices and platforms.

Online Dashboard Examples

Before connecting a database and visualizing data, ensure you have the necessary login credentials. Our Online Dashboard offers both free and paid plans, including a 14-day free trial—no credit card required. You can sign up using Google, Facebook, or LinkedIn for a seamless experience.

If you haven't already signed up, please Sign Up and start building your first online dashboard today.

Step-1: Enter your domain information.

You need to tell the online dashboard where you are going to embed the universal code. If you don't intend to use embed code then you may skip this step.

Extend the preferences menu and click on Domain Information after signing up with your online dashboard. Enter your website domain only, you don't need to enter any folder or sub-folder if you intend to execute your dashboard script from there. If you are using a sub-domain, then enter domain along with your sub-domain name, for example, http://subdomain.example.com

You may also need to enter your business name, business type, language (currently the online dashboard supports English language only) and your business email address along with your domain information. Click update to save your information.

Step-2: Launch online dashboard

On the left navigation menu, click the Launch dashboard button to launch the online dashboard

STEP-3: Connect with your Database

• Access the web folder in your browser. e.g. http://localhost/dashboardbuilder following welcome screen will appear.



• This is the main panel of the online dashboard. This is a HTML5 based fully responsive interface built in PHP, HTML, JavaScript and CSS. The interface has a minimal design with a drag-and-drop feature that allows you to add multiple chart panel to customize the dashboard on according to the way you want.
• Now Click the Database icon
• Following screen will appear. In our online dashboard example, we will use the sample SQLite database called Northwind.db to connect and fetch the data. Now, Select Database from data source tab. Select SQLite from the drop down list of Database, Enter your "../data/Northwind.db" in the DB name field and Save changes as mentioned in the screen.

• When you click the save changes, a green tick mark with Database will appear that shows that your database is successfully connected.

If you see a red cross sign that means the connection with database is unsuccessful. Make sure that your database is accessible remotely to %.dashboardbuilder.net

Go to your Cpanel and click the Remote MySQL link under the Databases tab

Enter %dashboardbuilder.net in the host field and click Add Host button

STEP-4: Chart settings

• In our next step, we will fetch data from the database we have just connected. Select the gear icon for your Chart preference.

• The following screen will appear. List of the tables from Northwind.db will appear on the table list as shown in the picture below.

STEP-5: SQL statements

• In our example, we will be creating a simple application using the universal HTML code for our sales management. This online dashboard will contain a chart where users can find the sales stats and maintain the data about the products.
• Now, enter the following SQL statement in text box in a following manner

SELECT strftime('%Y-%m',o.shippeddate) as xaxis, sum(d.quantity) as yaxis from `order details` d, orders o where o.orderid = d.orderid group by strftime('%Y-%m',o.orderdate) limit 50

• Now, we want to execute our query and fetch the data from the tables. Click the Run Query button

• Query Result will appear. Now, we have to assign x-axis data to the x-axis column and y-axis data to the y-axis column. Select your x-axis data from the drop down list of X and y-axis data from the drop down list of Y .
• Click Save Changes

• Charts will be appeared on the screen as shown below.

STEP-6: Adjust the position

• You may adjust the size and the position of the Chart Panel by dragging its corner. The size and position are fully responsive according to the Bootstrap framework

STEP-7: Universal code generation

• So far we have successfully build our dashboard. In this step we are going to generate the universal HTML code for dashboard we have just created. Click the Generate   button to auto-generate HTML code for our dashboard. This universal HTML code can be embed to anywhere in any platform. Click here for Online Dashboard Examples

Auto-generated universal HTML code

Following is an example of auto-generated universal HTML code. You may copy & paste the following code in your web application.

<!--
 * DashboardBuilder
 *
 * @author Diginix Technologies www.diginixtech.com
 * Support  - https://www.dashboardbuilder.net
 * @copyright (C) 2016-2021 Dashboardbuilder.net
  @version 4.2
 * @license: This code is under MIT license, you can find the complete information about the license here: https://dashboardbuilder.net/code-license
 *
 * for auto layout use autolayout=true
 -->
 <div class="mychart">
 <object type="text/html" data="https://cloud.dashboardbuilder.net/apps-63/?param=JmZpbGU9bXljaGFydCZtZW1iZXJJRD0yMSZodG1sPXRydWU=" style="width:100%; height:100%;"></object>
 </div>

This auto-generated HTML code is under MIT license, which you may customize as per your desire needs and can be used an anywhere you want. You can find the complete information about the license here

PHP Sunburst chart overview

PHP Sunburst chart displays hierarchical data through a series of circles, which are carved for each node. Each circle links to a level in the hierarchy. The central circle representing the root and the hierarchy moving outwards from it.

PHP sunburst chart with multiple levels of categories shows how the outer circles the child relate to the inner circles the parent.

Create sunburst chart in PHP

In this tutorial, we will be creating PHP Sunburst chart using our drag and drop tool and generate PHP code for our Sunburst chart without programming

Understand your data

The data must be sliced up and divided based on their hierarchical relationship to the parent. The degree of each slice is either divided equally under its parent node or can be made proportional to a value.

Prerequisite

Your data can be stored and retrieved from CSV, Excel, MySQL, MS SQL, PostgreSQL, Sybase, Cubrid & SQLite and should be in the following manner:

Requirements:

• PHP Version 7.2 or later
• Apache or Nginx
• Windows, Linux or Ubuntu
• Firefox 52, Chrome 57, IE 8
• Dashboard Builder. Available for downloading

Installation

• You can download sunburst chart illustrator tool fromsunburst chart illustrator tool
• Place the files in a directory on the web server. e.g. …/www/yoursite/dashbboardbuilder-v33-FREE/
• Unzip the file dashboard using Extract Here option to the root folder of "dashboardbuilder"

Sunburst chart illustrator

The dashboard builder is one of the great sunburst illustrator tool is using Bootstrap framework, D3.js and HTML5 which gives you a fully responsive, dynamic and rotate sunburst chart. With these great Sunburst illustrator tool you can create interactive database driven HTML5 and D3.js based dynamic sunburst chart and auto generate source code for your PHP application in few clicks. The sunburst charts crated with this great tool are fully responsive and fit to any device you use. You can retrive your sunburst chart from anywhere, any time on any standard browsers using any device such as PC, tablet or mobile phone.

PHP Sunburst Chart Examples

STEP-1: Retrieve your data from your data source

The dashboard builder tool which we are using to create our sunburst chart has the great number of data source and supports all major databases such as MySQL, MS SQL, SQLite, PostgreSQL, Sybase, and Cuboid to retrieve the data and create dynamic sunburst chart. But this is not the limit, if you have a data in Excel or in CSV file, this great sunburst illustrator tool also able to fetch data from these sources using the upload sub-tab as shown in the picture below.

• Run the web folder in your browser. e.g. http://localhost/dashboardbuilder following welcome screen will appear.





• Now Click the Database icon
• Following screen will appear. In our Sunburst chart example, we will use a sample MS Excel file called sales-2019.xls to retreive the data. Now, Select MS Excel file from your computer and Save changes as mentioned in the screen.

• When you click the Save changes , a green tick mark with Excel icon will appear that shows that your Excel file is successfully uploaded and connected.

Step-2 Setting your chart preference

With this great dashboardbuilder tool you have the freedom to select your data for ids, parents and label nodes in a single click.

• To do so, select the gear icon for your Dashboard preference.

Sunburst Chart Settings

• The following screen will appear showing the data fetched from the Excel file.

• Now, select "Sunbursr" chart from the drop down list of type
• Select "ids" from the drop down list of Ids
• Select "parent" from the drop down list of Parent
• And select "label" from the drop down list of Label
• Click Save Changes

• You may adjust the size and the position of the Chart Panel by draging it's corncer.

• Now Click the Generate   button

• PHP code for your Sunburst chart will automatically generate, which can be copy past to your PHP application.

<?php
/**
 * DashboardBuilder
 *
 * @author Diginix Technologies www.diginixtech.com
 * Support  - http://www.dashboardbuilder.net
 * @copyright (C) 2019 Dashboardbuilder.net
 * @version 3.3
 * @license: This code is under MIT license, you can find the complete information about the license here: https://dashboardbuilder.net/code-license
 */

include("inc/dashboard_dist.php");  // copy this file to inc folder 


// for chart #1
$data = new dashboardbuilder(); 
$data->type[0]=  "sunburst";

$data->xaxis[0]="2019","Jan","Feb","Mar","Wk1Feb","Wk1Jan","Wk2Jan","Wk1Mar","Wk2Mar","Wk3Mar","25249","93577","41118","56682","69281","88575","95825","27160","58219","57389","12312","43212","48988","58792","12398"]; 
$data->yaxis[0]="","2019","2019","2019","Feb","Jan","Jan","Mar","Mar","Mar","Wk1Jan","Jan","Wk2Jan","Wk2Jan","Wk2Jan","Wk1Feb","Wk1Feb","Wk1Feb","Wk1Mar","Wk1Mar","Feb","Wk3Mar","Wk3Mar","Wk3Mar","Wk3Mar"];

$data->size[0]= ["2019","Jan","Feb","Mar","Wk1","Wk1","Wk2","Wk1","Wk2","Wk3","AFR","Wk3","AFR","AMER","ASIA","AFR","AMER","EUR","AFR","AMER","Wk2","AFR","AMER","ASIA","EUR"];


$data->name = "0";
$data->title = "";
$data->orientation = "v";
$data->xaxistitle = "";
$data->yaxistitle = "";
$data->showgrid = "true";
$data->showline = "true";
$data->height = "380";
$data->width = "";
$data->col = "0";
$result[0] = $data->result();

?>

<!DOCTYPE html>
<html> 
<head> 
	<script src="assets/js/dashboard.min.js"></script> <!-- copy this file to assets/js folder --> 
	<link rel="stylesheet" href="//maxcdn.bootstrapcdn.com/bootstrap/3.2.0/css/bootstrap.min.css"> <!-- Bootstrap CSS file, change the path accordingly --> 

<style>
@media screen and (min-width: 960px) {
.id0 {position:absolute;margin-top:67px;}

}
.panel-heading {line-height:0.7em;}
#kpi {font-size:34px; font-weight:bold;text-align:center;}
#kpi_legand {font-size:11px; color:#999;text-align:center;}
</style>


</head>
<body> 

<div class="container-fluid main-container">
<div class="col-md-12 col-lg-12 col-xs-12">
<div class="row">
<div class="col-md-4 col-lg-4 offset-md-4 offset-lg-4 col-xs-12 id0">
<div class="panel panel-default">
<div class="panel-heading">Sunburst Chart</div>
    <div class="panel-body">
        <?php echo $result[0];?>
    </div>
</div>
</div>
</div>
</div>
</div>
</body>