SxSW

Attend_Mentor

About

Randy Krum infographic designerRandy Krum

President of InfoNewt.
Data Visualization, Infographic Design, Visual Thinking, Product Development and Marketing professional fascinated by good infographics.  Always looking for better ways to get the point across.

Infographic Design

Infographics Design | Presentations
Consulting | Data Visualizations

DFW DataViz Meetup

Join the DFW Data Visualization and Infogrphics Meetup Group if you're in the Dallas/Fort Worth area!

Search the Cool Infographics site

Custom Search

Strata Conference Discount Code
Subscriptions:

 

Feedburner

The Cool Infographics® Gallery:

How to add the
Cool Infographics button to your:

Cool Infographics iOS icon

- iPhone
- iPad
- iPod Touch

 

Read on Flipboard for iPad and iPhone

Featured in the Tech & Science category

Flipboard icon

Twitter Feed
From the Bookstore

Caffeine Poster

The Caffeine Poster infographic

Google Insights

Entries in design (435)

Tuesday
Feb092010

The Crayola Color Timeline, 1935-2010

From WeatherSealed.com, the visual timeline of Crayola crayon colors.

Ever industrious, Velo also calculated the average growth rate: 2.56% annually.  For maximum understandability, he reformulated it as “Crayola’s Law,” which states:

The number of colors doubles every 28 years!

Found on ChartPorn

 

 

Monday
Feb082010

Infographic Airplane! from Kulula Airlines

 

This is a great new infographic paint job on a Kulula Airlines (a South Africa airline) Boeing 737, informative and humorous.  With labels detailing many of the plane’s features, this looks like a a training plane.  See the high-res photos on Flickr.

 

“The Big Cheese” identifies the pilot seat, and Co-Captain is on the other side for the co-pilot.  “Jump Seat” is for “the wannabe pilots”.

 

Even the location of the Black Box is identified with the useful information “(which it’s actually orange).”  Who knew the loo was also the “mile-high club initiation chamber”?!?

 

From the Flightstory Aviation Blog

In addition, the following descriptions of plane parts can be found:

  • galley (cuppa anyone?)
  • avionics (fancy navigation stuff)
  • windows (best view in the world)
  • wing #1 and #2
  • engine #1 and #2 (26 000 pounds of thrust)
  • emergency exit = throne zone (more leg room baby!)
  • seats (better than taxi seats)
  • some windows = kulula fans (the coolest peeps in the world)
  • black box (which is actually orange)
  • landing gear (comes standard with supa-fly mags)
  • back door (no bribery/corruption here)
  • tail (featuring an awesome logo)
  • loo (or mile-high club initiation chamber)
  • rudder (the steering thingy)
  • stabiliser (the other steering thingy)
  • a.p.u. (extra power when you need it most)
  • galley (food, food, food, food…)
  • boot space
  • ZS-ZWP (OK-PIK) = secret agent code (aka plane’s registration)
  • overhead cabins (VIP seating for your hand luggage)
  • fuel tanks (the go-go juice)
  • cargo door
  • aircon ducts (not that kulula needs it… they’re already cool)
  • front door (our door is always open … unless we’re at 41 000 feet)
  • cockpit window = sun roof
  • nose cone (radar, antenna, and a really big dish inside)

 

Photos were posted on Flickr by member shanairpic.  I found them through Nathan’s post on FlowingData and thanks to Jesse for sending in a link.

Wednesday
Feb032010

Periodic Table of Professional Cycling

 

Cosmo Catalano has created the Periodic Table of Professional Cycling for his cycling website, Cyclocosm.com.

The data lends itself surprisingly well to the periodic table format. Horizontal periods correspond closely to the prestige of each event, while vertical series indicate geographic location. Multi-day races are on the left hand side of the chart, one-day events on the right.

Thank Cosmo, via http://cyclocosm.com/periodic_table/

Sunday
Jan312010

Infographic Contest from GOOD Magazine!

A new infographic contest from GOOD Magazine.  Design an infographic looking at the scope and aid given in relation to the earthquake in Haiti.  Deadline is February 9th.  See the GOOD site for complete details and inspiration!

the OBJECTIVE
Highlight the scope of the Haiti earthquake, as well as the aid given to help recover from the disaster.

