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: June 8, 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

Entries in Visualization (47)

Saturday
Feb272016

Using Visuals to Enhance Your Credibility

Infographics and visuals have become the lifeblood of storytellers, be it marketers, professors, presenters, etc. They are constantly battling short attention spans, information overload, and little vested interest from their audience. The smart marketer knows their target, and comes with a battle plan to defend against all of these things. This is where visuals come in.

Reasons to Use Visuals

We’ve relied on visuals for everything from street signs and movie banners to websites and presentations. Using visuals to express information has long been a part of our history. Here are just a few more reasons to use them in your presentations and marketing efforts:

1.     Getting Attention

A visual makes information stand out more than just text alone. Studies estimate that between 50-80% of the human brain is dedicated to forms of visual processing.

On social media, they simply take up more real estate than their text only counterparts. A post with some type of visual content has 94% more total views on average than content without images, according to MDG advertising.

2.     Simplicity

As humans, we’re simply wired to receive rich visual information, and can understand more complex information when it is presented visually. Infographics are a great way to provide your audience with context when displaying statistics that are otherwise meaningless.

3.     Credibility

Credibility is one of the biggest reasons to use visuals. Put a statistic in an article and it is questioned. Put a statistic in a visual and it is fact.

In fact, every form of visual information lends credibility to what is presented. 46.1% of people say a website’s design is the number one way to determine the credibility of a company, according to the Stanford Persuasive Technology Lab.

This works the same way in presentations. In 1986, a 3M-sponsored study at the University of Minnesota School of Management found that presenters who use visual aids are 43% more effective in persuading audience members to take a desired course of action.

Use This Power Responsibly

In light of this information, it is important to use this responsibly. Providing accurate information is the most important thing content marketers and visual storytellers will do. No matter how beautifully crafted your infographic or visual is, it can be destroyed by one misrepresented fact, or out-of-context statistic.


Wednesday
Feb172016

Great DataViz Design: Justice Scalia's Ideology

Great DataViz Design: Justice Scalia's Ideology visualization infographic

The Upshot at the New York Times consistently does a great job visualizing data. How Scalia Compared With Other Justices is a fantastic example of clean, effective storytelling with chart design!

The death of Justice Antonin Scalia will leave the Supreme Court with equal numbers of conservative and liberal justices. Justice Anthony M. Kennedy is likely to be the swing vote in most cases.

For social media, they published a simplified version that just shows the current Justices:

Justice Scalia's Ideology infographic

Why is this design so good? Here are my thoughts on why this chart design is great:

  • Minimal chart legend. The color key shows only 2 colors to designate the party of the nominating President. The names of all the Justices are built into the chart itself, which keeps that important information tied to the data in the reader's field of view. Default charts in MS Office would have created a different color for every Justice, and made this chart confusing and visually noisy.
  • Minimal axis labels. Notice the x-axis only shows a label for each decade. You don't need to know where 2004 is specifically. I think they could have minimized further to just the first and last years.
  • Use of opacity. Justice Scalia is the main story of the visual, so his line is heavier weight and bright color. This is a great use of preattentive attributes! All of the other Justices are shown is lighter colors for reference, and the main story stands out.
  • Minimal grid lines. There are a lot of lines on this chart, so only a few gridlines are included to keep the chart as simple as possible.
  • Minimal Text on the page. The chart is connected to a full article, but on this landing page the data visualization tells the story all by itself. The description text on the page is only two sentences long, leaving the visual as the visual centerpiece. 
Monday
Jan252016

Building Responsive Data Visualization for the Web

Building Responsive Data Visualization for the Web book cover

Building Responsive Data Visualization for the Web by Bill Hinderman is a new book that just came out in November. I had the pleasure of helping Bill as the Technical Editor on the book last year, and I can say it's a fantastic guide to structuring your data and building your code for interactive data visualizations that work perfectly on every screen size.

January Giveaway! This month I am giving away one signed copy to a randomly chosen winner. Register on the GIVEAWAYS page by 11:59pm CT on January 31, 2016 to be entered. A winner will be randomly selected on February 1st.

Data is growing exponentially, and the need to visualize it in any context has become crucial. Traditional visualizations allow important data to become lost when viewed on a small screen, and the web traffic speaks for itself – viewers repeatedly demonstrate their preference for responsive design. If you're ready to create more accessible, take-anywhere visualizations, Building Responsive Data Visualization for the Web is your tailor-made solution.

