Interactive Infographics

Big Data Reflection

In this course—and no doubt in life—you have encountered many infographics, like the one to the right. They have become a part of our culture, our digital zeitgeist. What exactly is an infographic, though?

Infographics are visual tools that allow information, data, or knowledge to be quickly and easily communicated through a single image. Furthermore, information designer Dave Gray extrapolates upon the purpose of an infographic, listing six key features:

  1. It is a visual explanation that helps you more easily understand, find or do something.
  2. It is visual, and when necessary, integrates words and pictures in a fluid, dynamic way.
  3. It stands alone and is completely self-explanatory.
  4. It reveals information that was formerly hidden or submerged.
  5. It makes possible faster, more consistent understanding.
  6. It is universally understandable.
Source: Communication Nation, Dave Gray


Your job is to program an interactive infographic about your TEDxKinda presentation. An interactive infographic allows users to dynamically manipulate the data in order to engage users and illustrate major concepts. You may program the interactive infographic with Processing or Scratch, but there are many other tools specifically designed for creating interactive infographics.

How to Make an Interactive Infographic

First, design a static infographic to which you can then add interactivity. You might want to brainstorm design ideas with interactivity in mind, but one step at a time. For your infographic, you will need the following three components of all infographics:

  • Visuals (e.g., color coding, graphics, reference icons, etc.)
  • Content (e.g., time frames, statistics, references, charts)
  • Knowledge (e.g, inferences, connections, explanations, deductions, predictions)

The design of your infographic will likely not represent all of the work you have put in for the TEDxKinda Project, so select the most relevant points, focusing on quality over quantity.

The following tools and resources may help you obtain the visuals and content of a static infographic. Once you have designed a static infographic prototype, make it interactive so that users can manipulate the data or format of the infographic.

Creating charts and other components

Pulling components together

  • Word/Pages
  • Powerpoint/Keynote
  • Photoshop
  • ComicLife
  • Prezi
  • Visualize (iOS app)

Find clipart, photos, and images

Create entire infographics

Explore these 10 Wonderful Examples of Interactive Infographics for inspiration. Think about how you may apply the same strategies as they have, but with your topic, your knowledge, and your data.