Create Dials and Speedometer Scorecard

August 19, 2010 – 2:59 pm

In this article we will take an Excel source containing scorecard information and convert into dials and speedometer charts.

We will also create few bar trending charts.

Consider the below sample data

Source File: You can download the excel file here

Image

 

 

 

 

The above excel file tracks few metrics such as safety, quality and revenue. This is just a sample data and may not make sense in actual world but just imagine a manufacturing company that wants to track its overall safety and quality score and also track its total revenue. Now the company may use its own method at deriving the individual safety and quality scores.

They may have a dedicated team to collect safety violations and product defects and then use some formulae to convert those data into final score for any given month. We are not concerned with any of the methods on how those scores are generated. You are the dashboard person and the company has provided you the metrics by each month and now your job is produce a nice dashboard that shows relevant charts for the given data.

Since the data is tracked for each month, it makes sense to show a line or bar chart trending for the metrics.

Dials and Speedometers are relevant when we need to show performance of a single value. So in this case, since we have 12 month data, how do we show single value on the meter chart?

One solution is to show an ‘Average’ value for the safety and Quality metrics or we could show a dial that shows the current month values.

So the GOAL for this exercise is: Show bar chart for Safety trending 12 months and show average and current month value on the dial chart.

Dial chart requirement: For the dial chart, we are measuring the performance, whether we are on track or missed the goal. In order to achieve that, we create three new columns for safety such as ’safety_bad’, ’safety_ok’, safety_good’. These values need to be decided by the company management. If you are not sure, then look at previous year data and decide what should be good and bad values. The dials are used to guide the company to perform better or atleast improve that portion of the company operation represented by the metric.

Image

 

 

 

 

 

 

 

First let us create the date hierarchy columns from the Period column. You need to make sure that the Period column is an actual Excel date column, else the hierarchy will not be generatedImage

 

 

 

 

 

 

 

 

 

 

Right click on the period column, select Create -> Add Year, Quarter, Month columns

Image

 

 

 

 

 

 

 

 

 

 

As you see we added the year and month columns. We may not use all of the above columns but having them ready gives us the option during the chart building.

Now right click on the “Name” and select ‘Create Chart”

Image

 

 

 

 

 

 

 

 

Image

 

 

 

 

 

 

 

 

 

We selected the ‘Bar’ chart type

For the x-axis we select the month column and for the y – axis we select the Safety metric

Next, we click on the “Create Chart” button

This action takes us to the below dialog

Image

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

We rename the chart to ‘Safety’ and then click on ‘Fully Apply’

This action create the below chart (You may need to move the screens and dialog around to see the chart behind)

Image

 

 

 

 

 

 

 

 

 

 

Now having the chart wizard open, we change the selection to ‘Dial’ chart

Check the Dial chart options below

Image

 

 

 

 

 

 

 

 

 

We modify the options as below

  • You can type the low and high range values for each range on the dial.
  • In our case, we have defined the safety bad, ok and good values in our spreadsheet so when our goals change, we just change the spreadsheet and the dials will automatically take care. Also, what if we needed different goals for each month so rather than hard coding the range in the chart, we get them from the excel file

 

 

Image

 

 

 

 

 

 

 

 

 

 

We first change the label sequence for the “Region Name” from “Bad” -> “Warning” -> to “Good”. For the dial chart the labels are not used so make sure that the colors are selected appropriately.

Image

 

 

 

 

 

 

 

 

 

 

 

 

 

 

You may click on the color icon to change the colors of your choice

Next, we select the range boundary values

Image

 

 

 

 

 

The safety_bad value from our spreadsheet represents the lower boundary of our bad region, “safety_ok” represents the upper boundary of our bad region, similarly ’safety_ok’ is the lower bound for our ‘ok’ region and so on. For the ‘Good’ upper bound we simply typed a value but as general practice we should have one more column for the upper bound of the final region. In our case the final region is ‘Safety Good’.

Next, for the pointer value, select the column that you want to show on the dial chart. In our case we select ‘Safety’ and aggregation as ‘Avg’

Image

 

 

 

 

 

 

Next, we click on “Create chart”. This action shows the dialog below

Image

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

We change the chart title to ‘Average Safety’

