I would have liked to see a link to the data behind all of the screen sizes, but this visual representation does a great job of telling one story really well. The readers can easily find their favorite team, and understand how they stack up.
Entries in visual (306)
Daylight Savings Time Explained designed by a Visual.ly member under the name Germanium, visually explains the end result of recognizing Daylight Savings Time. DST is used mostly in North America and Europe, while most of the world does not change their clocks.
I tried to come up with the reason for the daylight saving time change by just looking at the data for sunset and sunrise times. The figure represents sunset and sunrise times thought the year. It shows that the daylight saving time change marked by the lines (DLS) is keeping the sunrise time pretty much constant throughout the whole year, while making the sunset time change a lot. The spread of sunrise times as measured by the standard deviation is 42 minutes, which means that the sunrise time changes within that range the whole year, while the standard deviation for the sunset times is 1:30 hours. Whatever the argument for doing this is, it’s pretty clear that reason is to keep the sunrise time constant.
By visualizing the daylight hours, the reader can see the pattern. Both the change in total hours, and the impact of daylight hours on their normal day.
The reasoning for DST is very controversial, but now we can see the impact clearly.
The Noun Project is beauty in its simplicity.
I post this video for two reasons:
- Even though there are no statistics in the video, I do consider this to be an infographic video. The video is a visual explanation that “shows” the audience icons and illustrations that convey the meaning of representing human concepts in visual form.
- The Noun Project is a fantastic effort to design universal icons. The idea is to design and gather illustrations of concepts that cross languages and cultures, and then make tham available to everyone under Creative Commons license to use in their own designs. Obviously good for infographic design, but also for presentations, websites and even school reports.
From the Noun Project About Page:
Creating, Sharing and Celebrating the World’s Visual Language
The Noun Project is a platform empowering the community to build a global visual language that everyone can understand.
Visual communication is incredibly powerful. Symbols have the ability to transcend cultural and language barriers and deliver concise information effortlessly and instantaneously. For the first time, this image-based system of communication is being combined with technology to create a social language that unites the world.
Anyone can also register and submit their own designs to be considered for inclusion in the library.
Wow! Who knew that the Cask would be so valuable! It is a key ingredient to making our favorite wine and whiskeys! See how Scotch depends on Sherry in the infographic Life of a Cask: Wine to Whiskey from winefolly.com.
An infographic on the life of a cask, from wine to whiskey. Find out where casks start their life and see how Scotch is dependent on Sherry.
A Single malt Scotch cask ages 3-40+ years. A single cask may be used for up to 70 years
- Used wine barrels are in high demand for Scotch and whisky production.
- Distilleries prefer Oloroso Sherry casks and other dessert wine casks such as Port and Sauternes for aging whisky.
- Sherry producers use larger casks called Hogheads (250 L) and Butts (500 L).
- Some distilleries own forests in America where they source quercus alba (white oak) to produce casks.
- Distilleries often loan unused casks to Sherry producers to ‘season’ them.
Nice visual explanation. Easy to follow with a focused message that isn’t crowded with a bunch of additional factoids.
The text is a little too small to read without zooming in closer, and there should be a URL at the bottom linking back to the original infographic landing page. Otherwise, how can people find the original version they can read when a blog doesn’t link back correctly?
Just in time for the weekend too, it’s making my thirsty…
Thanks to Justin for sending in the link!
This is an infographic about what is an infographic. Using Lego blocks and photography we wanted to show that.a good infographic is simple and requires very little text.
Simple and fun, this is a really good design that has had some phenomenal success in social media sharing.
Thanks to Karyn for sending in the link!
OnlineNursingPrograms.com visually shows the readers that they are eating WAY too much sugar with the American Sugar Consumption infographic. It is an eye opener to see how much more we are consuming than the recommended amount and that it can be harmful for us. It is even going to be difficult to cut back, because sugar is as addictive as cocaine!
The consumption of sugar will always be an issue for nutritionists and health buffs everywhere. As long as sugar remains a large part of the American diet, we will continue to hear about all the negative effects sugar can have on the body. As someone who is studying nursing, it’ll be important to understand how the overconsumption of sugar may cause many health problems in the future. Many may ask: Is this concern exaggerated? Absolutely not. Sugar is in everything and it has contributed to the growing obesity epidemic in the United States. Since 1990, sugar intake has increased by 40 lbs a year. Is it a coincidence that the obesity rate has increased by 20 percent? As a nurse, you will see many cases in which a reduction of sugar intake could have gone a long way to ensuring less visits to the hospital. It’ll be important as a nurse to educate your patients on why sugar is bad and why they should limit their consumption of sugar. This infographic will show you just how getting your daily sugar fix may be contributing to many short term and long term health issues.
This is a great infographic design. It’s eye-catching, and uses data visualizations to put the statistical values into context for the readers. I like the simple color scheme, the use of piles of sugar (like the wheelbarrow and the dumpster) and the real world objects used to provide scale (soda cans and gallon jugs).
Only a couple things I would suggest to improve the design:
- The average adult easts 22 teaspoons of sugar per day, but the visualization shows 24
- The average child eats 32 teaspoons of sugar per day, but 33 spoons are shown in the visualization
- The URL link to the original infographic landing page should be in the footnotes
Thanks to Emily for sending in the link!
Infographics about infographics are always fun. Return on Infographics by Bit Rebels and NowSourcing takes a look at some of Bit Rebels’ own data from releasing infographics as part of their marketing.
The impact of an infographic can be measured on many levels, which makes it all just a little bit more complex and complicated to present. With the help of NowSourcing, we have been able to produce an infographic that will compare the traffic and social action impact of an infographic post with a traditional post that does not involve an infographic. It’s through social media analytics that a clear image slowly emerges to tell a story that for some has just been a question without an answer.
They’re pretty clear about this, but remember that this design is completely based on internal data from Bit Rebels. It may be a good indicator of infographics in general, but we don’t know for sure.
Bit Rebels has shared some fantastic data from their internal tracking, which will be of interest to the you, the readers of Cool Infographics. However, the design makes a few mistakes, and we’re all here to learn how to make infographics designs better.
- One of my pet peeves, the design messed up the size of the circles in the comparison table. Based on the full-size infographic they released at 975 pixels wide, the smaller circle for 243 Actions is about 55 pixels in diameter. Doing the match for the area of a circle, the diameter of the larger circle for 1,091 Actions should be about 117 pixels wide. In the design, it’s actually about 256 pixels wide! So instead of visually showing a shape roughly 4x larger, it’s actually showing a circle about 22x larger! This is a “false visualization” and mis-represents the data.
- Are these comparison data points an average or a total of the 500 posts?
- How many infographic posts are compared to how many traditional posts?
- Love the use of the actual logos from the social networks in the comparison table, and they should have continued that with the rest of the design instead of just text later in the design.
- The blue bars behind the higher comparison value look like bar charts, but obviously don’t match the data. They just fit the text, and have no visual relevance to the data. An indicator icon or highlighting the entire column width would have been better than the bars.
- Are the Top 6 Social Networks in rank order? LinkedIN is the top social network for infographics???
- The circles near the end of the design are also incorrect. Instead of showing a 10x comparison to match the dollar values, the circles show an over 100x comparison!
Back in January of 2010, I posted 16 Infographic Resumes, A Visual Trend that highlighted the start of the trend of infographics and data visualization moving into resumes. Why 16? Because that’s how many good examples I could find at the time on the Internet to showcase the concept. Two and a half years later, that post continues to be one of the most viewed blog posts on Cool Infographics with an average of 3,500 views every month. A 2.5 year-old blog post!
Since then, the idea of infographic visual resumes has exploded. I have continued to gather links to infographic resumes, and my collection is now over 200 examples of infographic resumes that have been published online. Instead of trying to post them here on the blog like I did in 2010, I’m experimenting by creating a Pinterest Board dedicated to sharing Infographic Visual Resumes. I will continue to add resumes and grow the board, so follow the board if you want to see new ones as they are addded. If you know of any that I should include, add the link in the comments or send a link through the Contact form with “Infographic Resume” in the Subject line.
The Cinderella Story example is the Chris Spurlock resume shown below. The story is that Chris was a graduating Journalism major at Missouri School of Journalism in early 2011, and created his infographic resume because he wanted to pursue data journalism as a career. It was posted on the J-School blog, but quickly went viral on the Internet. As a result, he was hired as an Infographic Design Editor for the Huffington Post!
I haven’t made any distintion between good and bad designs on the Pinterest board, because all of the designs can give you good ideas about types of data visualizations you can include in your own design. The only distinction I have made is that they have to include some type of data visualization to be considered infographic. There are many, many great graphic designer visual resumes that aren’t “infographic” so they aren’t included on the board.
Also, I have attempted to link each design back to the original owner’s site (like Chris’ resume above), but for many the public posting is on a portfolio site like Behance or Visual.ly. If any of these should be linking to a different location, please send me a note through the Contact page, and I’ll get them linking to the correct places.
It’s definitely worth mentioning that there are a whole bunch of new online sites launching to capitalize on this growing trend. The service they offer is to create an automatic infographic resume for you, usually based on your LinkedIN profile. Vizualize.me, re.vu, Kinzaa, ResumUP and cvgram.me all create an infographic resume for you using their pre-designed templates. I’ve tried to only include a couple examples from each service because 50 resumes based on the same template won’t provide you more inspiration to design your own. My opinion is that these sites and templates are currently new enough to help your resume stand out, but very quickly the risk is that the templates will become recognized (like PowerPoint templates).
I’m planning a separate, future post about the best practices when designing your own infographic resume, but I wanted to shared the Pinterest Board with you as a resource for inspiration.
Please add a comment with your thoughts about the future of infographic resumes!
In March 2012, JP Rangaswami gave a short TEDTalk in Austin, TX, Information Is Food, about treating information similar to how we treat food.
How do we consume data? At TED@SXSWi, technologist JP Rangaswami muses on our relationship to information, and offers a surprising and sharp insight: we treat it like food.
With a background in economics and journalism, JP Rangaswami has been a technology innovator and chief information officer for many leading financial firms. As an advocate for open source and disruptive technologies, Rangaswami has been a leading force in the success of multiple startups, including School of Everything, Salesforce.com and Ribbit. He blogs (unmissably) at Confused of Calcutta.
This is an interesting concept, and was appealing to me because I talk about humans evolving into Informavores in my presentations about infographics and data visualization.
The analogy is that we have food consumption issues that cause health problems, and we can have information overload issues that can cause issues with understanding and our belief systems. I loved the quote from the presentation posing the question: “Are we going to reach the stage where information has a percentage of fact associated with it?”
The video is also available on YouTube:
The Eagle Scout infographic is a new design from the Boy Scouts of America, and shows them experimenting with using infographics to share their message. It’s odd that I can’t find any mention of it on Scouting.org, but found it posted on the Bryan On Scouting blog, which is the official blog from Scouting Magazine, and posted in the official BSA Twitter stream (@boyscouts). There’s also a high-resolution PDF file available for download if anyone wants to print it out.
My son just bridged over to Boy Scouts from Cub Scouts, and their national office is here in the DFW area, so I was naturally interested. This is a really good first attempt at an infographic design from their design team, but makes a few mistakes visualizing the data.
- Good use of the red, white and blue color scheme. It’s clearly scouting, and specifically related to Eagle Scouts
- The data being presented is fantastic since only the BSA would have access to many of these statistics.
- I love the choices of imagery used. The embroidered patches and icons used for the scouts keeps the design clean and easy to read. Many BSA publications use a lot of full-color photos of the scouts, and that would have added too much visual noise to an infographic design.
- The BSA logo at the top clearly identifies this as an official publication, but it’s missing a title. What should we call this infographic? Why should I read this infographic? Something like “100 Years of Eagle Scouts: By The Numbers” would have worked nicely.
- The information included will change over time since the data is a current snapshot of the state of Eagle Scouts. 2,151,024 Eagle Scouts as of what date? The infographic should more clearly identify the date that the data is gathered from, because people will be looking at this for years on the Internet.
- Filling unusual shapes to show percentages is always a challenge. With images like the hand icon and the globe you can’t just calculate the height of the colored area like a bar chart. You have to calculate the AREA of the space to be colored, or you end up with false visualizations like these.
- The same is true for sizing shapes, like the people icons for the Average Age of Eagle Scouts visualization. You have to size the overall AREA of the shapes to match the data being presented, which is hard with complex shapes. You can’t just change the height.
- The space shuttle avoids this issue by only coloring a rectangular shape in the middle, turning it into a stacked bar chart, but the visualization doesn’t match the data. The red colored section is visualizing more than 60 astronauts as Eagle Scouts, when the number shown is only 40.
- I love the Eagles by Decade data, but avoid 3D charts. The 3D effect doesn’t add anything to the data being presented and it’s incosistent with the rest of the design. The data tells a great story, and clearly shows that Boy Scouts continues to grow strongly and is a viable organization in the 21st century.
- I like this use of the word cloud for Notable Eagles, but don’t change the font sizes because in infographic design this is assumed to convey data. With Brave and Loyal in larger fonts, it implies that these are more important than all of the other virtues. The virtues should all be one, consistent font size, and the names should all be a second font size.
- At the bottom, there should be a copyright (or Creative Commons) statement, and a URL for readers to be able to find the original high-resolution version.
Thanks to Dean for sending in the link!