Animated Infographics with Keynote for iPad

I use this activity with my Geography classes — ranging from ages 12-16 years old. Infographics, charts, and graphs allow students to visualise and better understand data. And, through animation, activities like this can help students to become data storytellers. 


 

Animated GIF created with Keynote on iPad showing hand-drawn animated infographics on a blue background.


Learning Objective/Intention and Success Criteria

The goal of this project is help students better understand data. The best way to do that is to get students to gather data, and then create their own infographics. Using Keynote for iPad, students can draw their own infographics — bringing together the best of both hand-drawn and digital charts and graphs. Choosing the right type of chart to represent data is key to this. Students can also develop their animation skills through this project, and are challenged to make decisions as to the most effective way to animate their infographics to represent the data. 


 

Screenshot from Keynote for iPad with hand-drawn infographic. A data bar from a chart has been selected with the lasso tool.

The Process

I always find it helpful to create a simple template for students to use when creating infographics, graphs, and charts. This helps to scaffold the process for them, whilst allowing their focus to remain on the data, the skills they will put in action, and the choices they have to make to create and animate their infographics.

A good modelled example speaks a thousand words. I usually begin by showing students an example I have created, and then I walk them through the process of creating this step-by-step.

Then it’s time for them to create! They research and gather data, and then start drawing and animating their charts and graphs. 


 

Screenshot from Keynote for iPad. A bar from a hand-drawn chart in an infographic is highlighted with animation settings open
 
Screenshot from Keynote for iPad. A line from a hand-drawn chart is highlighted with line-draw animation added.


Reflection

Here are some tips and tricks we’ve learned from using Animated Infographics activities in the classroom: 

  • Prepare a template for students in advance. 
  • Use shapes or draw the template. Then ‘lock’ these elements, or save as an image and then add this to another slide. This will help to avoid any hand-drawn elements in your template being connected to their drawings, simplifying the process for them. 
  • Create simple modelled examples, and walk through these step-by-step with students. 
  • Experiment with different types of animations such as ‘Line-Draw’ and ‘Wipe’ and Transitions such as ‘Magic Move’. 
  • The type of animation chosen, and the direction, timing and acceleration all play an important role in the animation process. They should help to tell the story being being told through the data. 
  • Separate different drawn elements so that they can be animated individually. 
  • Draw an outline of a shape (i.e. bar, section of a pie chart), then use the fill tool to save time.


Activities like this allow students to better understand concepts, practice new skills, and learn how to tell data stories in a more personalised, immersive and engaging way. 

They have greater choice about how they complete their work and engage in subject content. 

And, once they have the skills, they can then choose whether to create hand-drawn animated infographics, digital charts and graphs, or use paper or other mediums. 


Some ways to go further with this activity would be to ask students to:

  • Present their infographics to the class.
  • Add audio recordings to each slide or screen record and add a voiceover explaining each infographic.
  • Add screen recordings of their animated infographics to iMovie or Clips and really next level their data storytelling skills by creating and editing their own videos.  


Or, allow students to choose a form of assessment that suits them and how they want to represent their data.


 

Animated GIF created with Keynote on iPad showing hand-drawn animated infographics on a blue background.


Lesson Recap

Students really engage with lessons and activities like this. It unleashes their creativity, whilst embedding new skills and subject content. 

I use this activity in Geography classes, but it can easily be adapted to other subject areas and across a wide range of age groups — from charts and graphs in Maths or Science, to tracking healthy eating, exercise, daily personal skills or the weather. 

Animated Infographics with Keynote for iPad can bring data to life in any classroom!


Learn how, and explore more Everyone Can Create Projects >

 

An image of an illustrated student with an iPad showing their work to their teacher.

All Comments

Posted on August 14, 2023

I love the “Today’s Goals” animated graphic! So cool! All your examples are super ways to get students involved in understanding and creating infographics. You’ve inspired me to work more with this.

Posted on August 15, 2023

Thanks, Cheryl! Yes!! 🙌 The ‘Today’s Goals’ idea was unapologetically inspired by Activity Rings on Apple Watch. Such a great way to show information and data clearly and concisely!

Posted on September 09, 2023

I really love this idea, Eoin, and especially how you explain it so clearly. I’m a huge fan of data visualization as a form of visual storytelling, and it’s such a fun way to teach visual literacy, and math across disciplines. Great animations and examples! 🙌🏼🔥

Posted on September 10, 2023

Thanks so much, Michael! 😊

I agree 💯! Such a vital skill for all to learn — not just our students!

Posted on November 16, 2023

Hello, Eoin,

This looks cool! Could you somehow post the steps in which your students created these? That would be much appreciated. Many Thanks.

Posted on January 20, 2024

Hi James! My apologies that I am only catching up on your reply now.

I don’t really have time at the moment to work on really granular set of step-by-step instructions. But, my Reflections from above has most of it. Here they are below, with some additions to help with finer details and ‘how to’:

That’s most of it anyway. I hope it helps!


Posted on December 02, 2023

Nothing is better than movement to help in the understanding of and concept, really love the idea. Thanks for sharing.

Posted on January 20, 2024

I agree 100%, Dr. Pat! So much power in student being able to see a process, or change over time, etc., rather than just a static image on a page or projector screen. And, even more so when they have created it themselves!

Thanks a lot!

Posted on March 15, 2024

Using animated infographics in math class to create graphs is a creative and engaging way to teach students about data visualization. It can make the lesson more interactive and visually appealing, helping students better understand the concepts. Using animation can make the learning experience more dynamic and fun, which can help capture students' attention and keep them more engaged in the material.

Posted on March 20, 2024

Yes! 🙌 Such an engaging and creative way to approach a Math lesson. And, also bring real world data (through student surveys, etc.) and numeracy into any subject area to further develop their data visualisation skills. Thanks, manickam! 😊

Maximum file size: 400MB

Insert a video

Insert an image

Insert an image

125: 125
220: 220

This action can’t be undone.

Error Message

Are you sure you want to continue? Your changes will not be saved.

This post contains content from YouTube.

If you choose to view this content, YouTube may collect and process certain personal data. You can view YouTube’s <a href="https://www.youtube.com/t/privacy" target="_blank">privacy policy here<span class="a11y">(opens in new window)</span>.</a>

This post contains content from YouTube.

You’ve rejected content from YouTube. Tap the button below to change your consent.