Scott Hanselman

Adding a Timeline to DasBlog with the SIMILE Timeline Library

February 17, 2007 Comment on this post [8] Posted in ASP.NET | DasBlog | Javascript
Sponsored By

I've been exploring recently the amazing Timeline Javascript library from the SIMILE folks over at MIT.

What a joy to work with! I've not historically been a fan, by any means, of JavaScript. Of course, debugging it can be a hassle and the development process always feels very unstructured to me. Heh, probably a side-effect of the language, right?

Anyway, the API for the SIMILE Timeline is very well thought-out. It's very JavaScripty, to be clear, but it is even easier to pick up than the Google Maps API.

So easy, in fact, that I was able to add Timeline support to DasBlog over my lunch hour. Check it out at Try typing in the Highlight boxes, as shown in the screenshot above. Notice the highlighting in both bands of the timeline. I've checked the server-side TimelineHandler that creates the XML that Timelines consume into the head of the DasBlog tree.

Also, take a look at their "Exhibit" project. Maybe Web 2.0 will turn out something useful after all! :)

About Scott

Scott Hanselman is a former professor, former Chief Architect in finance, now speaker, consultant, father, diabetic, and Microsoft employee. He is a failed stand-up comic, a cornrower, and a book author.

facebook twitter subscribe
About   Newsletter
Hosting By
Hosted in an Azure App Service
February 17, 2007 6:09
I get a javascript error when I hit that page:

Line: 160
Char: 370
Error: Invalid argument.

February 17, 2007 7:52
moi aussi
February 17, 2007 10:00
Yup. Vista RTM with IE 7.0 produces the same error.

Ah, the joys of debugging browser compatibility issues...
February 18, 2007 1:24
I get an error viewing it in IE 6, but it looks fine in Firefox.
February 20, 2007 1:35
Weird...I guess their stuff doesn't work in IE6...I didn't see a warning on their site. I'll look more into it.
February 21, 2007 9:01
Kewl!! This Timeline API Rocks! I'll be adding this real soon and I think this is can b a replacement to the usual calender control.

Btw I'm getting an issue in IE7

Thanks Scott :)
February 21, 2007 23:50
Same issue on IE7 in WinXP. The demos on the SIMILE site work fine in IE7 btw.
February 23, 2007 9:48
I know you are a genius, but how long is your lunch hour ?!

Comments are closed.

Disclaimer: The opinions expressed herein are my own personal opinions and do not represent my employer's view in any way.