• 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 / Development / Data / Ape to Man Data Graphic

Ape to Man Data Graphic

December 12, 2007 By Visio Guy 3 Comments

Read Full ArticleI’ve been playing with Visio 2007’s new Data Graphics features more and more lately, and have been getting all sorts of ideas for new Data Graphics to share with Visio Guy readers.

One day, I was staring at the Ratings Data Graphic Item that ships as one of Visio’s standard Data Graphic elements…

Ape to Man Ratings

The neurons in my brain fired, got lost underway, and triggered a memory of this old classic:

Ape to Man

Thus, the genesis for a new Visio Guy article was born…

The Dawn of a New Data Graphic

I’d love to describe every detail about how this data graphic is constructed, but it would make for a very lengthy article, and would likely get you in trouble with your boss for burning up too much time at the office. So let’s just hit the highlights.

Two Images are Better Than One

One of the interesting things about this data graphic item is that it uses two images to get the job done.

One of the images has 0% transparency, and the other has 85% transparency. Smart formulas in each shape’s ShapeSheet cleverly control the cropping of the image so that we see the appropriate bits of the opaque image and the transparent image.

We can see this cropping in action in the illustration below. The two images are separated for clarity, but they normally live on top of each other.

Ape to Man Frames to Show

Each image-shape has a special ShapeSheet cell to control how it is cropped. This cell is called: User.framesToShow. This user-cell references the standard data graphic item cell: User.msvCalloutIconNumber. User.msvCalloutIconNumber is written to by Visio, depending on the value of the field in the cell, and how the data graphic is defined.

The illustration shows how the image-cropping reacts when 3 image-elements are to be shown.

Equal Spacing Under God

An important step in creating the icon set was to make sure that the graphical elements were equally spaced. In the original artwork, they are not.

Ape to Man Equal Spacing of Elements

To create this equally-spaced version of the art, I did this:

  1. Imported the graphic into Visio
  2. Created four copies
  3. Cropped each of the four shapes to show one of the elements
  4. Made the width of each shape equal
  5. Positioned the shapes next to each other
  6. Selected all four shapes
  7. Exported the selection as a new image

Once the equally-spaced bitmap was created, I messed around with an image-editor to create a transparent background. The data graphic looks a lot better without a white background–especially when your diagram has a colored background, like in the example at the end of the article.

I was surprised to find that Visio 2007 handled .gif files with transparent backgrounds. But even Visio 2003 supports transparent-background .GIFs. Somehow I’ve missed this capability over the years!

Ape to Man Data Graphic in Action

The download-able Visio file at the end of this article includes the Ape to Man Icon Set and a ready-to-use Ape to Man Data Graphic that you can apply to your shapes.

Since data graphics need to link to data fields, I’ve added four special flowchart shapes to the document. Each shape has an extra data field called Difficulty. Prop.Difficulty can have the values: Freshman, Sophomore, Junior, Senior.

The Ape to Man Data Graphic is mapped to the distinct values of this Difficulty field, which graphically represent the evolutionary level required to complete the given tasks.

Ape to Man Flowchart

click to view larger image

Since the file includes the Ape to Man Icon Set, you can create your own Data Graphics that map to other fields in your diagrams!

Download “Ape to Man Visio Data Graphic”

s!Aj0wJuswNyXlhQuasrCgY2SkofhL – Downloaded 1339 times – 103.00 B

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

Related posts:

  1. Forefront Icons and Data Graphic Shapes
  2. Data Graphics Resources
  3. Visio Film Strip Shapes: Hurray for Hollywood!
  4. Trilogy-meter Data Graphics Part III

Filed Under: Data, Humor Tagged With: Data Graphics, Data Linking, Humor, Images, Multi-shapes

Previous Post: « SmartShape Tutorial: Fading Trees
Next Post: Sankey Diagram Shapes for Visio »

Reader Interactions

Comments

  1. Walter says

    December 12, 2007 at 8:24 am

    Dude, that’s fantastic!!! Great job!

  2. Olav Martin Kvern says

    December 19, 2007 at 8:57 pm

    Chris,

    Good to see you’re still providing mission-critical business solutions.:-)

    Thanks,

    Ole

Leave a Reply Cancel reply

Primary Sidebar

Buy Über Bubble Revision Shape
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
  • Bubble Revision Shapes
  • Amazon AWS Visio Shapes
  • Sankey Diagram Shapes for Visio
  • Visio Network Server Shape Icon Customization Tool
  • Dynamic Updating Org Charts in Visio!
  • Go 3D with Free Isometric Piping Shapes for Visio
  • Text to the Bottom of the Shape
  • Free Visio People Shapes

www.visguy.com - Visio Guy - since 2006