Building Responsive Data Visualization for the Web is a handbook for any front-end development team needing a framework for integrating responsive web design into the current workflow. Written by a leading industry expert and design lead at Starbase Go, this book provides a wealth of information and practical guidance from the perspective of a real-world designer. You'll walk through the process of building data visualizations responsively as you learn best practices that build upon responsive web design principles, and get the hands-on practice you need with exercises, examples, and source code provided in every chapter. These strategies are designed to be implemented by teams large and small, with varying skill sets, so you can apply these concepts and skills to your project right away.

Responsive web design is the practice of building a website to suit base browser capability, then adding features that enhance the experience based on the user's device's capabilities. Applying these ideas to data produces visualizations that always look as if they were designed specifically for the device through which they are viewed. This book shows you how to incorporate these principles into your current practices, with highly practical hands-on training.

  • Examine the hard data surrounding responsive design
  • Master best practices with hands-on exercises
  • Learn data-based document manipulation using D3.js
  • Adapt your current strategies to responsive workflows

 

I asked Bill to answer a few questions about his book:

Who is the book intended for?

The book is for a development and design team that is looking to shift toward responsive, mobile-first practices.  While it's certainly geared most toward data visualization projects, the book spends a hefty amount of time building responsive design tenets before then getting specifically into visualization.

 

What’s the most important thing to make a great data visualization?

In my mind, the most important thing in making a great data visualization is the output being actionable.  The goal of a visualization is always to make something more clear, right?  All of the data is already...there, in its raw form.  So the initial goal, the more achievable goal, is clarity. But making something clear, and then also making it actionable - that is - pushing the reader/viewer/user toward actually doing something with the data, is where greatness shows up.

 

Do you see everyone moving towards responsive data visualization, or are a lot of companies holding back?

No, I actually don't.  I see a huge amount of people holding back, really with the same reasoning that plagued responsive design in its early stages.  That being: "People don't want to do that on mobile."  Which is, quite frankly, ridiculous.  Every study Pew has put out (I reference plenty of them in the book) shows that as soon as someone is given the opportunity to do something on mobile, they do it.  Moreover, there's an increasing amount of mobile-only users, rather than simply mobile-first.  Very soon, desktop users are going to be seen as an antiquated, legacy type of use case, rather than the default.

 

What's the difference between Responsive Data Visualization and Responsible Data Visualization?

Responsive data visualization is the practice of building data visualizations in such a way that they adapt, respond to, and feel natural regardless of whatever device type a user is accessing them with, and whatever the data set looks like.  In this way, it is the responsible way to visualize data.  So...there isn't one, I suppose.

 

What do you mean in the book by “Think Small”?

So a concept that's very closely tied to responsive design is thinking mobile-first.  That is: designing first for your most limited use case: a small screen, a bad network, sloppy, finger-based gestures.  In data visualization, we actually have an even more limited use case: no screen at all.  That's where building a good API comes into play.  Thinking of the smallest, most limited use case, say, an external call to your API from a different website, and building toward that first.  That way, as you gain real estate, features, bandwidth, you are simply enhancing something that already has a great foundation.

 

What are your thoughts on D3.js and its future?

It's the best, and I love it and if I could, I would shower it with chocolates.  D3.js is, if you're able to devote a development resource to learning it, the absolute best way to create a visualization on the web, because it uses all the languages of the web.  Because it isn't some applet, or some plugin, or some...image, I suppose, it just works intuitively like you are building normally for the web.  Because of this, I think the future is bright.  Even if it were never to be updated again (which isn't the case), it would still implicitly grow in functionality as web languages evolve and grow around it.

 

What’s available for readers on the book website: http://responsivedatavisualization.com/?

The website has snippets from every chapter of the book, along with exercises and code samples that go along with the practice sections in the chapters.  All of the code links to GitHub, and can be forked, built locally, and compared with solutions.

 

Are you speaking at any upcoming presentations or webinars?

I am!  I'll be speaking at Strata + Hadoop World San Jose in March (http://conferences.oreilly.com/strata/hadoop-big-data-ca).

 

Where’s the best place to follow you online?

The best places to follow me online are my own website (billhinderman.com), LinkedIn (linkedin.com/in/williamHinderman), or Twitter (twitter.com/billHinderman).

 

Thursday
Jan072016

Three Simple Resolutions to Design Better DataViz

Welcome back to the office! You’re back to work in the new year with energy and ambitions of doing better work than you’ve ever done before. Very quickly though, you fall back into the old routine and find yourself making the same charts and the same presentation slides as always. There are tight deadlines, pressure from your boss, and it’s just easier to use the templates.

