Make your own customizable AJAX calendar interface
June 27th, 2008 | Published in Google Code
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.