How do they draw the charts/graphs on stackoverflow?

tags:

views:

415

answers:

4

+3 Q:

How do they draw the charts/graphs on stackoverflow?

I spent ages learning VML and creating charts for a website once, but since VML only works in Internet Explorer, it's not much good these days.

I notice stackoverflow has graphs on my profile page, under 'reputation', but I wasnt able to see how they did it.

Can anyone suggest a way to create client-side charts or diagrams, that work in all browsers? I do not want to use the server-side method whereby an image file is created on the fly. I may wish to interact with the chart with JavaScript too.

[Edit - it's not just charts I want to draw. Perhaps little diagrams too!]

Thanks.

+7 A:

Flot is excellent.

Galwegian 2008-11-12 12:34:34

I was going to suggest SVG, but flot looks amazing.

John Ferguson 2008-11-12 12:45:10

SVG requires users download and install a plugin i believe?

Magnus Smith 2008-11-19 10:54:33

SVG works natively with pretty much everything but IE, which has VML instead. Google have a JS compatibility layer they're releasing (not quite sure if it's out yet) that emulates SVG in IE using VML - much the same way as ExCanvas simulates a canvas. So yes, you can use SVG now, without a plugin, and even in IE if you're feeling brave.

ijw 2009-08-26 17:09:54

+3 A:

mkoeller 2008-11-12 12:45:40

Great, I need to find a use for that ;-).

Gamecat 2008-11-12 12:54:15

I didn't think you could interact with Google Charts once they were rendered..?

Galwegian 2008-11-12 13:03:08

I have used these before - they are great! But in the question I did say I wanted a client-side process.

Magnus Smith 2008-11-12 13:06:32

OK, It seems I missed that point.

mkoeller 2008-11-12 20:57:10

A:

Check out the Google Chart API. You can do all sorts of sophisticated things with minimal effort - by you at design time and by you server at run time. Nice.

Daniel M 2008-11-12 12:45:42

I have used these before - they are great! But in the question I did say I wanted a client-side process.

Magnus Smith 2008-11-12 13:11:33

+3 A:

In episode 24 of the stack overflow podcast it is mentioned that jQuery is used. A commentor on this article suggests that flot is the library used.

Chris Lowis 2008-11-12 12:45:45

ansaurus

tags:

views:

answers:

How do they draw the charts/graphs on stackoverflow?

related questions