Create interactive infographics using infogr.am

Infogr.am is a free online tool that allows users to create embeddable interactive infographics.

One of my staff’s goals this year is to bring the same variety of storytelling models to the web that they offer in print. That means exploring a lot of new tools that make online interactivity much easier than it used to be (back in the good ol’ Adobe Flash Action Script coding days). As they do this, I’m asking them to share the tools and their process in a series of short Q&A posts. If your staff experiments with one of these or another online multimedia tool, please share.

1. Which multimedia tool did you use?

Infogram <infogr.am>

2. What does it do?

Infogram creates an infographic based on the entered information and a chosen template.

3. What story did you use it for, and why did you choose this particular tool for this story?

I used Infogram for the football season preview <http://elestoque.org/2012/08/23/sports/football-numbers/>. I needed to create an infographic quickly and Infogram took a lot less time than something like Adobe Illustrator would have. I also thought that something created by Infogram would be more interactive than a typical season preview article as well as easier to understand than just a text story.

4. What did you find the tool does well (what worked)?

Infogram is a very efficient alternative; it took about 20 minutes to complete my infographic. The templates are visually appealing and there is an option for reader interaction as well.

5. What were your frustrations with the tool (what didn’t work, or at least didn’t work as you’d hoped)?

Since Infogram is still in beta mode, there are bugs and minor problems. For example, the “matrix chart” option would not allow me to display fewer than 100 people, which was frustrating because I only wanted 39 people. The spacing also gets messed up every once in a while on certain computers. Reader interaction options, while present, are minimal.

6. When might you recommend this tool to others?

I would recommend Infogram for any infographic that needs to be created quickly, as it takes only about 10-20 minutes and is generally pretty easy to use. It is also an excellent alternative to a text-only story (which people may end up skimming over), especially for any information which contains a lot of numbers. The interactivity of graphically illustrated information is the best part.  However, I would not recommend it for print or for more complicated infographics since Infogram’s templates are very simple and don’t actually have that many options.

— Q&A with senior Carissa Chan, El Estoque sports editor

Michelle Balmeo

Michelle Balmeo, MJE, is the adviser of The Whirlwind newsmagazine and online news publication at West Albany High School in Albany, Ore. She's done some print stuff, some video stuff, and some web stuff over the past 16 years as a student media adviser.

Michelle Balmeo has 66 posts and counting. See all posts by Michelle Balmeo

5 thoughts on “Create interactive infographics using infogr.am

  • September 13, 2012 at 12:13 pm
    Permalink

    Great story. How do you export the infographic?

  • September 13, 2012 at 3:51 pm
    Permalink

    I don’t think you can. The publishing options allow you to choose Twitter, Facebook, Pinterest or to grab the embed code. You could screenshot the image, but I don’t think the quality would be great.

  • September 13, 2012 at 3:53 pm
    Permalink

    You could use http://piktochart.com/ to create infographics that are exportable. The free options are limited, though.

  • September 14, 2012 at 1:02 pm
    Permalink

    Thanks. Any advice on pasting iFrames into WordPress websites. It isn’t showing up.

  • September 14, 2012 at 1:14 pm
    Permalink

    Weird. She just pasted the embed code into the html editor window and, while it doesn’t appear in preview, it worked when published.

Leave a Reply

Your email address will not be published. Required fields are marked *

This site uses Akismet to reduce spam. Learn how your comment data is processed.