HAT-TRICK: Adding Interactive Charts to Quiz Results

Oct 14, 2013

In this quick screen-cast am exploring the possibility of adding Statistical charts to your quizzing results. It took me two days to do it, therefore, posting the details of doing it would require about 30 minute video, so I thought if only one of you is interested in the know-how, I would post it for all of u. Hope it helps.

Regards,

Nihad

YoutTube-Interactive Charts Video

10 Replies
Nihad Nagi

STEP1: OVERVIEW

To add any charting method to your e-learning course, you will need a charting tool to be used as a web-object, and then manipulated by your course variables as the charting data.

STEP 2: Choose the JavaScript Graphing Library

There are numerous open-source JavaScript libraries, after a thorough analysis, two grabbed my attention:

  1. jChartFX
  2. jqPlot

I have chosen jChartFX for two good reasons: the extensive documentation and the varies of data representation techniques available. The only drawback was the watermark on the chart, but when you manage to remove it, you got only the pros and no cons.

STEP 3: Getting Started with jChartFX

In this Step-by-Step video, I will illustrate how to deploy the jChartFX and customize it, as a Web-Object in Storyline.

YouTube Video - Getting Started

Gareth Humphris

Hi Nihad,

Thanks for the tutorial on JS integration... how do I pass variables selected from the Storyline quizzes to a chart?

For example, I want collect 8 'scores' from a survey and feed them to a Radar Chart.

ie, say person 1  had                person2 had    

Score1=5                               Score1=1

Score2=3                               Score2=5

Score3=4                               Score3=4

Score4=2                               Score4=1

Score5=1

Score6=3

Score7=4

Score8=2           

Who could I draw a different graph for each person from Storyline inputs/variables

Christie Pollick

Hi, Pankaj -- I see that Ashley has already provided you with a great resource, but as I am also unfamiliar with spider charts or graphs, I wanted to stop in to share this thread where spider graphs were mentioned.

You may want to reach out directly to the author of the post, Laurie MacDonald Steele, via the 'contact me' link on her profile page to see if she was able to find a solution that she could share. 

It also might not hurt to start a new post over in our Building Better Courses forum to see if others can share their ideas or experiences with spider graphs. :)

This discussion is closed. You can start a new discussion or contact Articulate Support.