Skip to main content
Announcements
Qlik Connect 2024! Seize endless possibilities! LEARN MORE
ArturoMuñoz
Employee
Employee

Gauge charts were used widely in dashboards and analytical apps a few years ago, and they still are, but when was the last time you saw a nice looking dashboard using one of those old fashion speedometers?

If you are an experienced QlikView user/dev, you may be familiar with Gauge charts styles as shown in the picture below. Today I would like you to explore with me how QlikView can help you to turn a boring gauge into something different.

Default Style.png

Let´s start with a simple question, what do the following charts have in common?

QlikView Gauges.JPG.jpg

Besides the fact that all of them share the same color palette and style, and even if you haven’t notice it at a first sight, what all have in common is the chart type we picked when we created the charts. We chose a Gauge chart. Actually, all this charts are components of the new demo app called !OEE Analysis. This app is a redesign of an existing app that was created as a demonstration for the manufacturing industry.

The nature of manufacturing, coupled with the industries’ natural inclination to mimic its physical environment, drives developers to extensively use gauges and/or speedometers on dashboards.  This rationale is based on the implementation of images that are familiar to engineers and people with experience using industrial machinery.

Since we started to work in the former app redesign, we had one clear goal. We wanted to keep that gauge essence in the new app, but we also needed to modernize the look of the old speedometers. To do so, we spent some time exploring different alternatives until we found how to turn them into a new set of ‘flat’ style gauges.

Gauges.png

All of the new gauge styles, as in the picture above, are representing just one metric at a time (gauges don’t work well with more than one measure anyway). In addiction we are using color to emphasize the current state for each KPI so the user doesn’t really need to look for needle position to understand the data but she/he only need to identify the color code. If a color code catches the user’s attention, then she/he can spend more time looking at the details. We incorporated adjacent text objects making the whole chart much more interesting and data complete.

The result is a much cleaner data centric app which we managed to keep the gauge spirit on it.

OEE.png

Gauge charts have gained a bad reputation as data visualization objects, sometimes because they give user too little information, at times it’s all about a weak implementation, and most of times it’s because they were designed as a real-life object rather than a data centric object. After seeing the new styles we came up with, you may want to reconsider your position and give gauge charts a second chance, won’t you?

Enjoy Qliking!

AMZ

43 Comments
Marcio_Campestrini
Specialist
Specialist

Arturo, thanks for the post.

3,434 Views
Anonymous
Not applicable

Great example! just one question... what kind of chart are this ones?

2014-05-12_14-33-46.png

I'm trying to recreate them and i'm not getting anywhere near....

Thanks!

0 Likes
3,434 Views
ArturoMuñoz
Employee
Employee

Hi Daiana,

Those are trellis combo charts. I'm using 5 expressions as in the picture:

Capture.JPG.jpg

I will try to create a sharable version of the app and post it here, stay tuned.

3,465 Views
ArturoMuñoz
Employee
Employee

I see the dots pretty well aligned James, what device and browser are you using?

0 Likes
3,465 Views
Anonymous
Not applicable

Thanks Arturo!

I think I understand now… is the light gray bar from behind that shows 100% a second chart?

Regards!

Daiana

De: Arturo Muñoz

Enviado el: lunes, 12 de mayo de 2014 15:48

Para: Daiana Rossignol

Asunto: Re: - Dislike gauge charts? You may want to give them a second chance

<http://community.qlik.com/> Qlik Community

Dislike gauge charts? You may want to give them a second chance

new comment by Arturo Muñoz <http://community.qlik.com/people/amz?et=blogs.comment.created> - View all comments on this blog post <http://community.qlik.com/blogs/qlikviewdesignblog/2014/05/09/dislike-gauge-charts-you-may-want-to-give-them-a-second-chance?et=blogs.comment.created#comment-16886>

0 Likes
3,465 Views
ArturoMuñoz
Employee
Employee

I forgot to mention that part. The gray background is actually a frame background image you can define it under Colors tab on Chart properties.

0 Likes
3,465 Views
Michiel_QV_Fan
Specialist
Specialist

The gauges are fast changeable to bar and straight but not back to gauge. See the post from daiana.rossignol for the ones I mean. This is as designed?

0 Likes
3,465 Views
Not applicable

Very clean and gentle for the eyes. A sharable version of the design would make my day.

3,465 Views
ArturoMuñoz
Employee
Employee

All,

Attached to the blog post you will find a basic example app with the objects used. I hope this will help you!

Regards

3,423 Views
Marcio_Campestrini
Specialist
Specialist

Arturo, thanks for the example.

0 Likes
3,423 Views