• Skip to primary navigation
  • Skip to main content
  • Skip to primary sidebar

Visio Guy

Smart graphics for visual people




  • Home
  • Hire Me
    • Hire Me
    • Résumé
  • Products
    • Products
    • Bubble Revision Shape
    • Layers to Pages Utility
    • Rack Unit Dimension Line
    • Radial Elements Tool with up to 100 Wedges
    • Text on a Circle Visio SmartShape
  • Index
    • Articles by Date
    • YouTube – VisioGuy
    • Download Information
    • Suggestion Box
    • Shop
    • Visio Art
    • Visio Links
    • – Visio Shapes & Stencils
    • – Visio Templates & Drawings
  • About
    • About
    • Donate
    • GitHub
    • jsFiddle
    • Reading List
    • Subscribe & Follow
      • – E-mail
      • – facebook
      • – Twitter
      • – RSS
    • Privacy Policy
  • Discussion Forum
You are here: Home / Visio Content / Shapes / Turn It Up With the NW Airlines Volume Gauge!

Turn It Up With the NW Airlines Volume Gauge!

May 15, 2009 By Visio Guy 6 Comments

nw-volume-gaugeThe last time I flew the Amsterdam to Seattle route on Northwest Airlines, I noticed an interesting graphic while trying to figure out how to watch a movie with the in-flight entertainment system.

The graphic showed a clever way to squeeze more steps into a gauge-graphic without using more space.

Of course I couldn’t resist turning it into a Visio SmartShape. You can download it here and use it your presentations and documentation to show ratings, status, priority or other relative data values that will pop off the page when illustrated visually!

Six-inch Screen: Not a Lot of Space!

Since the screen jammed into the head-rest of the guy-in-front-of-me’s seat is so small, the UI designers of the Linux-based system (I know, I saw a penguin on the reboot screen after the system crashed…) needed to cram more steps into a small space.

The control was used to adjust volume and brightness, and used “half-step dots” to increase the fineness or resolution of the control. It makes immediate sense if you just have a look:

nw-gauge-0-to-5

As you increased or decreased the level, the dots would sort of stutter at a position as they went from half-dot to full-dot, then on to the next location.

I just hope that the airlines won’t try and use this method to jam more people into the plane!

Your Very Own Gauge Shape!

Anyway, as I hinted before, I’m a visual geek and an info-graphic freak, so I couldn’t resist building a Visio SmartShape that mimicked this functionality! The image above shows the shape when it is configured to go from zero to five. But you can set it to have less increments:

nw-gauge-0-to-3Setting the options of the shape are as easy as pie:

nw-gauge-rma-0-to-5-actions

Yep, just right-click the shape to choose a value and a maximum value. If you’ve set your shape to have less possible values, the options shrink correspondingly:

nw-gauge-rma-0-to-2-actionsAnd if you like to burn up your color printer’s toner as fast as you can, you’ll be pleased with the shape’s behavior with Visio 2007’s Themes functionality.

With the click of a button or two, you can change the look and feel of your document–colors, fonts, shadow effects, backgrounds–and your gauge shape goes nicely along for the ride!

nw-gauge-with-themes

Data Graphic, Please?

The shape can be placed as-is into any Visio drawing, and quickly configured. But it also screams to be used as a data-graphic. Maybe some of you feel like taking on this challenge. If so, have a look at: Building Custom Data Graphics for Visio 2007 on MSDN.

You’ll also information about building data graphics on Visio Guy. Check out these articles:

  • Trilogy-meter Data Graphics Part I
  • Trilogy-meter Data Graphics Part II
  • Trilogy-meter Data Graphics Part III
  • Ape to Man Data Graphic
  • Forefront Icons and Data Graphic Shapes
  • Book Review: Visualizing Information with Microsoft Office Visio 2007
  • Data Graphics Resources
  • 12 Month Data Graphic Shape (almost)

And if you liked the style of today’s gauge shape, check out these articles that relate to similar SmartShapes:

  • Run Circles Around Your Text With the Circle-text Title SmartShape
  • Number Your Pages Visually
  • Number Your Pages Visually…Some More

Download “Northwest Airlines Volume Gauge Shape (Visio 2007 format)”

s!Aj0wJuswNyXlhwNNGZQ6q7BDeOf1 – Downloaded 1339 times – 103.00 B

Other suggested uses for the volume gauge:

volume-gauge-comic

  • Tweet
  • More
  • Pocket
  • Share on Tumblr
  • Print
  • Email

