Make your own customizable AJAX calendar interface

Friday, June 27, 2008 at 5:40 PM



Since there have been a number of questions on how to visually render Google Calendar data on web sites, I have taken some time to build an open source library Calendar Visualization (CalVis) to do just that. While Embeddable Calendar can be used to quickly embed a calendar widget on your site, it does not provide the type of deep integration and customization some sites require.

CalVis is a totally customizable solution for calendar visualization. It is built on top of the Google Data APIs JavaScript client library, and it allows developers to render an AJAX interface of a calendar with data from Google Calendar. The interface is completely customizable with HTML and CSS. For those of you who are interested in data visualization, feel free to contribute to this project.

You can learn how to use CalVis for your site from this article.

The example below demonstrates one implementation of CalVis, also integrating the Google Maps and YouTube APIs in the event details popup div.

2 comments:

KP said...

Looks quite cool! I love the Google map. I wish that could go back into Google Calendar, heh.

Emre said...

sohbet
sohbet
Mp3
Mp3
Fıkra
güzel sözler
nur sohbet
guzel sozler
Arkadaşlık Siteleri
Sohbet Ekle
islami sohbet
IRCAsk Forum
IRCAsk Directory