Advanced dashboard with ILOG Elixir: The World FactBook

In this post, I show an advanced demonstration of what you can do with ILOG Elixir, my goal was to:

  • use most of ILOG Elixir components in the same application,
  • use real data.

The C.I.A. World Factbook is a good data source for that, but to use such data, I needed an XML version which can be found on the Mondial Database website.

START THE DEMO (1 MBytes)
(It should be smaller but mxmlc is not able to produce release builds of application with world map, see this bug report)

This demo shows:

  • A world map and a treemap with a color scheme based on a percentiles partition of datas,
  • Two advanced custom horizontal gauges,
  • A radar chart
  • Three kind of 3D charts: Pie Chart, Column Chart and Bar Chart,
  • Mouse interaction on 3D Charts,
  • Custom faded transition when changing shown world map or treemap datas.

Demo Overview
factbook500.png
World Map View
fbworld500.png
Country Statistics View
fbworld500.png
Treemap View
fbtreemap500.png

Comments are welcome!

Bookmark: These icons link to social bookmarking sites where readers can share and discover new web pages.
  • Digg
  • del.icio.us
  • Furl
  • Slashdot
  • StumbleUpon
  • Technorati

Tags: ,

15 Responses to “Advanced dashboard with ILOG Elixir: The World FactBook”

  1. Omar Says:

    very nice demo and advanced use of Elixir, I’m realy interset in this case, is there Docs or may be source code, thanks

  2. Carlos Says:

    Nice dashboard, no source code?
    Im interested in the zoomable map and editable markers for legends

    Thanks

  3. Damien Mandrioli Says:

    Hi Omar and Carlos,

    Thanks for your positive feedbacks on the demo. I do not plan to publish the source code yet, however, I will publish blog posts on interesting subsets of the demo like the editable multi-markers gauge, the world map interactions or the custom color faded transitions on map and treemap.

    Carlos, the zoomable map and editable markers use ILOG Elixir Maps and Gauges regular APIs, you should be able to reproduce easily these behaviours, but as said previously, I plan to blog about that during next weeks ;)

  4. Omar Says:

    Hi Damien,
    can I now how did you locate de neighbour countries, I don’t found any spatial fonction related ?
    thanks

  5. Damien Mandrioli Says:

    Hi Omar,

    This information is in the data source: http://www.dbis.informatik.uni-goettingen.de/Mondial/cia.xml
    You can not use ‘as is’ this information because you need to map each country tag with its three-letters ISO code (used by ILOG Elixir Maps API).

    Hope this helps…

  6. Oluyomi Says:

    all I can say is…wow… very nice

  7. Damien Mandrioli Says:

    I just added some new minor features:
    - New default color scheme,
    - Synchronization between the world map and the treemap,
    - Color customization, click on the percentile gauge to change a color (thanks to KORAX Color Picker available here
    http://www.adobe.com/cfusion/exchange/index.cfm?event=extensionDetail&extid=1035086)

  8. Damien Mandrioli Says:

    An AIR version of Factbook demo has been shown during onAIR event in Paris.

    Some pictures:
    http://www.flickr.com/photos/seb-juzac/2386501342/
    http://www.flickr.com/photos/seb-juzac/2385668963/

    A video:
    http://www.insideria.com/2008/04/bonjour-de-paris-onair-europe.html

  9. Mark Says:

    Any chance you are going to release the source??

  10. Damien Mandrioli Says:

    I will publish the source as soon as I find time to clean up the code.

  11. Omar Says:

    Yes, great thanks Damien

  12. ILOG Elixir Blog » Blog Archive » Custom Gauge Example: The Partition Gauge Says:

    […] blog entry focuses on one of the custom gauges I used in the FactBook Demo post. // This gauge is an editable gauge which allows to divide an interval with triangle […]

  13. ILOG Elixir Blog » Blog Archive » The BitmapFader class, a generic approach for smooth transitions Says:

    […] how to make smooth transitions when a component view changes. I used this technique in the FactBook Demo and in Filemap (the AIR sample bundled with ILOG […]

  14. Charles Says:

    Is it possible to use different maps with the ILOG Elixir components? For example, could I upload a shapefile of my state’s counties to build a similar type of application?

  15. Damien Mandrioli Says:

    Yes, it is possible, use the custom map converter provided with ILOG Elixir to build your own map.

    See http://www.ilog.com/products/ilogelixir/features/maps/ for more informations.

Leave a Reply