No related posts.

Filed Under: Shapes, Wireframes & IA Tagged With: Data Graphics, Data Visualization

Previous Post: « Data Refresh on Open
Next Post: Interview With a Visio Guy »

Reader Interactions

Comments

  1. Jim says

    May 18, 2009 at 3:12 am

    Not had this experience is past – I get a message saying I need to be logged in to download this “NW Airlines” shape?

    Is it me & my system?

    Thanks
    Jim

  2. Visio Guy says

    May 18, 2009 at 9:02 am

    Hi Jim,

    It’s not an error, I just need to make the re-direct page a bit prettier.

    Certain content will require (painless, cost-free) membership in order to download.

    There’s a log-in at the very bottom of most Visio Guy pages, where you can create an account.

  3. Ted says

    May 27, 2009 at 2:42 pm

    Nice idea

    you know…you could take this further

    Resolution: Instead of concentric circles, could use pie
    quadrants for 0.25 resolution or say 10 pie shapes
    for 0.1 resolution (0.25 or 0.1 in cenctric circles
    might be hard to interpret visually)
    Magnitude: Could offset the circles so that you could get
    maybe 7 circles in the space of 5. Might not
    be user friendly…just a thought.
    UI: probably dont need all the options on the right click
    just define 2 custom properties and work the math in
    shapesheet. Ie value/max = valpercent…
    for given shape, if valpercent > shapevalpercent, then
    turn on else turn off. This is a bit tedious but
    does not need any VBA.

    Could even use this kind of thing for graphical math
    shape 1 + shape 2 = shape 3. aka like hierglyphic math.
    Aka like the movie Contact

  4. jmfree says

    February 24, 2015 at 9:43 pm

    Thanks for the stencil. Very nice.
    I have turned it into a Data graphic, and I have gotten it to work. However, I have two obstacles (perhaps you can assist with)

    a) I am applying this data graphic to a shape that also is being colored by value via the data graphic. Principally, this ends up coloring the volume graphic also (which is not what I would prefer). I assume that your stencil’s ability to accept themes causes this to happen. If I want to protect it, I assume I need to put some Guard() statements in there, but I am not sure exactly where/which shapes.. Advice?

    b) I like that your stencil provides > 5 values (including half-values), however, data graphics-by-icon don’t seem to allow you to have more than 5. Am I missing something? I had pondered the idea of making two ‘half’ graphics that were located in the same place on the shape, one for the full circles and one for the half circles.. but it seems like this is a mediocre work around (assuming I could figure out how to do it). Advice?

    thanks again for your blog .. I have learned a ton from it.

  5. Visio Guy says

    February 26, 2015 at 10:02 am

    Hi Jm,

    David Parker has figured out how to squeeze six icons out of an icon set here: http://blog.bvisual.net/2012/04/11/how-to-have-six-icons-in-a-visio-data-graphic-icon-set/

    But I think you could probably use this graphic as a Data Bar instead. You would just have to figure out how to convert the values into half-increments, or normalize values to between 0 and 10.

Leave a Reply Cancel reply

Primary Sidebar

Buy Über Rack Unit Dimension Line
Article — Purchase

Categories

Buy my book!

Meta

  • Log in
  • Entries feed
  • Comments feed
  • WordPress.org

Tag Cloud

A/V Artistic Effects BPM Code Connectors Control Handles Countries Custom Patterns Custom Properties Data Graphics Data Linking Data Visualization David Edson David Parker Fill Format Formulas Functions Geometry Gradient Images Links Maps Multi-shapes Network Programming repeating shapes Resources Right-Click Actions Scale Shape Data ShapeSheet ShapeSheet Formulas ShapeSheet Functions SharePoint shiny SmartShapes Sport Sports Text Themes Tools Transparency User-defined Cells Visio 2007 Visio SmartShapes

Top Posts & Pages

  • - Visio Shapes & Stencils
  • - Visio Templates & Drawings
  • Amazon AWS Visio Shapes
  • Sankey Diagram Shapes for Visio
  • Free Visio People Shapes
  • Bubble Revision Shapes
  • Visio Network Server Shape Icon Customization Tool
  • AV Engineering Diagrams with Symbol Logic ECAV
  • Release the Power of Visio Custom Line Patterns
  • Crayon Visio Network Shapes, Revisited

www.visguy.com - Visio Guy - since 2006

 

Loading Comments...