An Interactive Infographic : Course 3 Final Project

For my Course 3 final project I really wanted to push myself to create an interactive infographic that I could use to share a little bit about the countries that I have called home. I had made infographics before using Canva but I wanted to take the next step and include variable data outputs. In my last post I mentioned that I love, love, love Gapminder so I decided to use some of the country data available there to stock the spreadsheet that I would use for my raw data file.

Gapminder Tools. (2018). Retrieved 10 October 2018, from

The first step in this project was to make the infographic that I would use as a background image for the mobile aspects of my project. I’ve enjoyed using Canva in the past and I find it pretty easy to manipulate the features. My biggest issue with Canva is that so many of their elements and images are behind a paywall. Booooo, Canva. BOO.

Despite this, I was able to create an infographic background image that I liked and download it to use as my background image.

Next I used this tutorial to upload my image into Displayr and start making my interactive infographic. I have a little bit of coding experience and this definitely helped me when I was making R Outputs, but I think that anyone would be able to use Displayr regardless of coding experience. There was plenty of trial and error when I started pasting data tables and I ended up creating a separate table for each variable (life expectancy, child mortality, etc) and that made things go more smoothly. Once the data was entered and the R Outputs were created, it was just a matter of doing the fun formatting stuff and taking it for a test drive! This was a very satisfying project and included the perfect balance of challenging new experiences that tested my coding skills and easy user interface.

Although I wasn’t designing a presentation, I did try to include some of the Zen Presentation principles that I learned during Course 3 by limiting the number of complex images, text, and colors that I used in the infographic and the final product. I kept the color scheme limited and used minimalist icons from The Noun Project (in lieu of the pricey images available on Canva). Because I chose to use data about countries instead of personal data, I don’t see myself using this as a recruiting material, but I can absolutely see myself using Displayr with students. Last year I did a project with students where they were making VR worlds using a drag and drop VR generator called CoSpaces, and the most popular element of that project was the Blockly coding that was embedded in the program. Based on my student’s abilities with that project, I think that creating an interactive infographic with Displayr would be an appropriate challenge for them.

The biggest issue that I had came when it was time to export the finished interactive infographic. I had hoped to be able to embed the whole thing into the About Me page of my COETAIL blog but unfortunately that wasn’t an option. What I CAN do is include a static image of the infographic and a link to the interactive portion. Not the best, but it will have to do for now.

Here is a picture of my finished infographic and if you click HERE you will be able to use the interactive features to learn more about the countries where I have lived.

3 comments to “An Interactive Infographic : Course 3 Final Project”
3 comments to “An Interactive Infographic : Course 3 Final Project”
  1. I love your interactive infographic. As you said canva is really good to represent data visually and for infographics but a lot of it is not freely available. Also what you have done to make it interactive by using another tool is really cool. I enjoyed checking it out.

  2. I also enjoyed the interactiveness of the infographic. The fact that you can change the country to change to information displayed makes so you don’t have to try and fit everything on one graphic. This is a great way to share about yourself and the places you have lived. Great work

  3. Wow – I don’t think I can love this enough. An incredible idea and a wonderful and thoughtful post about how we can all give it a try. I hadn’t heard about Displayr and I had wanted to explore some ways to take the Gapminder data – this looks like just the tool. No worries about the embedding into the blog. The link is great. But for interest’s sake – were you not able to embed because of wordpress or because of Displayr? Just curious!

    Fantastic work.

Leave a Reply

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