Skip to content

Instantly share code, notes, and snippets.

View chaitanyagurrapu's full-sized avatar

Chaitanya Gurrapu chaitanyagurrapu

View GitHub Profile
chaitanyagurrapu /
Last active December 19, 2015 19:38
A Google calendar like display for temporal data using D3.Js

A simple Google calendar like display to visualize temporal data. Use the forward and backwards buttons to move through the months.

Random data is being generated for each day and displayed in the appropriate cell of the grid. This examples shows pie charts for each day but a simpler and more common scenario might be to actually display text in each cell, such as appointments.

Days that fall in the previous or following month are shaded in a different color from the days that fall in the current month. Just like in the real Google calendar.