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.
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.