NOTE: remove the double quotes in the SQL statement for the group by. This will cause an error.

Click on ‘Fully Apply’

Here is our final Dial Chart

Image

 

 

 

 

 

Next, create a dial chart to show current month value

We will change some conditions on the main Qlet. Right click on the “Name” and select ‘Duplicate’

Image

 

 

 

 

 

 

 

 

It creates an exact copy of the qlet table. We change the name to ‘Current Month’

Image

 

 

 

 

 

Right click on the ‘Period’ column and select ‘Create’ -> Create Date Filter

Image

 

 

 

 

 

 

 

 

 

 

This action shows a dialog as shown below

Image

 

 

 

 

 

 

 

First change the operator to ‘Between’

Next select ‘First Day of Month’ for the from and ‘Last Day of Month’ for the To val.

Click on ‘Use This Filter’

This action applies the filter to the Qlet and it shows only currrent month row

Image

 

 

 

 

 

 

 

 

 

 

 

Next, right click on ‘Current Month’ and select ‘Create Chart’

All of the settings remain the same except the ‘Aggregation’, make sure to select ‘NONE’

Image

 

 

 

 

 

 

 

 

 

Image

 

 

 

 

 

Once all the three charts are done, we arrange them as below

Image

 

 

 

 

 

 

 

 

Similarly, you may create the charts for “Quality” and “Revenue”

Exception reporting – Jtable custom cell color

June 9, 2010 – 2:43 pm

String colValue=table.getValueAt(rowIndex,0).toString();
if (colValue.startsWith(”Total”) )
{
renderer.setForeground(Color.blue);

renderer.setBackground(new Color(153,153,250));

}

Free Dashboard Development and Consultation

May 21, 2010 – 11:40 am

You have been researching Dashboard and reporting tools and there are so many options available on the market.

Some tools are just PDF tutorials that tell you to build Excel templates and use Excel as dashboarding tool and some tools are way too expensive.

Download a Dashboard Tool and then what?

You don’t want tools, you need solution for your current problem

In order to better facilitate and break the inertia of learning any dashboard tool, we are offering “Free Dashboard development and Consultation”

 

Free Dashboard development and Consultation

For very limited time, when you make a purchase you get free 60 mins of dashboard development/consultation. Once you request for the meeting, we will schedule a time and send you a webex or Gotomeeting invitation to join the meeting. We want to make sure you really get started building your dashboard.
So Act Now

Excel Dashboards – Fiscal Quarter, Fiscal Month

May 17, 2010 – 4:43 pm

When you use the Add Date hierarchy columns for any date, by default it brings all calendar quarter and calendar month.

Image

 

How do you get Fiscal Quarter

Let say your fiscal year begins from 1st July then

First Quarter = { 7 , 8 , 9}

Second Quarter = { 10, 11, 12}

Third Quarter = {1, 2, 3}

Fourth Quarter = { 4, 5, 6 }

So with the above logic let us create a formula

  • Right click on the date column
  • Select “Create Calculation”
  • Image
  • Type the following formula
  • switch(
    month(”Order Date”) in (7,8,9) , ‘Qtr1′ ,
    month(”Order Date”) in (10,11,12) , ‘Qtr2′ ,
    month(”Order Date”) in (1,2,3) , ‘Qtr3′ ,
    month(”Order Date”) in (4,5,6) , ‘Qtr4′
    )
  • Click on ‘Use This Formula’

Here is the Fiscal Quarter

Image

Note: You can change the Quarter text to anything like ‘Q1′ instead of ‘Qtr1′

Fiscal Month

Similarly, if you need fiscal month, we can use the following formula

switch(
month(”Order Date”) >= 7 , month(”Order Date”)-6 ,
month(”Order Date”) < 7 , month(”Order Date”) + 6
)

Fiscal Year

switch(
month(”Order Date”) >= 7 , year(”Order Date”) ,
month(”Order Date”) < 7 , year(”Order Date”) – 1
)

 

If you have a different Fiscal year begining then replace the numbers accordingly.

Excel ODBC – Access ODBC

March 26, 2010 – 9:55 am

Sometimes, due to some improper setup of Microsoft Excel or incomplete components for Microsoft Office, direct connection to Excel files may not be possible.

