Skip to content

Latest commit

 

History

History

viz

Folders and files

NameName
Last commit message
Last commit date

parent directory

..
 
 
 
 
 
 
 
 
 
 

d3.js Calendar View Heatmap

d3.js visualization of a calendar heatmap.

Demo can be viewed here

A new layout compared with the original d3.js calendar. The visualization in this repository is better suited for data that span over a couple years, as opposed to decades.

Features:

  • tooltip hover
  • month and year labels

Running the visualization

Simply cd into the directory and run a localhost from there.

I recommend using this command: python -m SimpleHTTPServer

Credits

Mike Bostock for creating d3.js and the original calendar visualization. Cynthia Brewer for the color pattern. Yahoo! finance for historical data.

About

Kathy Zhou, software developer and d3 enthusiast :)

twitter: @kaffkaff

homepage: kathyzhou.com