Dashboard

The previous post detailing a Lotus Notes Dashboard showed some good looking charts and graphs. What the screenshots did not show, however, was the fact that those graphs were animated. Today we give you a flavor of the animation of the graphs, as well as dig into the technology behind the dashboard charts.

The metrics charts were created, we found out, using a charting package called FusionCharts. It’s part of a suite of flash charting components that can be used in ASP, JSP, PHP, HTML and even Microsoft PowerPoint. If you would like to try out the software, InfoSoft Global, the maker, has released a free version called FusionCharts Free.

Here is a screenshot of a mockup of a financial dashboard using bullet graphs and sparklines:

Remember, the above dashboard uses flash to provide some animation. Take a look at the financial flash dashboard demo to see the “eye candy” extras that the animation provides.

Interested in how these flash charts work? Here’s a neat Fusion Charts resource at ronludwig.com that lets you view a Fusion Chart and see the underlying XML:

Here’s a look at the XML for a Donut Chart:

Click on the “more” link to see additional sample flash-based dashboards.

Enlarge the following dashboards by clicking on the images.

Here is a sample business dashboard for monitoring website visitor stats. Visit the demo of this flash dashboard.

Web Analytics Dashboard Mockup with Flash Charts

This next digital dashboard is a mockup of a sales management dashboard.

Enterprise Dashboard for Sales Management

And, of course, a set of demo dashboards isn’t complete with the time-honored airline management dashboard mockup. See the demo of the airline dashboard here.

Mockup of an Airline Management Dashboard

If you haven’t seen these classic airline executive dashboards, here are some links to browse:

Airline Dashboard Contest (2006 Data Visualization Contest)

Dundas Airline Operations Dashboard

MIT Studies Airline Operations KPIs

What do you think about this dashboard post? Please leave a comment. Your opinions are valuable to the entire business dashboarding community.  

6 Responses to “Animating Dashboard Charts with Flash”

1. Jon Peltier Said on September 29th, 2008 at 1:18 pm quote

   If “animation” only means slick effects showing the graphics being constructed, then it is a waste of resources and of the user’s time. What is not needed in a good dashboard is animation. The graphics should appear in their final state when they appear.

   What a good dashboard could use instead of animation is interaction. This may mean the ability to drill down on a chart to see further information, or the ability to change some inputs to see effects on predicted behavior.

2. Jon Peltier Said on September 29th, 2008 at 1:20 pm quote

   If the animation shows the user how conditions or performance has changed over time, and it is done cleanly, with controls that allow the user to stop and start the animation, and look at any state during the process, then it is a worthwhile animation.

3. Ed Gardner Said on September 29th, 2008 at 1:31 pm quote

   I couple of things I liked in the animations:

   1) Hover over display of the actual values.
   2) Movement of pie chart slices (they slide out)
   3) All in all - pretty restrained and not over the top.
   4) Drill down/Javascript controls

4. Animated Dashboards? | PTS Blog Said on September 29th, 2008 at 5:25 pm quote

   [...] Dashboard Spy wrote about Animating Dashboard Charts with Flash on the Dashboards by Example blog. The examples in the Spy’s post were taken from our friends [...]

5. mr tom Said on September 30th, 2008 at 2:39 am quote

   Ditto Jon’s second point. I love these as they allow an extra dimension, but the one that makes most sense is time.

   I appreciate there are drawbacks (especially if you want to print them!) but even so, for interactive usage they can be great if designed to be clear and not to mislead.

6. Tom Sotto Said on September 30th, 2008 at 2:49 pm quote

   I’ve used these charts. Both the free version and the lastest widgets. I like them. What you do with them on your dashboards and in your apps is up to you.

   Choose the 2D charts if you think the 3D sizzle is just too much.

Leave a Reply

Last Modified: Monday, September 29th, 2008 @ 11:03

This business intelligence dashboard blog entry was posted on Monday, September 29th, 2008 at 11:00 am and is filed under Dashboard Screenshots. You can follow any responses to this entry through the RSS 2.0 feed. You can leave a response, or trackback from your own site.

Dashboard Spy Readers: See these related Business Intelligence Dashboard posts:

• Great Flash Charts for dashboards, webparts, and scorecards
...
• Department Dashboard - another flash-based dashboard (neat animation of gauge)
...
• Flash vs. AJAX Dashboards - Goowy, a Flash-based Web OS Dashboard
...
• Conversation Dashboard for a table - Visual representation of conversational dynamics
...
• Available Chart Types in Google Spreadsheets
...
• Flash presentation on xcelsius dashboard
...
• Flash Dashboard Example - Information Visualization about Oil Production
...
• Flex-based Enterprise Dashboards via the VFX Platform
...

Latest posts of interest to the business intelligence dashboarding community - Have you read these recent enterprise dashboard posts?

Recently Posted

• Excel Infographics
• iDashboards Winter Olympics Dashboard
• Go Back to School for Excel
• 7 Ways to Remain Relevant for Business Intelligence in 2010
• Dashboard Data Table Navigation
• Dashboard Metrics Status Indicators
• Communicating Through Business Dashboards
• Building a Flex Dashboard
• Retail Store Scorecard
• Google Analytics Marketing Dashboard