About
Randy Krum infographic designerRandy Krum
President of InfoNewt.
Data Visualization and Infographic Design

Infographic Design

Infographics Design | Presentations
Consulting | Data Visualizations

Strata Conference Discount Code

DFW DataViz Meetup
NEXT EVENT: August 10, 2016

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

Search the Cool Infographics site

Custom Search

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

Friday
Jun122015

Death By Boating Under the Influence

Death By Boating Under the Influence Infographic

The Never BUI (Boating Under the Influence) infographic helps share some of the grim statistics about the boating deaths caused by alcohol. This is a perfect topic for an infographic by Boat Ed, a source for Official Boater Safety Courses and Boat Safety Education Materials.

Before the thought of drinking on a boat crosses your mind, consider the physical and legal consequences of boating under the influence of alcohol. Not only is operating a boat while intoxicated illegal in all 50 states, it’s also dangerous and can have deadly consequences.

Alcohol use is the leading known contributing factor in fatal boating accidents; where the primary cause was known, it was listed as the leading factor in 21% of deaths. Safe boating means never boating under the influence (BUI).

Safe boating means sober boating. While it may be tempting to crack open a can of beer while cruising, keep in mind that your record, license, and life may be at stake!

I really like this design. Simple, clean design that focuses on telling one story really well. Easy to read. Easy to Understand the data. Easy to share. 

Thanks to Joe for sending in the link!

Thursday
Jun112015

UK Tax Burden Infographic Video

The UK Tax video, posted on Youtube by See What You Mean, explains how much money you actually receive after taxes in the UK. Below is the final infographic.

UK Tax Burden Infographic Video

The tax and deductions on your job are much higher than you might think. The Government likes to talk about a ‘20p rate’ – as if that’s all you pay. But actually, for a typical middle income graduate, total deductions are more than 48p in every pound earned (over the £21k threshold). And will rise to nearly 60p when the statutory pension scheme comes in by 2018.

What will it do for the incentive to work and do better, and to the UK’s general prosperity, when graduates only get 40% of any extra they earn?
Against this backdrop some politicians still talk of increasing the taxes on these middle earners.

This is a great example of using the hand-drawn style of design for infographics. Often used for graphic recording of events and meetings, the hand-drawn style has the look of someone just drawing on a whiteboard.

Video infographics tells stories in a very linear way, and in this case the visual metaphor of a road builds on that linear storyline even more. The drawing continues to build and reveal more information as the video progresses, and the viewer can see the overall design coming together.

I say this often, but I'll say it again. "Big numbers are not data visualizations." Visualizations can help the audience by showing the taxes percentages as taking their portion of a person's total salary. Just showing the text number of the percentages, doesn't help the viewers understand how large that tax burden is to them.

Thanks to Richard for sending in the link!

Monday
Jun082015

The Process of Designing an Infographic

The Process of Designing an Infographic

The Process of Designing an Infographic is an interactive design that outlines my own infographic design process. My data visualization and infographics design company, InfoNewt, uses this process when designing infographics for clients, and I teach this process in my workshops and classes. The team at Visme.co created an interactive infographic version of it using the Visme design platform. Visme.co is a fantastic online design platform for infographics, presentations, reports and more.

Most of my designs follow this 5-step process:

  1. Data Research - Start with the data. What's the insight or story?
  2. Wireframe - Wireframe your story before you start any design work 
  3. Design Concepts - Experiment with design ideas by creating rough concepts that visualize your data in a handful of different ways
  4. Iterate - Choose one design direction or combine a few different ideas from your concepts.
  5. Finalize - The final step is to finalize your design with the appropriate Copyright or Creative Commons license, and export the final design to a few different file formats as necessary. 

One of the advantages of using Visme as the platform to design your infographic is that you can create interactive elements in your design. In this case, you can see the original interactive version on the Visme site, that includes additional information when you mouse over each process step. This is built in Javascript, and anyone can share the interactive version by using the embed code on their own website.

You can embed the interactive infographic on your own site by using this HTML code:

 

Monday
Jun012015

A World of Languages

A World of Languages infographic

A World of Languages - and How Many Speak Them is a new infographic by Alberto Lucas López for the South China Morning Post that compares the number of people that speak the top 23 languages in the world as their primary language. High resolution image version available HERE.

