Archive for the ‘Gauges and Dials’ Category

ILOG Elixir Gauges using Flex 4 (aka Gumbo) FXG

Friday, July 18th, 2008

As you may know Adobe has released on its open-source web site the first nightly builds of Flex 4 aka Gumbo release. You can download them here. If you want to give it a try, go ahead, but carefully read the instructions and be cautious as these are very early builds.

One of the nice thing that Adobe has already introduced in these early builds is the FXG extension to MXML that allows you to define in MXML the graphical representation of an object instead of relying on external (SWF, rasters…) assets or on programmatic ActionScript drawings. This is pretty handy because in a few lines of FXG you are able to draw something that would have required much less flexible code to be written in Flex 3.

I couldn’t resist to give it a try, and defining the graphical representation of an ILOG Elixir Gauge using Gumbo FXG.

Read more

Another custom gauge: The Thermometer class

Wednesday, July 2nd, 2008

After the blinking circular gauge, the partition gauge and light ramp gauges, here is another example of a gauge built with ILOG Elixir Gauges framework.

Read more

Light Ramp Gauges

Tuesday, May 6th, 2008

In general, ILOG Elixir gauges are displaying the current value of the gauge using a pointer pattern such as a needle or a marker. However in some cases you might want to display the current value using a different pattern than pointing the value. A typical example is a light ramp gauge that is displaying the current value using color lighting on a ramp such as in the following example:

Read more

Custom Gauge Example: The Partition Gauge

Friday, April 18th, 2008

This 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 cursors.
We will see how…

Read more

Advanced dashboard with ILOG Elixir: The World FactBook

Tuesday, March 25th, 2008

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…

Read more

ILOG Elixir gauges with variable tick sizes or how IDataRender can help

Wednesday, February 27th, 2008

Most of the time, gauges scales are displayed with two types of ticks, the major ticks, that are usually the bigger ones and the minor optional smaller ticks. So you finally get two sizes of ticks and that’s enough. However…

Read more

Another clock widget for iGoogle, Netvibes, … Step 2: Integrating the clock using JS/ExternalInterface

Tuesday, February 5th, 2008

Now, we will transform our clock in a widget for Netvibes and iGoogle using the UWA (Universal API Widget) from Netvibes.
Here is a description of UWA:

“The Universal Widget API is developed by Netvibes as a way for widgets to be available…

Read more

Another clock widget for iGoogle, Netvibes, … Step 1: Building a clock with ILOG Elixir

Tuesday, February 5th, 2008

As mashup plateforms like iGoogle or Netvibes become more and more popular in the web 2.0 world, it might be interesting to see how Flex stuff can be integrated with them. The widget we are going to create is probably one of the most…

Read more

Blinking circular gauge with ILOG Elixir

Friday, January 25th, 2008

In this post, I will use ILOG Elixir Gauges framework to build a circular gauge which blinks if the value of the gauge is greater than a threshold value. This kind of gauge can be useful to point out critical…

Read more