There is constant evolution in technology, and how things look and feel is part of that evolution. What looked new and exciting last year is now the norm, and something else is wowing people.
The first time I saw an Xcelsius model (now called SAP Dashboards) I was very impressed with how it looked. The next time I saw a model I was impressed on what it could do. Now it’s taking more than the standard components to leave any lasting impression.
SAP are adding further components and polish to the product with each new release, there are some great additions coming in Dashboards 4.1. There are also a number of 3rd party companies providing extra functionality to your dashboard like Centigon, Inovista, etc.
I have taken a step back and looked at the changing styles of data visualisation and in particular how Xcelsius components can be used to give a fresh new look to a dashboard.
The first topic I looked at was Infographics. Infographics have been around for a number of years, however recently there has been a surge in the popularity of this visualization technique.
“Infographics are ways to visualize data and information in a graphical and easy to read format. Infographics can be understood quickly and clearly, without the need to analyse or interpret the information they are trying to convey.”
Here is a snapshot of some of the Infographic mashups I have created using standard Xcelsius components. Instructions on how some of these effects were created are included too.
The first example:
This visualization presents data in a format other than the standard pie chart. The blue and the orange segments are both of a similar size (24% and 23% respectively). However, by using concentric circles, and different depths of segments it clearly highlights the order of the two series.
How to create this visualization
- Create a Pie chart showing all 5 segments.
a. Turn off the background, the title, the legend, so you just get a pie chart on its own.
- Duplicate this pie chart, but make it a little smaller.
a. Place this pie on top of the first, and exactly in the middle.
b. This has created your first 2 concentric circles.
- Repeat step 2 until you have 5 concentric circles of equally diminishing size.
- Using the ellipse component, create a 6th concentric circle in the middle with a white border and white background. This creates the donut effect.
- Next edit the series colors in the individual pie components.
a. For the largest pie, turn series 2-5 to white.
b. For the next largest pie, turn series 3-5 to white.
c. Repeat this for all the pies leaving the smallest pie with all series colored in.
Using a similar technique I have also created the following visualization too.
The second example:
This visualization shows a distribution of male vs female. This could be shown as a pie chart, but using an infographic can be more engaging and by being intuitive it removes the need to label which segment is male and female.
How to create this visualization
- Prepare an image of the male and female silhouette
- Using an image editing tool (such as Photoshop) turn the silhouette transparent.
- Add an image component onto your Dashboard canvas and import your edited silhouette image.
a. This creates a stencil on the canvas, which will show components placed below the image, through the male / female cut-out.
- Create a column chart on your dashboard showing your Male vs Female values.
a. Make both series the same color and the columns wide enough to fill the man and woman side of stencil respectively.
- Place the image stencil on top of the column chart.
- Add a label onto each side of the chart to show the percentages.
Using a similar technique I have created the following visualizationtoo:
If you have your own infographic hack for Xcelsius share it in the comment section below, we are always looking for new ideas!