There are at least 7,102 known languages alive in the world today. Twenty-three of these languages are a mother  tongue for more than 50 million people. The 23 languages make up the native tongue of 4.1 billion people. We represent each language within black borders and then provide the numbers of native speakers (in millions)  by country. The colour of these countries shows how languages have taken root in many different regions

The dominant visual centerpiece appears to be a combination of a voronoi diagram & circular treemap, where the area of each section is representative of the number of people that speak each language as their first language. I don’t know any any software that will create this specific visualization style, so I’m assuming the area of each section had to be calculated separately. With the different, organic shapes how were those areas calculated? Iteration?

The data is a little bit controversial. It’s an estimate of the number of people that speak each language as their first language. There’s no accounting for multi-lingual people or language families. I love the data visualization design, but the underlying data may cause some concern.

Wednesday
May272015

The Fallen of World War II

The Fallen of World War II from Neil Halloran on Vimeo.

The Fallen of World War II is an animated infographic video by Neil Halloran showing the scale of deaths in the U.S. and other countries involved in the war. He also has an experiemental interactive version at fallen.io

An animated data-driven documentary about war and peace, The Fallen of World War II looks at the human cost of the second world war and sizes up the numbers to other wars in history, including trends in recent conflicts.

Visit fallen.io for more information.

Love this! Very well done animated infographic video.

The stacks of icons shown for each country are 20 across, which is hard for most people to comprehend. We live in a Base-10 society, and showing the icons in rows of 10 would be much easier for audiences to understand.

There are a couple discrepancies as well. For example, the narration mentions that France lost 92,000 in the Battle of France, but the visualization only shows 86,000.

Also available on YouTube:

Wednesday
May132015

The Slow Speed of Light

Riding Light from Alphonse Swinehart on Vimeo.

 

We think of the speed of light as incredibly fast, but in the video Riding Light, by Alphonse Swinehart, we ride along with light as it starts in our Sun and moves out past Jupiter in our solar system. The video is 45 minutes long and helps show both how large our solar system is, and that it still takes light a long time to travel these large distances.

In our terrestrial view of things, the speed of light seems incredibly fast. But as soon as you view it against the vast distances of the universe, it's unfortunately very slow. This animation illustrates, in realtime, the journey of a photon of light emitted from the surface of the sun and traveling across a portion of the solar system, from a human perspective.

I've taken liberties with certain things like the alignment of planets and asteroids, as well as ignoring the laws of relativity concerning what a photon actually "sees" or how time is experienced at the speed of light, but overall I've kept the size and distances of all the objects as accurate as possible. I also decided to end the animation just past Jupiter as I wanted to keep the running length below an hour.

During the course of the video, I also love the data visualziations shown during the flight, like how large the orbits of different planets appear to us as we move outward.

Also available on YouTube:

Tuesday
May122015

How to Make an Animated GIF Infographic

How to Make an Animated GIF Infographic Part 1

How to Make an Animated GIF Infographic Part 2

Eleanor Lutz has done some amazing design work with her company Tabletop Whale. She is known especially for her work creating animated infographics using animated GIF files. She has posted How to Make An Animated Infographic as a 2-part explanation that lays out her process in Photoshop (as an animated GIF file of course!).

Recently I’ve been getting a lot of emails asking for a tutorial on how to make animations. So this week I put together a quick explanation for anyone who’s interested. I archived it as a link on the menu bar of my website, so it’ll always be easy to find if you need it.

This is just a run-through of my own personal animation workflow, so it’s not a definitive guide or anything. There are plenty of other ways to make animations in Photoshop and other programs.

I’ve never tried making a tutorial about my own work before, so sorry in advance if it’s confusing! Let me know if there’s anything I wrote that didn’t make any sense. I’ll try to fix it if I can (though I probably don’t have room to go into detail about every single Photoshop function I mention).

I’m seeing more infographics as animated GIF image files online. Their advantage is that they are a self-contained image file that’s easy to share. No need for embed code or Javascript for readers to share the animation on other sites or social media.

I met Eleanor recently at the Malofiej Infographics World Summit, where she gave an amazing talk about her animated designs, her process, and even some discussion about when not to use animation. Check out the video interview with Eleanor by Visualoop at the conference:

Also found on VizWorld

Monday
May112015

History of the Batmobile

History of the Batmobile infographic

Batmobile Feature infographic

Comic Book Resources has added 3 Batmobile infographics to reveal some interesting trivia. In 75 years, there have been many different Batmobiles over the years. These infographics show past designs, a feature comparison between the 1966 and 2005 model, and final a cost comparison chart ranging from the $13,000s to $4.5 Million.

After 75 years of omnipresence, one can make a very strong case that the Batmobile is the most iconic automobile in all of pop culture history. Since Batman’s debut back in 1939’s “Detective Comics” #27, the caped crusader has always relied on a car — usually a stylish, feature-loaded one — to get him from his cave to crime scenes. As a crucial part of the Bat-mythos, the Batmobile — dubbed such in 1941’s “Detective Comics” #48 — has appeared in everything from comics and cartoons to films and video games. Wherever you see Batman, odds are the Batmobile is parked just a few blocks away. 

Zack Snyder Shares Partial Look at New Batmobile

With the Batmobile poised to make it’s eighth big-screen appearance in 2016’s “Batman v Superman: Dawn of Justice,” former CBR editor Steve Sunu set about researching the most intimidating car on DC Comics’ streets. Did you know that the original Batmobile was red? Or that the “Batman ‘66” version had an “emergency bat-turn parachute”? Or that you could buy almost three “Dark Knight” tumblers for the cost one one Lamborghini Veneno Roadster? Graphic artist and COMICS SHOULD BE GOOD contributor Sonia Harris brought all these facts together in the three infographics below, designed to get you up to speed on the fiction’s most notable car.

Peruse CBR’s three Batmobile infographics and broaden your knowledge of comics’ most famous car — and feel free to share and discusses these infographics on social media with #CBRBatmobile!

I would have put all three of these together into one infographic, but the smaller, separate designs might be easier to share in social media. In the Cost Comparison bar chart, I would like to see images or silhouettes of the different cars represented.

Thanks to Mike Wirth for sharing on Facebook.

Friday
May082015

Stop Being A Social Loser

Good advice from SumAll in their new infographic Stop Being a Loser: 12 Tips to Avoid Social Churn

Nobody loves cats more than I do. Chunks of my day are routinely lost looking at cat GIFs, videos, photos, anything to satisfy my admittedly unhealthy love for these furry companions. But even I have my limits.

If I’m browsing my Instagram feed and I see somebody post five photos in quick succession of their cat, that’s a surefire way to get an unfollow from me – and this is coming from somebody that dresses up their cat as a different Disney character every Halloween. So, step away from the hashtag, don’t even think about taking out that selfie stick, and check out this infographic for 12 tips on what you should and shouldn’t do on social media to get a loyal following.

I would have liked to see more data about social churn. This is a lot of text with illustrations for each point. Really good information, but I know SumAll has data to back these tips up.

 

Wednesday
May062015

Gardening Hardiness Zones

Gardening Hardiness Zones infographic

When planting a garden, it is best to understand which crops will preform best in different climate zones. Avant Gardening has developed the Gardening Hardiness Zones infographic for the gardener in any part of the United States.

We love the changing seasons, but we definitely miss spending time in our gardens. Every winter, we are starting to wonder when we can begin planting again. 

So, when can we get back out there? The best time for starting your garden depends on where you live. That’s why every gardener knows their USDA Plant Hardiness zone.

A hardiness zone, as defined by Wikipedia, is a “geographically defined area in which a specific category of plant life is capable of growing, as defined by climatic conditions, including its ability to withstand the minimum temperatures of the zone.” 

The USDA sets the zones based on the average annual extreme minimum temperature during a 30-year period in the past. The zones are not determined by the lowest temperature that has ever occurred or what is predicted to occur.

Know Your Hardiness Zone

So, how do you know which zone you’re in? The USDA has created a very detailed map outlining the US and how the zones are broken down. This resource is second-to-none when it comes to hardiness zones.

Once you determine in which hardiness zone you reside – and it is as simple as visiting the USDA map and clicking the mouse on your location - you can use this information to better plan your garden. 

Thanks to Deirdre for sending in the link!