the ASSIGNMENT
Create an infographic that explores some or all of the following: the toll of the earthquake, why the earthquake was so devastating, the recovery efforts, and the world’s donations of money and aid. We’re offering this contest in collaboration with 
Design for Haiti (a new site by Aaron Perry-Zucker, the man behind Design for Obama and the accompanying bookDesign for Obama—Posters for Change: A Grassroots Anthology), which is collecting information graphics about Haiti. The judging will be done by Perry-Zucker and the editors of GOOD.

the REQUIREMENTS
Send us an e-mail at projects[at]goodinc[dot]com with your infographic or post it to 
GOOD’s Community Blog with the tag “February 2010 Transparency Contest.” It can be in any image format, but it should be high enough resolution that it can be printed at 300 dpi. Make sure to include your sources, and a brief (one- or two-sentence) introduction to your concept. We’ll take submissions now through February 9. The winning entry will be announced on February 16, featured on our homepage and on the Design for Haiti site, and printed in the next issue of GOOD. We’ll send a GOOD T-shirt and a free subscription (or gift subscription) to the winner.

Thanks Tina for the link!

Thursday
Jan282010

Circular Browser Statistics using Axiis

Michael VanDaniker posted this Historical Browser Statistics visual as part of the launch of Axiis, including the detail about what it took to develop this visual.  At its root, this is a timeline that starts at the center (January 2002) and works outward to the outer ring that represents the most recent time slice (August 2009).  Each ring is a stacked bar showing the portion of browser usage.

Each of the concentric rings are essentially pie charts showing the percentage of visitors using each browser for a particular time slice, starting with January 2002 in the center and working out to August 2009.  The numbers on W3schools.com don’t quite add up to 100% because they don’t report on browsers that make up less than 0.5% of their visitors.  This results in a gap at the end of each ring.

I don’t know much about Axiis (yet…), but its a new, open source framework for data visualizations.

Thanks to Les (@lesjames on Twitter) for the link!

Tuesday
Jan262010

Caffeine and Calories

Check out another great caffeine infographic, The Buzz vs. The Bulge, by David McCandless from Information Is Beautiful.  Another great spin on caffeine in drinks, this one plots caffeine content on the X-Axis, and calories on Y-Axis.

I love that there are also some foods mixed in with the drinks like a dark chocolate car, a butter croissant and coffee ice cream (brilliant).

When I started working on my Caffeine Poster, this hadn’t come out yet.  One the reasons I choose caffeine as the data to visualize for my project was because there weren’t any good visuals to be found at that time.  I definitely wanted to acknowledge David’s great work.

Monday
Jan252010

Photos of The Caffeine Poster


I tried out the poster printing service from PosterBrain.com last week and printed out a couple copies of The Caffeine Poster.  I’ve never posted the full, high-resolution image online, but I used it with PosterBrain to print it out fullsize 24” x 36”. (Apologies for my not-quite-professional photos)

 

The poster is gorgeous!  I’m so impressed by the PosterBrain service, and the quality of their prints.

 

You really should try their service.  I uploaded the file on Sunday, and paid only $24.99 each to have them printed with free shipping.  I received the posters on Friday by standard USPS mail.  They were beautifully packaged with sheets of tissue separating the posters.

 

 

Monday
Jan252010

Making-Of The Caffeine Poster - Part 3

 

How did you pick which drinks to include?

The original spreadsheet with the caffeine calculations had about 100 drinks on it, but that made the image WAY too crowded.  Looking back, I could have made the images smaller to fit more drinks onto the poster, so maybe the next version will have more.

For the coffee side, I picked some of the most widely available coffee shops, and I also only picked one drink from each.  Starbucks alone had 20-30 different drinks I could have listed.

For the drinks side, I picked the drinks that were most widely available at the grocery stores in the DFW area.  It may be different regionally, but the local region was all I had to work with.

 

Dude, where’s the TEA?!?

I posted this in the comments, but I know I left tea out of the graphic (along with thousands of other drinks). It was actually hard to cull down the wide assortment of drinks down to only the ones I included. Not a tea drinker myself, tea didn’t make the cut (Kevin Rose would be disappointed, I know).  It’s very crowded in the under 100mg space, so tea didn’t make the cut.  Based on the feedback I got, I’ll include it if a next versions happens.

FWIW, tea averages between 40-70mg of caffeine in each 8oz cup

 

Can I buy a copy of The Caffeine Poster?