Please follow these steps before going forward
http://support.microsoft.com/kb/209805

Verify that the Regsvr32.exe file is in the system folder where Windows is installed.

For example, the Regsvr32.exe file is typically found in C:\Windows\System or in C:\Winnt\System32.
Click Start, and then click Run.
In the Run dialog box, type the following command in the Open box.

Note The path of Regsvr32.exe and the name and the path of the DLL may be different on your computer. The following command registers the Excel ISAM:

Regsvr32 c:\winnt\system32\msexcl40.dll

or

Regsvr32 c:\windows\system32\msexcl40.dll

Note Another method of registering DLLs is to use Windows Explorer to find the DLL.

Double-click the DLL. In the Open With dialog box, click Regsvr32.exe, and then click OK.

This creates a permanent association of all DLLs with Regsvr32.exe. You can register other unregistered DLLs by double-clicking them.

try the above step and go back to infocaptor and connect again. If it does not work then follow the steps below.

This tutorial provides an alternative method to connect to the Excel Files. This method also applies to any new format of Excel Files or Microsoft Access databases (ie. mdb or .accdb)

Steps to Create DSN for ODBC connection

1. Click on the Start menu and click on the Control Panel

Image

 

2. Click on the “Administrative Tools”.

NOTE: You may need to “Switch to Classic View” in windows Vista or newer version of your windows operating system

Image

 

3. Click on the “Data Sources (ODBC)” setup icon

Image

 

4. Click on “Add”

Image

 

5. Select .xls, .xlsx .xlsm .xlsb option if you are using the latest Excel version and format of Excel

Image

6.We will select the normal .XLS version since this northwind.xls file was created using old format

Image

7. Give a short and simple name to this DSN entry

Image

Image

 

8. Now select and point this DSN name to the appropriate Excel file

Image

9. Image

10. select the file and click OK. Close all the dialogs.

11. Now go back to InfoCaptor connection wizard

Image

12. Select the “ODBC” option now instead of the “Excel” option

Image

13. Give some simple name to this connection so that InfoCaptor can easily remember it

Image

14. Type the ODBC name that was defined in the ODBC DSN setup screen previously

Image

15. Image

Click on the Connect button and then you can proceed the remaining of this tutorial after the connection part

Free Dashboard PDF Tutorial

5 Simple Dashboard Practices

March 9, 2010 – 9:18 am

No Clutter

Don’t clutter your dashboard with unnecessary visual elements and data. If it looks too busy, then it will fail to communicate the data effectively. Don’t include every bit of data in a dashboard. Seperate them into separate dashboard Tabs.

Single Page – No Horizontal scrolling

Do not put objects on the far right so that the user has to scroll horizontally. It is easy to scroll only one direction which is vertical as that is the default website browsing behavior.

Do not print your Dashboard

Encourage users to export dashboard to PDF and stay on the “Green” side

Add interactivity

Adding extra interactivity to your dashboard, such as being able to select a certain region or being able to drill down can make a huge difference in the perceived usability.

Keep it simple

Show trend by periods

Show pie charts by categories or dimensions

Show tabular data with exception formatting

 

At the end, ask yourself, “Does this provide any value?” If so, what is it?

How to build Excel Dashboards – 12

March 4, 2010 – 2:28 pm

Previous – Excel Dashboard Tutorial – 11

How do you share your Excel Dashboard with users?

Now that you have built the dashboard, you can share the dashboard in multiple ways.

Create a PDF output of the dashboard and send as email attachment.

Click on the PDF icon on the toolbar as shown below and it will instantly create a PDF output
Image

 

PDF output

Image

 

” Create Static HTML output. Click on the HTML icon on the toolbar. This option creates a static html page that you can put in on the web. Users cannot interact with the dashboard. It is just a snapshot image of the dashboard at the time the output was generated. It does not refresh automatically. You will need to regerate the output again when the data is refreshed.

” Desktop Sharing. You can put the dashboard definition file (icv) on a file share directory and other users can view the dashboard through the Dashboard viewer. You may need separate license for dashboard viewers for desktop.

Image

Go to Menu Create ‘ Publish to web and it will generate a file that you can put it where the dashboard web server is and it will render the output. The look and feel is different with this option

