Tuesday, July 31st, 2007

Timeplot: Canvas-based Specialized Charting Tool

Category: Canvas


On July 1st and July 7th, we posted about Timeline from the Simile project.

We’re pleased to post about another related project: Timeplot, which is

a canvas-based ajaxy plotting companion to
our Timeline widget (that also supports the same timeline data formats).

Follow the link; the screen shot doesn’t do it justice. While you’re there, don’t miss the comprehensive tutorial, which shows how easy it is to create these charts.

In a nutshell, you do this:

  1. <script src="http://static.simile.mit.edu/timeplot/api/1.0/timeplot-api.js"
  2.       type="text/javascript"></script>
  3. <script type="text/javascript">
  4. var timeplot = Timeplot.create(document.getElementById("my-timeplot"), plotInfo);
  5. timeplot.loadText("data.txt", ",", eventSource);
  6. </script>

and the “data.txt” file is just a CSV file. And the tutorial even shows you how to make it look purty.

Posted by Ben Galbraith at 9:00 am

2.1 rating from 294 votes


Comments feed TrackBack URI

This just made my day :)

Comment by Alex93053 — July 31, 2007

Okay, now this is just cool.


Comment by Ryan Brooks — July 31, 2007

Doesn’t support IE (any version) yet. that’s 90% of browsers out there. But, it is very cool indeed (in FireFox anyway)
— Will G.

Comment by Will Gillen — July 31, 2007

This is really pretty slick. For IE support there is always ExCanvas (?), I’m sure it should be doable. The charts are a little noisy, but there is a lot of good functionality there.

Comment by Adam Sanderson — July 31, 2007

68% of browsers for me, not 90%. Germany, official city page ( = visitors from the “general population”), 20 Mio. PI/month.

Comment by Martin — July 31, 2007

dig around i know ive seen ExCanvas somewhere in simile’s SVN tree – maybe even in this project, or one of the related ones like timegrid

Comment by cdr — July 31, 2007


Comment by Vasili Sviridov — July 31, 2007

That damn tool aint working in Opera.

Comment by mefisto — July 31, 2007

There is no need to swear, firefox is a free download if you want to play with the canvas timeline :)

Comment by Chad Wagner — July 31, 2007

For something like this (and I’m throwing this out there) wouldn’t SVG be a much better solution? With it’s cross-browser capability and all?

Comment by Ian — July 31, 2007

ExCanvas is nothing new… but in this case it’s rather annoying to hear something like “download a free browser”; see if you tell it to one of your clients who has a browser compatibility list.

Comment by DeadCabbit — August 1, 2007

I know this might not be the place to ask, but what’s up with the ratings?

Comment by S.G. — August 1, 2007

re: ratings – my guess is some commerical competitor is trying to vote them down.

Comment by Jack — August 1, 2007

Leave a comment

You must be logged in to post a comment.