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

Looking for help creating your own infographics?  Randy’s infographic and data visualziation design company:

InfoNewt Infographic Design

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

Google Insights

Entries in interactive (17)

Friday
Dec132013

100 Years of Rock Visualized

100 Years of Rock Visualized infographic

From Gospel to Grunge: 100 Years Of Rock in Less Than a Minute is an ambitious design project from ConcertHotels.com.  It’s an animated, interactive timeline design that let’s you click on any genre to highlight it’s specific history and play a sample of the appropriate music.

The history of rock music is pretty interesting. Everyone knows that it’s roots lie in genres like Gospel, but what about all the other genres?

How did Cowpunk come about? Or Indie Rock? Or Nu Metal?

These are the sorts of questions we ask ourselves here at Concert Hotels (oh, and other important topics like what we should have for lunch).

Curiosity piqued, we decided to trace the roots of the various rock genres, kinda like ‘Who do you think you are?’ but for rock music, and then visualize it.

We embarked upon what turned into a mammoth research task, the likes of which none of us have undertaken since college. But we stuck with it. We think it was worth the effort.

Ladies and gentlemen, we give you our Rock Time Machine - click here to journey through 100 years of rock in less than a minute.

And there’s more - while we were at it we thought it might be pretty cool to be able to hear a sample of each genre.

So turn your speakers up to 11 (or pop your headphones in if you’re the considerate type) - you never know, you might just find a new music genre to fall in love with.

Although music heritage isn’t an exact science, the color-coded flow arrows are easy to follow throughout the design.  However, they get more complicated at the bottom.  Apparently there hasn’t been any new music since Y2K?

Found on Fast Company

 

Monday
Dec022013

NFL Concussion Watch 2013

NFL Concussion Watch 2013 infographic visualization

PBS Frontline has published the interactive data visualization, NFL Concussion Watch 2013 to summarize all of the player concussions reported in the NFL.

Every week in the National Football League, a player is sidelined by a head injury. In some cases, their symptoms are clearly visible and they exit the game. Other times, less obvious warning signs can mean a missed diagnosis and a return to the field. Either way, research indicates that the long-term health effects of such injuries — including memory loss, depression and even dementia — can pose problems for players long after retirement.

Concussion Watch is an effort to monitor the NFL’s response to the persistent risk of head injury in professional football. To do so, FRONTLINE will track which players are being removed from games after a hit to the head — and which players are not — and keep score of how long they are kept from the field following a concussion.

I really like the idea of this data visualization, but they messed up the visuals.  The circle sizes are supposed to change relative to the values, but they’re not correct.  The designer chose to make the circles for 1-3 too large in order to fit the numbers inside the circles, and 4-5 are larger but the same size.  The choice of aesthetics over accuracy is a common mistake, and creates a false visual to the readers.  It’s the wrong choice.  Accuracy of the data visualization is more important than any other part of the design.

In visualizations, the design is supposed to visually compare values to create context and understand for the readers.  Because some of these circles are larger than their actual values, this creates the impression that most of the football positions have similar risk, instead of clearly highlighting how less risky some positions truly are.

I do like the design layout that places the circles into their correct player positions.  Readers can grasp this layout in a fraction of a second, and understand where the riskiest positions are.

Thanks to Melanie for sending in the link!

Tuesday
Sep032013

The Racial Dot Map

The Racial Dot Map Chicago

The Racial Dot Map visualizes the 2010 U.S. Census data, where every individual person is represented by a single, color-coded dot.  The color coding shows the racial groupings gathered by the census.

This map is an American snapshot; it provides an accessible visualization of geographic distribution, population density, and racial diversity of the American people in every neighborhood in the entire country. The map displays 308,745,538 dots, one for each person residing in the United States at the location they were counted during the 2010 Census. Each dot is color-coded by the individual’s race and ethnicity. The map is presented in both black and white and full color versions.

The map was created by Dustin Cable, a demographic researcher at the University of Virginia’s Weldon Cooper Center for Public Service. Brandon Martin-Anderson from the MIT Media Lab deserves credit for the original inspiration for the project. This map builds on his work by adding the Census Bureau’s racial data, and by correcting for mapping errors.

