How Can E-Learning Designers Present Data Using Interactive Charts and Graphs?

Interactive Charts and Graphs #64: Challenge | Recap

I recently began reading The Wall Street Journal Guide to Information Graphics. It’s been on my reading list for over a year, but I never took the time to go through it. Until this week.

Present Data Using Interactive Charts and Graphs

That’s because a blog reader emailed me looking for examples of charts and graphs in e-learning courses. I’ve collected some examples from the news sites, but nothing really focused around online training courses.

Knowing how important information graphics are in the community, I thought this would make a great e-learning challenge!

Interactive Bar Charts

Articulate Super Hero Michael Hinze shared a creative solution for animating bar charts using Storyline 1. Using button sets and custom states, the bar graph updates based on the options selected by the user.

Interactive Bar Charts

View demo | Download

Interactive Graphs with Sliders

One of my favorite examples is this interactive graph from community member Joanna Kurpiewska. Shared in a recent e-learning sliders challenge, this example makes use of Storyline 2's sliders to adjust the market price and quantities of goods. 

Slider Cookies
View the interactive graph

Interactive Charts

Here's another example from Articulate Super Hero Phil Mayor. Learners are asked to add numeric data to compare their data with the chart's built-in data. 

Interactive Charts

View demo

Challenge of the week

This week your challenge is to show how interactive charts and graphs can be used in online training.

You can share a static example of charts and graphs or you can create something more interactive to show and compare data.

Resources

It always helps to build templates and demos when you have real content. Here are a few resources that can help. If you have another source for data, please share it in the comments.

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.
  • Twitter: If you share your demos on Twitter, try using #ELHChallenge so your tweeps can track your e-learning coolness.
  • Facebook: Share your work on our Facebook page by replying to this Facebook post with a link to your example.

Last week’s e-learning challenge:

Here

E-Learning Recap #63: Challenge | Recap

 

Wishing you a chart-tastic week, E-Learning Heroes!

New to the e-learning challenges?

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

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.

If you share your demos on Twitter, try using #ELHChallenge so your tweeps can track your e-learning coolness.

 

106 Comments
Kevin Collins
Ian Monk
David Glow
David Glow
Jennifer Valley
Jennifer Valley
Jackie Van Nice
Kawstov Singh
Jeff Kortenbosch