I haven’t setup the poster for sale, but I did keep the high-resolution images offline so I could make it available if there was interest.  The images on Flickr are certainly high-resolution enough to read the details, but they won’t print very nicely as a 24” x 36” poster.  So far, I haven’t heard from many people who wanted to buy a copy.

I also got some feedback that The Caffeine Poster makes a good infographic, but maybe not a great poster.  To be a great poster, it probably need more details and other additional information to make the viewer curious to step closer and read more.

However, I did have a few copies printed for myself…of course.

 

Will there be a next version?

Probably.  I’ve got some other projects in the works, so there’s no telling how long it will take.  You suggestions on what to change or add are very welcome.

 

 

The is the end of the Making-Of posts.  I got so many questions about the behind-the-scenes stuff that I moved all of The Caffeine Poster posts together on a separate page.  Check out the Caffeine Poster link at the top of the page.

Wednesday
Jan202010

Making-Of The Caffeine Poster - Part 2

This is Part 2 in the continuing the series to share the details behind creating The Caffeine Poster.  I am going to create one web page to combine all of these Making-Of notes together, and I’ll post a link to that in Part 3.

Where did the data come from?

There was no one, single complete source for the data.  A number of the company websites have their caffeine content listed in the Nutrition Facts of product information, so if it was available I used their own information.

EnergyFiend.com has the largest database I found of caffeine contents in drinks and foods.  If I found different values for the caffeine content on different websites, I would just use an average.

 

 

The Center for Science in the Public Interest also has the caffeine content listed for many drinks.

 

As a side note, EnergyFiend also has this great Death By Caffeine calculator!

 

The drinks come is many different sizes.  Why didn’t you standardize the drinks sizes?

This was probably the feedback I’ve heard most often since posting the infographic.  I posted a short answer in the comments, but here I can provide some additional explanation.

First, the data itself isn;t that complicated.  I didn’t need to use any statistical software to massage the numbers.  A simple spreadsheet in Numbers takes care of all the number crunching.

Even in this small piece of the spreadsheet, you can see a number of different drink sizes.  My choice was to either visualize column C or D.  The mg column represents the amount of caffeine you will consume from the entire drink.  The mg/oz column represents the amount of caffeine in each oz of liquid.

From a scientific point-of-view, the mg/oz is a common denominator and is probably a true apples-to-apples comparison.  This option would have shown the strength of the caffeine concentration in each formula, and you could see how much stronger the Starbucks coffee is compared to Dunkin’ Donuts.

However, my target market for the infographic isn’t the scientist that formulates the drinks, but the consumers that drink them.  Most of these drinks aren’t available in self-serve dispensers, so the consumer will drink whatever quantity they purchase (10oz, 12oz, 16oz, etc.).  By visualizing the total caffeine content of each drink, the consumer knows instantly how much caffeine they are putting into their body when they consume a drink.

For people that want to know the concentration, maybe I’ll add that as a side note for each drink in the next version.  :)

 

The caffeine content can differ each time you brew coffee, how did you choose only one number for each drink?

Even though caffeine content may vary from one drink to the next, all of the company sites and other websites list one average number for each drink.  Because the visual is a scale, the overall intent is to visualize the drinks in comparison to each other.  Precision wasn’t as important as showing them as higher or lower caffeine content relative to each other.

To be more exact, I could have listed ranges, and that wouldn’t have changed the drink locations on the scale.  BUT, ranges also weren’t available from the data sources, so it really wasn’t an option and I didn’t worry about it too much.

Adding the caffeine content numbers in the indicator arrows was actually a last-minute change.  Originally, I had intended not to list a specific number, because the values can vary.  Without the numbers, it leaves the actual content a little vague.

I also had some friends and designers look at an early version to get some feedback, and they would ask what the numbers were.  In the end, I decided that I personally would want to see the values if I were seeing the poster for the first time, so I added them.

Good thing I did too!  I found two drinks that were reversed and in the wrong place, so adding the numbers was a great way to check the accuracy of the design.

 

What is this thing?

 

To emphasize the science behind caffeine, I included this rectangle that looks like it comes from the periodic table of elements.  Caffeine isn’t an element, so I could only use the style of the periodic table with this 3-D rendering of a caffeine molecule, the chemical formula of caffeine and the molecular weight.

 

More to come in Part 3…

Monday
Jan182010

The Electromagnetic Spectrum - infographic comic

I recently found a great old infographic from xkcd.com visualizing the Electromagnetic Spectrum.  Check out the detail in the larger version on the xkcd site.