Let me offer a few simple resolutions that can make your content and business communication significantly better this year.

Visualize Your Data

Visuals are so much more powerful than text and numbers. I can’t tell you how many presentations and infographics I see from lazy designers that just make the numbers really big.

“Big fonts are NOT data visualizations!”

Picture Superiority Effect infographic

Our brains process visual information faster and more easily than text, and visual information is 650% more likely to be remembered by your audience than text alone (Brain Rules, John Medina, 2009). If you want to communicate a clear message, and you want your audience to remember that message, make it visual.

Visualize Your Data infographic

Look at these two statistics. They could be on a presentation slide, in a report, or included in an infographic. Your eye is drawn to the visualized number on the left, with both a doughnut chart and an illustration of the concept of GPS location. You as the reader are more likely to remember that statistic on the left than the number on the right, which just shows the stat in a big font size.

Remove Chart Legends

It’s frustrating that the most popular charting software in the world, Microsoft Office, always includes a chart legend by default. The “tyranny of the default” is that most designers will just accept it, and not improve their charts. It’s your responsibility as the dataviz designer to make your charts as easy as possible to understand.

Legends that are separate from the visualization of the data make your readers work much harder, looking back and forth between the data and the legend, to understand your visualization. Make understanding your data visualization much faster and easier by moving the data descriptions into the chart itself, and connected to the actual data.

Remove Chart Legends infographic

Here you can see the default column chart created by PowerPoint on the left, and an improved version on the right. In this example, I removed the chart legend and added the data descriptions below each column. To add a visual element, I also added stock icons to visually represent the age groups as images on top of the chart. These chart improvements only took 10 minutes to create, and the chart is much easier to read.

Try New Ways to Visualize Your Data

You do want your audience to remember your data, right? You’re trying to help them make better decisions based on your information, and for that to be successful they have to be able to remember your data. Purchase decisions, voting decisions, health decisions, financial decisions, business decisions, and many more are all impacted by the information people have, and can remember.

Breaking out of the Big 3 charts is tough. Bar charts, line charts and pie charts (the Big 3) make up most of the dataviz in the world. However, they can also make your data look like everyone else’s. In order for visuals to be memorable to your audience the visuals need to be unique and different.

Visualizing Percentages infographic

Consider a single percentage statistic: 36%. A percentage is actually two numbers in comparison. Your data value as it compares to 100%. Pie charts are the most common way to visualize a percentage, but there are easily more than 25 different ways to visualize this statistic.

Visit sites these sites to discover new ways to visualize your data:

Design Better DataViz This Year

I ask you to make your own resolution to improve your charts and dataviz designs this year. Start with the three resolutions above, and start communicating data more effectively.

Monday
Dec142015

DataViz Gift Guide 2015

Some of the best DataViz themed gifts for the holiday season, with some great deals and discounts as well.

BOOKS

DataViz Gift Guide 2015 Books

 

POSTERS

DataViz Gift Guide 2015 Posters

  • Timeplots.com - 20% OFF all infographic posters, Discount Code “coolinfo”
  • HistoryShots - Check out PopWaves, the updated History of Pop/Rock Music poster!
  • Pop Chart Lab - Running a 12-Days of Christmas sale in December

 

TOOLS

DataViz Gift Guide 2015 Tools

  • Visme.co - Free trial, 40% OFF first payment (monthly or yearly subscription), Discount Code “COOL40”
  • The Noun Project - Free with attribution or $9.99/month unlimited. Creating, Sharing and Celebrating the World’s Visual Language
  • IBM Watson Analytics - Free & Paid editions. Predictive analytics and data visualization. Analyze your data in minutes on your own without downloading software.

 

TRAINING

DataViz Gift Guide 2015 Training

 

CONFERENCES

DataViz Gift Guide 2015 Conferences

What else would you add to your DataViz wish list?

Thursday
Oct152015

iOS Version Release Date History

iOS Version Release Date History

iOS Version Release Date History is a data visualization that shows how long each version of iOS has gone through beta versions. I really like this visualization by Will Hains and posted on his site Thinky Bits.

The design is still a work-in-progress, and it still requires me to go in and edit it every time a new beta is released, but it’s much less work than it used to be. And now, with the magic of Google’s Charts API, it’s interactive as well. The chart is 100% generated by Javascript in the browser, producing slick SVG images on-the-fly.

The stacked bar style clearly shows how long each version spend in the development process, and specifically shows how fast iOS 9.1 is being pushed through the system.

You can also see how long each version was the official current version in the wild, and the general trend to update iOS more frequently in Will's 2nd chart.

