Balanced Scorecard on Mobile

Recently I rebuilt my Balanced Scorecard in the mobile version of SAP Dashboards (Xcelsius). While I learned a great deal from this exercise, the true lesson is that you should be designing for mobile first! While you can export to both desktop and mobile with the same file, most ‘desktop’ dashboards are over-complicated and overcrowded. Trying to convert those files to mobile will impact both usability and performance.


SAP Dashboards for Mobile

I’ve been working on converting some existing dashboards and building new ones for SP5 to display in the MoBI app. So far I’ve been able to get pretty far, but I am finding that I need to layer objects differently and mouse-overs work differently since they appear on top of everything and you can’t see values in the bottom layers if you are stacking charts. Here is a screenshot from the iPad of my ‘Infographics Dashboard’ conversion.

Keep posted as I continue to develop for mobile and I will share some of my tips and tricks. I’ve already been able to create a dynamic sales funnel, so I’m pleased by that, but disappointed that there is no XY or Bubble Chart. I also miss the spreadsheet component, which gave me the ability to fine-tune larger visual displays with a single component (instead of numerous shapes and text boxes).

– Josh

Xcelsius Tag Cloud

I have been thinking about creating a tag cloud in Xcelsius for some time. I had tried the Web 2.0 add-on, but it was never officially released for production and I found it to be very buggy. So the only thing left to do would be to create my own.

To make sure that this would work properly, I stuck with proven components. Ron Keler from has taught me about EIC connectivity as part of our latest portal integration project and that seemed like the easiest way to accomplish the tag cloud functionality.

Tag Cloud Example

Read on for more details…


HTML5 Dashboard Examples

While I’m still in the process of blogging about the differences in charting capabilities between Xcelsius and Google Charts, I thought that I would share a dashboard that is rather similar between the two technologies.  

The following images show a layout (high & low contrast) that was based on my Xcelsius infographic template from a few months back.  You can see the original HERE.

Then click on the images below to see them in action.  Don’t forget to test them out on your iPad and phone too!

HTML5 Infographic Dashboard (Low Contrast)

HTML5 Infographic Dashboard (High Contrast)

HMTL5 vs. Xcelsius – Gantt Chart

For round 2, I have chosen the simple gantt chart. Now neither Xcelsius or Google Charts have a specific chart for this, but the effect is easy enough to achieve using a stacked bar and having the first series be the lead time. Then you either make that first series transparent or set it to be the same as the background.


Continue on for a side-by-side comparison and the explanation behind my ruling…

Xcelsius vs. HTML5 – Waterfall Chart

This is one of several posts dedicated to my exploration of HTML5 capabilities using Google charts (which allow for backwards compatibility to older browsers) compared to what I can currently accomplish in Xcelsius.

I already know that the basics are covered (bar, column, area, line, pie), so I’m going after many of the same challenges I faced over the past couple of years with Xcelsius.

My first challenge is the Waterfall chart.