Using interactive charts and graphs in e-learning

View demo

In a recent Articulate e-learning challenge we were asked to create interactive charts, graphs and tables as these are easily the most overlooked assets in online training. For some reason clients prefer to keep the graphs, workflows or tables identical to the one that’s in their slide deck even if it means cropping and scaling the hell out of them making them virtually useless.

For this challenge I combined some Diversity and Inclusion related material I saw passing by in my twitter stream and remembered I had just seen the most gorgeous graph design on dribble that I had saved into my ‘inspiration’ folder.

In this example the user can explore the graph and add more information to it by clicking the legend at the right hand site. What I like about this approach is that it plays with my personal expectations of what the numbers will be like. Any surprises from my end when seeing the actual results will only embed the learning in a stronger way.

The demo was built in Storyline but could just as easily been put together in Articulate Studio.

So what do you think?

Published by

Jeff Kortenbosch

Jeff is a performance-focused learning professional that believes in making learning relevant again!

5 thoughts on “Using interactive charts and graphs in e-learning”

    1. You’re absolutely right. Normally I would do just that but I wanted to keep the demo as clean as possible.

    1. Hi Robin, this is actually a Fly in animation but I used a shape with the same color as the background to cover the section below the graph. That’s put above the bars in the timeline. Pretty sneaky isn’t it.

Leave a Reply to BusinessEnglishGuru (@busenglishguru) Cancel reply