iOS Final Version Release Date History

Monday
Oct122015

Giveaway: Data Visualization Training Video Package

I have ONE Data Visualization - 5-Course Video Training package from O'Reilly to give away in October! This is a great giveaway! Regular price $309.99, Over 14 Hours of online training

Register HERE by 11:59pm on October 30, 2015 to be entered.

A winner will be randomly selected on Oct 31st.

Successful data visualizations allow you to impart meaning and emphasis to your data points. This Learning Path will teach you how to display trends, patterns, and outliers while you discover the power of letting your data to speak. Once you’ve finished, you’ll be able to efficiently communicate volumes of data with ease. The Data Visualization training package includes all five course videos:

  1. An Introduction to d3.js: From Scattered to Scatterplot, Presented by Scott Murray | 2 hours 52 minutes
  2. Learning to Visualize Data with D3.js, Presented by Rafael Hernandez | 3 hours 52 minutes
  3. Using Storytelling to Effectively Communicate Data, Presented by Michael Freeman | 1 hour 30 minutes
  4. Effective Data Visualization, Presented by Jeff Heer | 2 hours 52 minutes
  5. Intermediate D3.js, Presented by Scott Murray | 3 hours 38 minutes
Tuesday
Sep082015

DataViz & Infographics Fall Course at SMU CAPE

Cool Infographics Course at SMU

Infographics & Data Visualization Design

September 24-November 12, 2015 | 6pm-9pm Thursday Evenings | SMU CAPE Plano Campus | $595

$75 off discount code for Cool Infographics readers: RK215

This Fall, I will again be teaching a course as part of the CAPE program (Continuing and Professional Education). This time the course will be at a new location at the SMU Plano Campus. This is a very hands-on course where participants will start to develop better charts, infographics and your own infographic resume. Topics include:

  • The art and science of data visualization and infographics
  • The data visualization and infographics design process
  • Data analytics and basic statistics for the designer
  • Different chart types, dashboards and graphing options
  • How to use the various software and online tools readily available and when to use them
  • Strategies for publishing and promoting infographics online
  • Understanding IP, trademark and copyright issues and how they relate to infographics
  • And more...

Please share with anyone in the Dallas area, or join the class yourself. Enrollment is very limited, so register quickly!

Click Here to learn more: bit.ly/SMU-DataViz-Plano


Also check out the DFW Data Visualization & Infographics Meetup group with monthly speakers and events in the Dallas-Fort Worth area!

Sunday
Feb222015

Cool Infographics Course at SMU

Cool Infographics Course at SMU

Infographics & Data Visualization Design

April 7-May 19, 2015 | 6am-9pm Tuesday Evenings | SMU CAPE Dallas Campus | $495

$50 off discount code for Cool Infographics readers: VIP50

I will be teaching a new course at the SMU Dallas Campus this spring as part of the CAPE program (Continuing and Professional Education). In this course, working professionals will become familiar with the exciting and expanding field of data visualization and infographics. By attending this course you will start to develop your own portfolio and learn:

  • The art and science of data visualization and infographics
  • The data visualization and infographics design process
  • Data analytics and basic statistics for the designer
  • Different chart types, dashboards and graphing options
  • How to use the various software and online tools readily available and when to use them
  • Strategies for publishing and promoting infographics online
  • Understanding IP, trademark and copyright issues and how they relate to infographics
  • And more…

Please share with anyone in the Dallas area, or join the class yourself. Enrollment is very limited, so register quickly!

Click Here to learn more: bit.ly/SMU-DataViz


Also check out the DFW Data Visualization & Infographics Meetup group with monthly speakers and events in the Dallas-Fort Worth area!

Wednesday
Dec242014

The Graphic Continuum - Desktop Version

The Graphic Continuum - Desktop Version

Jon Schwabish and Severino Ribecca have released a full-color, double-sided, laminated 8.5”x11” desktop version of The Graphic Continuum, available for only $10 until the end of the year when the price will go up to $13. This is a smaller version of The Graphic Continuum poster they released earlier this year.

Nearly 90 graphic types grouped into 6 categories on a laminated 8.5”x11” sheet. It does not include every type of graphic, nor does it display every type of link between visualization, but it serves as a thought-starter. Use it to develop ideas, consider different options, or simply as a piece of art.

A fantastic reference of data visualization methods to give you some ideas for ways you can visualize your data differently.

The Graphic Continuum - Desktop Version Page 1

The Graphic Continuum - Desktop Version Page 2