Each of the 308 million dots are smaller than a pixel on your computer screen at most zoom levels. Therefore, the “smudges” you see at the national and regional levels are actually aggregations of many individual dots. The dots themselves are only resolvable at the city and neighborhood zoom levels.

Each dot on the map is also color-coded by race and ethnicity. Whites are coded as blue; African-Americans, green; Asians, red; Hispanics, orange; and all other racial categories are coded as brown.

The map is an interactive, zoomable map online of the entire country, and allows you to explore any U.S. locations.  Chicago is show above.

Since the dots are smaller that screen resolutions where the viewer zooms out, the data is aggregated to pixels at each level of zoom.   The Minneapolis-St. Paul metro area is highlighted on the site as an example of the aggregation.  You can see the more detailed dot pattern on the right at the higher zoom level.

The Racial Dot Map Minneapolis

I would love to see this added as a layer in Google Earth!  Wouldn’t that be cool?

Thanks to Renee for sending in the link!  Also, found on Wired.

Atlanta:

The Racial Dot Map Atlanta

 

Dallas-Fort Worth:

The Racial Dot Map Dallas Fort Worth

 

The entire U.S.

The Racial Dot Map USA

Thursday
May302013

Drones Kill - Animated, Interactive Visualization

Drones Kill - Animated, Interactive Visualization

Great data visualization design from Pitch Interactive.  Out of Site, Out of Mind is an animated data visualization of every U.S. drone strike in Pakistan since 2004 and the associated kills reported in the news.  There is also an interactive element is that the readers can hover their pointer over the visualization an more details appear in a popup window.  Visit the original site to see the animation.

Since 2004, the US has been practicing in a new kind of clandestine military operation. The justification for using drones to take out enemy targets is appealing because it removes the risk of losing American military, it’s much cheaper than deploying soldiers, it’s politically much easier to maneuver (i.e. flying a drone within Pakistan vs. sending troops) and it keeps the world in the dark about what is actually happening. It takes the conflict out of sight, out of mind. The success rate is extremely low and the cost on civilian lives and the general well-being of the population is very high. This project helps to bring light on the topic of drones. Not to speak for or against, but to inform and to allow you to see for yourself whether you can support drone usage or not.

The visualization is created in HTML5 and JavaScript. We recommend Chrome for the best viewing experience.

The challenge with gathering the data and how drone attacks are represented in the news is shown by the large OTHER category of victims.  Also, it’s the largest category of victims.  A data visualization like this is a tremendously effective way to bring this issue to light.

The category of victims we call “OTHER” is classified differently depending on the source. The Obama administration classifies any able-bodied male a military combatant unless evidence is brought forward to prove otherwise. This is a very grey area for us. These could be neighbors of a target killed. They may all be militants and a threat. What we do know for sure is that they are targeted without being given any representation or voice to defend themselves.

The visualization was created by Wesley Grubbs, and there is a video interview of him about the data visualziation process by The Huffington Post.

Thanks to Ray for sending in the link!

Friday
May242013

How Many Alien Civilizations are there in the Galaxy?

How May Alien Civilizations are There in the Galaxy? infographic

Very cool!  The How Many Alien Civilizations are there in the Galaxy? infographic from BBC was designed by Information is Beautiful to illustrate the Drake equation. The Drake equation is an equation used to calculate how many potential aliens may exist in the Milky Way Galaxy.

Today, we live in an age of exploration, where robots on Mars and planet-hunting telescopes are beginning to allow us to edge closer to an answer.

While we wait to establish contact, one technique we can use back on Earth is an equation that American astronomer Frank Drake formulated in the 1960s to calculate the number of detectable extraterrestrial civilizations may exist in the Milky Way galaxy.

It is not a rigorous equation, offering a wide range of possible answers. Instead it is more a tool used to help understand how many worlds might be out there and how those estimates change as missions like Kepler, a telescope that is currently searching for Earth-like planets, begin to discover more about our universe.

Until ground-based observations, space telescopes and planet-roving robots uncover any tell-tale signs of life, what better way to speculate on how many intelligent alien civilizations may exist than to explore the universe with our interactive version of the equation.