Image

The web version is using a flash charting engine to the desktop Java chart engine.
Details of converting the desktop to web version are not covered in the document. Please refer online at any of our websites for more details

You can download the complete tutorial as PDF
” Web Sharing: In this option, you can publish the dashboard to web and the dashboard is available real time with all the dashboard parameters and refresh actions

How to build Excel Dashboards – 11

March 4, 2010 – 1:26 pm

Previous – Excel Dashboard Tutorial

Sales Dashboard using Excel

Summary

We built the above dashboard completely from scratch.

  • We defined Calculations
  • We defined date hierarchies
  • We built Date Filters
  • We built Date Parameters
  • We built Bar Charts
  • We built Pie Charts
  • We cleaned the dashboard layout

Next – Share Excel Dashboard with other Users

How to build Excel Dashboards – 10

March 4, 2010 – 1:18 pm

Previous – Excel Dashboard Tutorial – 9

Cleanup – Resize and Organize

Give appropriate names to each portlet.
During the chart creation if we did not provide names, now is the time to provide them.
Right click on each title and click on “Edit”

Image

 

Scale down the Size

Image

 

Note, you can drag the corners of each portlet to resize the frames and drag the title name to place them on the canvas

Screen real-estate is very important when designing any dashboard or web application. For better space utilization, we will convert the standard pie to a 3D view

Image

Also, while arranging the objects, keep the most important charts on the top and left area. Put all the detailed portlets at the bottom.

Avoid horizontal scrolling

Remember, do not put any objects on the right side of the scroll bar. Always, keep the scrolling to vertical as it is convienient for viewing.

Image

The above layout will cause for horizontal scrolling and is not a good practice.
Once you do the basic layout of placing the portlets so that they are distinctly visible, it becomes easy to use the resizing options within the tool.

Navigate to Edit ‘ Resize Mode

Image

Once in the resize mode, you can select each object and they are enabled for group resize and placement

Select all the parameters on the top and we will align the top edges with respect to the first one.

Image

As you see, each plet is shown in red with a bar on top indicating it is selected for alignment
One more, thing, you can also turn the Grid mode to see a guide for your alignment and placement

Goto Edit ‘ Show Grid

Image

Note: Once you are done with resize and align with one set of objects, make sure to deselect them before working on the next set of objects

It is best practice to first resize all the objects. All objects on the same horizontal line should have the same height. Select the optimum height of any object on that particular horizontal line and then right click on the title and resize the height of all the selected ones. Then apply the alignment -> Top , deselect the objects and start with the objects in the next horizontal line.

This completes our basic dashboard which is dynamic and extremely informative.
If you need to further customize the look and feel please refer to our online tutorial and reference section
http://www.infocaptor.com/user_help/bi-dashboard-help.htm

Next – Excel Dashboard – Complete Order Management Dashboard

How to build Excel Dashboards – 9

March 4, 2010 – 1:06 pm

Previous – Excel Dashboard Tutorial – 8

Finish the Dashboard Design and Development

By now, your dashboard is quite chaotic. You have objects all around your dashboard canvas with different sizes. We will start the process of finishing our design.

Image

 

Before proceeding, we save a copy of the dashboard.

Navigate to menu File ‘ Save As

Image

 

Give a name to the file so that you can identify the raw dashboard definition file.

Click on Save.

Next, go to menu File => Close All

Image

Image

Note that there are no dashboards to view.

If you need more backup copies to be created or create different versions of the same dashboard definition, then go to the File Explorer, select the file and type – Ctrl-C, and then Ctrl-V

Image

Now, Click on the File ‘ Open
Select the file “Order Management Analytics.icv”
Image

Note that we are not touching the – Initial Copy file.
Click on Open

Get rid of objects you don’t need
We don’t need the initial table portlet, so we will delete that.

Select the “Name” portlet and then click on the “Scissor’ icon on the toolbar

Image

Image

 

Click “Yes” to confirm.

Note, we created the backup copy of the dashboard so don’t worry if you mess up the dashboard. You can always go back to the original and start again.

Similarly remove all objects that you don’t need it.

Next – Excel Dashboard Tutorial – Arrange objects in sizing and alignment