Any ideas how i could go about doing this? I have been experimenting with various Canvas packages which draw graphs and stuff but nothing that would help to step through an tutorial.
In essence what you want to do is to change the content of some HTML element based on clicks on buttons or other HTMLelements.
You don't really need to use a Canvas for that. Of course, if you want to really make everything animated with lines slowly extending etc, using Canvas makes things a lot easier.
If you réally want to use Canvas, I suggest you to look at Cake.js This is a Vector-based Canvas Library, wich could create results similar to the flash tool in your link. To use it is pretty straightforward, and there is a (small) wiki explaining the basic things.