It’s actually an interactive infographic because it let’s the user change the assumptions and recalculate the results.  So if you only believe there is a 50% chance of plant life developing, change the assumption value and recalculate.

Found on FastCo Design.

Friday
May032013

The Foursquare Visualizer

The Foursquare Visualizer interactive infographic

Foursquare has release a new Foursquare Visualizer, that creates an interactive data visualization of your own activity for the last 12 months.  I included the images from my own history.

At Foursquare, we’ve always known how very special our community is. Today, April 16 (4/4^2), marks the fourth annual 4sqDay. Each year, we take this opportunity to thank our amazing community for all that they do.

…take a peek back into your own history at foursquare.com/visualizeme. It’s just our small way of saying, “Thanks! We think you’re awesome.”

There are a handful of different visualizations of your own history of check-ins available.  The connection circle (shown above) is the best looking.  Other visuals include a Timeline and Categories.

Found on the Foursquare blog

 


Thursday
Apr042013

How Far is it to Mars?

How Far is it to Mars? motion infographic

How Far is it to Mars? by David Paliwoda is a fantastic animated, interactive infographic website that shows the viewer the scale of the distance to the Moon and to Mars as measured in pixels.  David calls this a motion-infographic.

Click the image above to see the animated site.  Very cool! 

Found on Daring Fireball

Wednesday
Mar132013

Beautiful Animated Wind Maps

The static image above doesn’t do these maps justice.  Go see the Wind Map on the Hint.fm site to truly appreciate the design work from artists Fernanda Viégas and Martin Wattenberg.

An invisible, ancient source of energy surrounds us—energy that powered the first explorations of the world, and that may be a key to the future. This map shows you the delicate tracery of wind flowing over the US. 

The animation is mezmerizing, and the interactive piece allows you to click-to-zoom in closer to any part of the map to see much more detail in a specific region.  The main page shows the map based on the most current weather information, but the Gallery page has some snapshots linked to specific points in time (like Hurricane Sandy).  I love that even the speed legend on the side is animated!

You can also buy a poster version as an art print.

Thanks to Jeff Jarvis for sharing this on Google+!

Thursday
Jul262012

2012 London Olympic Venues

2012 London Olympic Venues infographic

The 2012 London Olympic Venues from Cottonwood Financial’s CashStore.com site is an interactive infographic design showing facts and information about each of the main event locations in London.

The 2012 London Olympics are rapidly approaching, and they’re set to become the most expensive games yet with a budget of $14.5 billion. So what can Olympic attendees expect this year? Impressive landmarks, state of the art facilities, millions of sports fans and of course the best athletes in the world competing for the title of Olympic Champion.

Click the venues for more information on the events and ticket prices (figures in U.S. dollars and British pounds) for each one.

I really like the interactivity, but I think they used way too much text.  All of the statistics (like seating capacity and ticket prices) should have been visualized to make it easy for the reader to see.  Event icons and the Olympics are always tied together, so lining up this year’s icon designs instead of the text event names would have been more visually appealing as well.

The reader clicks on each of the venues to bring up different information, but the building illustration is the only indicator showing which venue the information is referring .  A connecting line or a highlight color to indicate which building is currently being displayed would have helped out tremendously.

It’s all designed in HTML5 too, so all of the interactivity works on mobile devices (like the iPad) as well!  Very cool!

I’m very jealous if you’re going to any of these events, but this guide could give you some idea of what to expect when you get there.

Thanks to Joe for sending in the link!

Monday
Apr022012

Jer Thorp: Make data more human

Jer Thorp works in the New York Times labs to design big data visualizations, and his great presentation from TEDxVancouver was just posted.

Jer Thorp creates beautiful data visualizations to put abstract data into a human context. At TEDxVancouver, he shares his moving projects, from graphing an entire year’s news cycle, to mapping the way people share articles across the internet.

Jer Thorp’s work focuses on adding meaning and narrative to huge amounts of data as a way to help people take control of the information that surrounds them.

He’s been involved in some great big data projects that I have posted about here on the blog previously, like OpenPaths.