Interactive Graph

Jan 23, 2013

Hello,

I am working on a Storyline interactive for an open education resource project regarding the Henderson-Hasselbach equation (bio-chemistry, no knowledge of this equation is required to answer my question). Ultimately I would like a slide that has the equation in it, where you can plug in different values and there would be a constantly changing graph, much like you see in (good) online math tutorials.


Is this possible with Storyline? Could I have it sync to an Excel document that is linked to the graph on the page? Or some other method? What is the best way to approach this?

Thanks!

Katie

8 Replies
Steve Flowers

I'm thinking along the same lines as Steve. Either as a custom SWF (requiring someone adept at building simulations / graphs in Flash) or within a Web Object. 

Are there any graphing websites that you're referencing for this one? If you can find free tools (stuff you can use / borrow / get permission to use), there's likely a way to display it within Storyline.

The other alternative is to "fake it in phases". Build a graphic of a graph in different states and restrict the selections of the input to model only these slices. This provides a less fluid experience but sometimes simple and constrained works better for learning. It depends on what you want to accomplish

The mix of both of these isn't a bad idea either. Presenting the phased illustration to model the process and begin building the mental model. Then using something more complex to allow experimentation or to validate performance.

Katie Hughes

I'm currently at the point where I'm trying to figure out how to approach it. I've been googling, "How to make an interactive graph" and I figure if I can't get the graph to be in the interactive, I can at least provide a hyperlink to the graph I create. Or if all else fails, just have the interactive do a calculator type thing -- but the visual would be ideal. I'm currently looking into flash.

Dan Frazee

This blog not only accomplishes the goal, it also provides source files so you can dig into the code and see exactly how it is being implemented.

http://elearningbrothers.com/the-power-of-using-charts-with-javascript-and-storyline/

 Eventually there will be a part 2 of this series which will make this demo even more dynamic by adding the ability to control the amount of bars in the chart without even opening the code.

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