Create a jquery / html5 canvas graph

Question

So I need to create a graph that basically looks like an ascending line graph. on the x-axis will be time, and on the y-axis will be achievements that the user has unlocked. Each achievement shown will be a specified height above the previous, and a certain distance across the x-axis depending when they were unlocked.

What would be the best method to accomplish this?

Have you looked at processingjs.org?

jimw
– jimw

2012-04-07 04:29:28 +00:00
Commented Apr 7, 2012 at 4:29 — jimw
– jimw, Commented Apr 7, 2012 at 4:29

Alexander · Accepted Answer · 2012-04-07 04:58:54Z

2

You can use HighCharts. Or, Raphaël for a more powerful solution. These libraries works using SVG.

Here there is an example using HighCharts.

answered Apr 7, 2012 at 4:58

Alexander

23.5k11 gold badges65 silver badges74 bronze badges

Sign up to request clarification or add additional context in comments.

2 Comments

Sneaksta Over a year ago

I've already used Highcharts but I want something very basic and simple that's very customisable.

Sneaksta Over a year ago

Okay so I didn't look at Raphael, my bad - looks amazing. I'm going to give it a go. Thanks!

sam · Accepted Answer · 2014-03-13 22:03:31Z

0

you can visit this site for canvas tutorials like charts.

canvas tutorials

answered Mar 13, 2014 at 22:03

sam

1

Collectives™ on Stack Overflow

Create a jquery / html5 canvas graph

2 Answers 2

2 Comments

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

2 Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Related