How to make a chart in Javascript?

Question

So i've been working on alot of things in php, html and css and now i'm interested in Javascript, so i want to know more about charts in Javascript. I know that there are a big amount of classes that i can use, but i want to know how i can make one. I tried to find something useful tutorial or something like that, but couldn't find one.

So, how can i make something like this in JavaScript(how to draw lines and shapes)?

Thanks in advance!

Answer 1

Have a look at the canvas api or take a look at SVG. Here's a great introduction to them both, and what the strength and weakness of each are: http://msdn.microsoft.com/en-us/library/gg193983(v=vs.85).aspx

Answer 2

Here is a bin I created for something I've been playing with recently. Graph test bin

A full explanation of how it works can be found on this article

It's pretty straight forward, uses HTML5 Canvas and JS