Chandoo uses WordPress as the blogging engine at Chandoo.org.
The WordPress system includes a HTML enabled post engine, meaning that users can post any valid HTML Code and the WordPress engine will attempt to interpret and present what has been posted.
I need to note that the engine used by Chandoo.org posts and the Chandoo.org/Forums posts are slightly different. The engine used by the Chandoo.org/Forums uses a limited subset of the HTML Codes.
Chandoo does give us a small clue at the bottom of a new post window in the Chandoo.org/Forums that we can use codes in the comments:
How do I use these codes
When entering your post or response simply put the appropriate code in front of the block of text you want it to apply to and close the code at the end of the block
You type: This is in <Strong> Bold </Strong>.
WordPress Displays: This is in Bold.
So What codes Can I use
The following table highlights some of the more common HTML codes that are available for use in post comments.
Codes that work in both Chandoo.org and Chandoo.org Forums
Codes that will only work in Chandoo.org posts.
The following codes will not work in the Chandoo.org Forums
Animated PIctures
Animation can be added to a picture by including a link to an Animated GIF file.
This is only available in the Chandoo.org posts.
WARNING !
The old saying: “Less is More”, is very applicable here.
Just because you can use lots of Fancy HTML in your post, doesn’t mean you should.
Please limit your artistic expressions or face having your post edited or deleted.
Examples
The example HTML codes used above aren’t available to copy and paste above, as they are actually pictures of the codes.
Had I used the real codes, they wouldn,t display the codes, but would display the text after the codes have been applied.
However all the codes are available in the attached HTML Examples file.
Software and Picture Caches
Image Capture: I use the Snipping Tool that comes free with Windows Vista/Win 07. Goto Start, All Programs, Accessories to find the Snipping Tool.
Image Editing: Chandoo and I both use Paint.net. Paint.NET is a free download available at www.paint.net
I also use CorelDRAW and Corel Photo Paint www.corel.com
Animated Gif: Chandoo and I both use TechSmith’s Camtasia Studio for capturing sequences to animated GIF files.
Image Sharing: I use the free TinyPic web site for the storage of pictures shown on Chandoo.org
Where Can I Learn More About HTML?
This post isn’t meant as a HTML Primer/Reference.
There are many other HTML codes that area available to do lots of other formatting, like Marquees, Scroll Boxes and Multi Column layouts.
If you want to learn more about HTML codes have a look at the following links:
http://en.wikipedia.org/wiki/HTML
http://en.wikipedia.org/wiki/Html_codes
There are lots of examples of HTML codes available on the web:
http://www.quackit.com/html/codes/
http://www.w3schools.com/html/html_examples.asp
18 Responses to “Best Charts to Compare Actual Values with Targets – What is your take?”
Great post. I can't vote, though, because the answer I want to put down is "it depends". As with all visualisations, you've got to take into account your audience, your purpose, technical skills, where it will be viewed, etc.
I'm with Andy: It depends. Some I would use, some I might use, some I won't touch with a barge pole.
Naturally I have comments 🙂
The dial gauge, though familiar, is less easy to read than a linear type of chart (thermometer or bullet). It's really no better than the traffic lights, because all it can really tell you is which category the point falls in: red, yellow, or green.
By the same token, pie charts are so familiar, people don't know they can't read them. Remember how long it takes kids to learn to read an analog clock?
Bullet charts don't show trends.
With any of the charts that have a filled component and a marker or ine component, it makes more sense to use the filled component (area/ column) for target, and the lines or markers for actual.
[...] Best Charts to Compare Actual values with Targets (or Budgets … [...]
I voted for #6 even though I agree with the other comments that it depends.
The majority of the votes are for the #2, thermometer chart. I still have yet to understand what happens when you are above plan/goal, which was brought up in yesterday's post.
Also, I agree with Jon in that it would be better to flip the series and make the filled part the target or goal and the line or marker the actual.
I am also a fan of using text when appropriate if the data is among other metrics in a type of dashboard. Calling it out by saying actual and % achievement is a good option.
Another "it depends" vote. Are you just looking at one or are you comparing a number of targets with actuals? You didn't include a text box. The problem with sentences is that they can get lost in a page of gray text. A text box can call attention to the numbers and line them up effectively.
I'm with Jon: "Some I would use, some I might use, some I won’t touch with a barge pole" and I'm surprised that some of your readers voted for the last group.
Jon says:
With any of the charts that have a filled component and a marker or line component, it makes more sense to use the filled component (area/ column) for target, and the lines or markers for actual.
Why does this make more sense? I like 6 the way it is, although I would use a heavy dash for the plan/target marker.
"It depends" is also my take. What I usually try to drill into my clients dashboard design is the fu ndamental difference between spot results (am I on target for this month) and long term trends.. I always try to create 3 different set of graphs to represent real perormance:
- spot results vs objectives
- cumulative results vs objectives
- long-term trend (moving average) mostly) to see where we're going
[...] Best Charts to Compare Actual Values with Targets – What is your take? (tags: excel charts) [...]
[...] Related: Charting Principles, How to compare actual values with budgets [...]
[...] Excel Charting Alternatives to compare values [...]
Jon says:
With any of the charts that have a filled component and a marker or line component, it makes more sense to use the filled component (area/ column) for target, and the lines or markers for actual.
Why does this make more sense? I like 6 the way it is, although I would use a heavy dash for the plan/target marker.
I totally agree, Bob. I would normally favour a line for the target and a column for the actual, you can see quite easily then which columns break through the line, then.
[...] best charts to compare actual values with targets — den Status mal anders zeigen, z. B. als Tacho [...]
Thermometer charts: "Not appropriate when actual values exceed targets" - this is easily solved by making the "mercury" portion a different color from the border, then you can clearly see where the expected range ends and the actual values keep going.
People seem to knock gauges quite a bit in dashboarding, but trying to show comparison of realtime data between operating sites and targets for each site can easily be done with a bank of gauges that have the optimal operating points at 12 o'clock.
The human eye is great at pattern stripping, and any deviation of a gauge from the expected 12 position will quickly register with an operator and attract his attention. Using a colour background, or meter edge, will also indicate the sensitivity of a particular site.
[…] Best charts to compare actual with target values […]
[…] Best charts to compare actual with target values […]
[…] work laptop I have a favorites folder just dedicated to Excel charts. Its got things like “Best Charts to Compare Actuals vs Targets” and “Best charts to show progress“. I love me some charts […]
I am wondering how will the plotting work, for some of the targets which may have been achieved before time. E.g. for the month of Jul the target was 226 and the actual was 219. So the chart will show a deficit in meeting the target by 7 points but what if this 7 may have been completed earlier in month of June. So ideally it not a deficit.