Using Interactive Charts to Present Data, Facts, and Figures in E-Learning #357

Interactive Charts and Graphs in E-Learning #357: Challenge | Recap

Charts and graphs are great way to present complex information that's easy to digest and understand. When combined with interactive elements like buttons and sliders, static graphs can be transformed into engaging infographics. And that's what this week's challenge is all about.

Challenge of the Week

This week, your challenge is to show how interactive charts and graphs can be used in e-learning. You can share a static example of charts and graphs, or you can create something more interactive to show and compare data.

Animated Charts & Graphs

This example from Allison shows how entrance animations can be used to animate static charts and graphs. This type of build-and-hold approach works well when you’re including audio narration with the animated objects.

Animated Charts & Graphs

View the example | Download

Interactive Charts with Sliders

Here's a creative example from Joanna Kurpiewska that uses a custom slider to reveal bars in a bar chart. 

Interactive Charts with Sliders

View the example | Learn more

Recommended Reading

Knowing what type of chart to use is important. If you're interested in learning more about the dos and don'ts of using graphs, this book from the Wall Street Journal is an essential read.

The Wall Street Journal Guide to Information Graphics

 Get the book

Share Your E-Learning Work

  • Comments: Use the comments section below to share a link to your published example and blog post.
  • Forums: Start  your own thread and share a link to your published example..
  • Personal blog:  If you have a blog, please consider writing about your challenges. We’ll link back to your posts so the great work you’re sharing gets even more exposure.
  • Social Media: If you share your demos on Twitter or LinkedIn, try using #ELHChallenge so your tweeps can track your e-learning coolness.

New to the E-Learning Challenges?

The weekly e-learning challenges are ongoing opportunities to learn, share, and build your e-learning portfolios. You can jump into any or all of the previous challenges anytime you want. I’ll update the recap posts to include your demos.

Learn more about the challenges in this Q&A post and why and how to participate in this helpful article.

Last Week’s Challenge:

Before you chart new territory this week, check out the creative masking and cutout effects your fellow challengers shared over the past week:

Masking and Cutout Effects in E-Learning #356

Masking and Cutout Effects in E-Learning #356: Challenge | Recap

131 Comments
Ron Katz

Here is my entry for this weeks challenge. ** Updated 24JAN2022 to include a timed puzzle (click the puzzle piece) at two levels ** *** Note: with the puzzle watch out for Rhode Island, it is pretty small. If a piece is in the right place, you need to pick it up and drop it again. Pieces will turn green when you place them correctly. *** Demo: https://360.articulate.com/review/content/f3371000-7b49-4757-a74a-2d2f922e4637/review Huge thanks to Nicole Legault who provided an interactive map available for free download on Articulate. ( https://community.articulate.com/download/storyline-360-interactive-map-usa ) For my project I began by recoloring the map to be more "Veri Peri". The content on the slide layers was deleted and replaced with pictures of a Word Mail Merge... Expand

Jodi M. Sansone
Jonathan Hill
Jonathan Hill
Jodi M. Sansone
Karin Lorbeck
Doris Chwist
Doris Chwist
Nathanial Hilliard
Alicia de Billy
Thierry EMMANUEL
Ron Katz
Thierry EMMANUEL
Frederic Brewer
Ron Katz
Nick Russell
Paul Alders
Paul Alders