Skip to content

Instantly share code, notes, and snippets.

@bsdlp
Created September 7, 2014 04:01
Show Gist options
  • Save bsdlp/e42b6f7b3e61c92f871e to your computer and use it in GitHub Desktop.
Save bsdlp/e42b6f7b3e61c92f871e to your computer and use it in GitHub Desktop.
<svg width="721" height="110" class="js-calendar-graph-svg">
<g transform="translate(20, 20)">
<g transform="translate(0, 0)">
<rect class="day" width="11" height="11" y="52" fill="#d6e685" data-count="2" data-date="2013-09-05"/>
<rect class="day" width="11" height="11" y="65" fill="#d6e685" data-count="10" data-date="2013-09-06"/>
<rect class="day" width="11" height="11" y="78" fill="#d6e685" data-count="3" data-date="2013-09-07"/>
</g>
<g transform="translate(13, 0)">
<rect class="day" width="11" height="11" y="0" fill="#8cc665" data-count="14" data-date="2013-09-08"/>
<rect class="day" width="11" height="11" y="13" fill="#d6e685" data-count="10" data-date="2013-09-09"/>
<rect class="day" width="11" height="11" y="26" fill="#d6e685" data-count="7" data-date="2013-09-10"/>
<rect class="day" width="11" height="11" y="39" fill="#d6e685" data-count="8" data-date="2013-09-11"/>
<rect class="day" width="11" height="11" y="52" fill="#d6e685" data-count="1" data-date="2013-09-12"/>
<rect class="day" width="11" height="11" y="65" fill="#d6e685" data-count="1" data-date="2013-09-13"/>
<rect class="day" width="11" height="11" y="78" fill="#d6e685" data-count="3" data-date="2013-09-14"/>
</g>
<g transform="translate(26, 0)">
<rect class="day" width="11" height="11" y="0" fill="#8cc665" data-count="16" data-date="2013-09-15"/>
<rect class="day" width="11" height="11" y="13" fill="#d6e685" data-count="1" data-date="2013-09-16"/>
<rect class="day" width="11" height="11" y="26" fill="#d6e685" data-count="10" data-date="2013-09-17"/>
<rect class="day" width="11" height="11" y="39" fill="#8cc665" data-count="16" data-date="2013-09-18"/>
<rect class="day" width="11" height="11" y="52" fill="#d6e685" data-count="4" data-date="2013-09-19"/>
<rect class="day" width="11" height="11" y="65" fill="#d6e685" data-count="1" data-date="2013-09-20"/>
<rect class="day" width="11" height="11" y="78" fill="#d6e685" data-count="8" data-date="2013-09-21"/>
</g>
<g transform="translate(39, 0)">
<rect class="day" width="11" height="11" y="0" fill="#d6e685" data-count="8" data-date="2013-09-22"/>
<rect class="day" width="11" height="11" y="13" fill="#d6e685" data-count="7" data-date="2013-09-23"/>
<rect class="day" width="11" height="11" y="26" fill="#1e6823" data-count="38" data-date="2013-09-24"/>
<rect class="day" width="11" height="11" y="39" fill="#d6e685" data-count="8" data-date="2013-09-25"/>
<rect class="day" width="11" height="11" y="52" fill="#d6e685" data-count="3" data-date="2013-09-26"/>
<rect class="day" width="11" height="11" y="65" fill="#d6e685" data-count="7" data-date="2013-09-27"/>
<rect class="day" width="11" height="11" y="78" fill="#d6e685" data-count="4" data-date="2013-09-28"/>
</g>
<g transform="translate(52, 0)">
<rect class="day" width="11" height="11" y="0" fill="#d6e685" data-count="6" data-date="2013-09-29"/>
<rect class="day" width="11" height="11" y="13" fill="#8cc665" data-count="17" data-date="2013-09-30"/>
<rect class="day" width="11" height="11" y="26" fill="#d6e685" data-count="2" data-date="2013-10-01"/>
<rect class="day" width="11" height="11" y="39" fill="#d6e685" data-count="6" data-date="2013-10-02"/>
<rect class="day" width="11" height="11" y="52" fill="#d6e685" data-count="6" data-date="2013-10-03"/>
<rect class="day" width="11" height="11" y="65" fill="#d6e685" data-count="3" data-date="2013-10-04"/>
<rect class="day" width="11" height="11" y="78" fill="#8cc665" data-count="15" data-date="2013-10-05"/>
</g>
<g transform="translate(65, 0)">
<rect class="day" width="11" height="11" y="0" fill="#8cc665" data-count="16" data-date="2013-10-06"/>
<rect class="day" width="11" height="11" y="13" fill="#d6e685" data-count="5" data-date="2013-10-07"/>
<rect class="day" width="11" height="11" y="26" fill="#d6e685" data-count="6" data-date="2013-10-08"/>
<rect class="day" width="11" height="11" y="39" fill="#d6e685" data-count="2" data-date="2013-10-09"/>
<rect class="day" width="11" height="11" y="52" fill="#d6e685" data-count="4" data-date="2013-10-10"/>
<rect class="day" width="11" height="11" y="65" fill="#d6e685" data-count="3" data-date="2013-10-11"/>
<rect class="day" width="11" height="11" y="78" fill="#44a340" data-count="24" data-date="2013-10-12"/>
</g>
<g transform="translate(78, 0)">
<rect class="day" width="11" height="11" y="0" fill="#8cc665" data-count="15" data-date="2013-10-13"/>
<rect class="day" width="11" height="11" y="13" fill="#d6e685" data-count="1" data-date="2013-10-14"/>
<rect class="day" width="11" height="11" y="26" fill="#d6e685" data-count="6" data-date="2013-10-15"/>
<rect class="day" width="11" height="11" y="39" fill="#d6e685" data-count="1" data-date="2013-10-16"/>
<rect class="day" width="11" height="11" y="52" fill="#d6e685" data-count="4" data-date="2013-10-17"/>
<rect class="day" width="11" height="11" y="65" fill="#d6e685" data-count="4" data-date="2013-10-18"/>
<rect class="day" width="11" height="11" y="78" fill="#d6e685" data-count="1" data-date="2013-10-19"/>
</g>
<g transform="translate(91, 0)">
<rect class="day" width="11" height="11" y="0" fill="#d6e685" data-count="8" data-date="2013-10-20"/>
<rect class="day" width="11" height="11" y="13" fill="#d6e685" data-count="3" data-date="2013-10-21"/>
<rect class="day" width="11" height="11" y="26" fill="#d6e685" data-count="1" data-date="2013-10-22"/>
<rect class="day" width="11" height="11" y="39" fill="#8cc665" data-count="18" data-date="2013-10-23"/>
<rect class="day" width="11" height="11" y="52" fill="#d6e685" data-count="9" data-date="2013-10-24"/>
<rect class="day" width="11" height="11" y="65" fill="#8cc665" data-count="16" data-date="2013-10-25"/>
<rect class="day" width="11" height="11" y="78" fill="#8cc665" data-count="14" data-date="2013-10-26"/>
</g>
<g transform="translate(104, 0)">
<rect class="day" width="11" height="11" y="0" fill="#d6e685" data-count="4" data-date="2013-10-27"/>
<rect class="day" width="11" height="11" y="13" fill="#d6e685" data-count="10" data-date="2013-10-28"/>
<rect class="day" width="11" height="11" y="26" fill="#d6e685" data-count="1" data-date="2013-10-29"/>
<rect class="day" width="11" height="11" y="39" fill="#d6e685" data-count="1" data-date="2013-10-30"/>
<rect class="day" width="11" height="11" y="52" fill="#d6e685" data-count="5" data-date="2013-10-31"/>
<rect class="day" width="11" height="11" y="65" fill="#d6e685" data-count="9" data-date="2013-11-01"/>
<rect class="day" width="11" height="11" y="78" fill="#d6e685" data-count="8" data-date="2013-11-02"/>
</g>
<g transform="translate(117, 0)">
<rect class="day" width="11" height="11" y="0" fill="#8cc665" data-count="19" data-date="2013-11-03"/>
<rect class="day" width="11" height="11" y="13" fill="#44a340" data-count="21" data-date="2013-11-04"/>
<rect class="day" width="11" height="11" y="26" fill="#8cc665" data-count="20" data-date="2013-11-05"/>
<rect class="day" width="11" height="11" y="39" fill="#d6e685" data-count="8" data-date="2013-11-06"/>
<rect class="day" width="11" height="11" y="52" fill="#8cc665" data-count="17" data-date="2013-11-07"/>
<rect class="day" width="11" height="11" y="65" fill="#8cc665" data-count="14" data-date="2013-11-08"/>
<rect class="day" width="11" height="11" y="78" fill="#d6e685" data-count="3" data-date="2013-11-09"/>
</g>
<g transform="translate(130, 0)">
<rect class="day" width="11" height="11" y="0" fill="#d6e685" data-count="2" data-date="2013-11-10"/>
<rect class="day" width="11" height="11" y="13" fill="#d6e685" data-count="4" data-date="2013-11-11"/>
<rect class="day" width="11" height="11" y="26" fill="#d6e685" data-count="2" data-date="2013-11-12"/>
<rect class="day" width="11" height="11" y="39" fill="#d6e685" data-count="7" data-date="2013-11-13"/>
<rect class="day" width="11" height="11" y="52" fill="#d6e685" data-count="4" data-date="2013-11-14"/>
<rect class="day" width="11" height="11" y="65" fill="#d6e685" data-count="9" data-date="2013-11-15"/>
<rect class="day" width="11" height="11" y="78" fill="#d6e685" data-count="3" data-date="2013-11-16"/>
</g>
<g transform="translate(143, 0)">
<rect class="day" width="11" height="11" y="0" fill="#d6e685" data-count="2" data-date="2013-11-17"/>
<rect class="day" width="11" height="11" y="13" fill="#d6e685" data-count="2" data-date="2013-11-18"/>
<rect class="day" width="11" height="11" y="26" fill="#8cc665" data-count="11" data-date="2013-11-19"/>
<rect class="day" width="11" height="11" y="39" fill="#d6e685" data-count="1" data-date="2013-11-20"/>
<rect class="day" width="11" height="11" y="52" fill="#8cc665" data-count="17" data-date="2013-11-21"/>
<rect class="day" width="11" height="11" y="65" fill="#d6e685" data-count="5" data-date="2013-11-22"/>
<rect class="day" width="11" height="11" y="78" fill="#d6e685" data-count="3" data-date="2013-11-23"/>
</g>
<g transform="translate(156, 0)">
<rect class="day" width="11" height="11" y="0" fill="#d6e685" data-count="2" data-date="2013-11-24"/>
<rect class="day" width="11" height="11" y="13" fill="#d6e685" data-count="10" data-date="2013-11-25"/>
<rect class="day" width="11" height="11" y="26" fill="#d6e685" data-count="3" data-date="2013-11-26"/>
<rect class="day" width="11" height="11" y="39" fill="#d6e685" data-count="9" data-date="2013-11-27"/>
<rect class="day" width="11" height="11" y="52" fill="#d6e685" data-count="3" data-date="2013-11-28"/>
<rect class="day" width="11" height="11" y="65" fill="#d6e685" data-count="3" data-date="2013-11-29"/>
<rect class="day" width="11" height="11" y="78" fill="#d6e685" data-count="5" data-date="2013-11-30"/>
</g>
<g transform="translate(169, 0)">
<rect class="day" width="11" height="11" y="0" fill="#d6e685" data-count="4" data-date="2013-12-01"/>
<rect class="day" width="11" height="11" y="13" fill="#d6e685" data-count="8" data-date="2013-12-02"/>
<rect class="day" width="11" height="11" y="26" fill="#d6e685" data-count="1" data-date="2013-12-03"/>
<rect class="day" width="11" height="11" y="39" fill="#d6e685" data-count="3" data-date="2013-12-04"/>
<rect class="day" width="11" height="11" y="52" fill="#d6e685" data-count="1" data-date="2013-12-05"/>
<rect class="day" width="11" height="11" y="65" fill="#d6e685" data-count="1" data-date="2013-12-06"/>
<rect class="day" width="11" height="11" y="78" fill="#d6e685" data-count="2" data-date="2013-12-07"/>
</g>
<g transform="translate(182, 0)">
<rect class="day" width="11" height="11" y="0" fill="#d6e685" data-count="1" data-date="2013-12-08"/>
<rect class="day" width="11" height="11" y="13" fill="#d6e685" data-count="3" data-date="2013-12-09"/>
<rect class="day" width="11" height="11" y="26" fill="#d6e685" data-count="1" data-date="2013-12-10"/>
<rect class="day" width="11" height="11" y="39" fill="#d6e685" data-count="3" data-date="2013-12-11"/>
<rect class="day" width="11" height="11" y="52" fill="#d6e685" data-count="1" data-date="2013-12-12"/>
<rect class="day" width="11" height="11" y="65" fill="#d6e685" data-count="10" data-date="2013-12-13"/>
<rect class="day" width="11" height="11" y="78" fill="#d6e685" data-count="1" data-date="2013-12-14"/>
</g>
<g transform="translate(195, 0)">
<rect class="day" width="11" height="11" y="0" fill="#d6e685" data-count="1" data-date="2013-12-15"/>
<rect class="day" width="11" height="11" y="13" fill="#d6e685" data-count="2" data-date="2013-12-16"/>
<rect class="day" width="11" height="11" y="26" fill="#8cc665" data-count="12" data-date="2013-12-17"/>
<rect class="day" width="11" height="11" y="39" fill="#8cc665" data-count="13" data-date="2013-12-18"/>
<rect class="day" width="11" height="11" y="52" fill="#d6e685" data-count="1" data-date="2013-12-19"/>
<rect class="day" width="11" height="11" y="65" fill="#d6e685" data-count="6" data-date="2013-12-20"/>
<rect class="day" width="11" height="11" y="78" fill="#8cc665" data-count="15" data-date="2013-12-21"/>
</g>
<g transform="translate(208, 0)">
<rect class="day" width="11" height="11" y="0" fill="#d6e685" data-count="1" data-date="2013-12-22"/>
<rect class="day" width="11" height="11" y="13" fill="#8cc665" data-count="11" data-date="2013-12-23"/>
<rect class="day" width="11" height="11" y="26" fill="#8cc665" data-count="13" data-date="2013-12-24"/>
<rect class="day" width="11" height="11" y="39" fill="#d6e685" data-count="5" data-date="2013-12-25"/>
<rect class="day" width="11" height="11" y="52" fill="#d6e685" data-count="3" data-date="2013-12-26"/>
<rect class="day" width="11" height="11" y="65" fill="#44a340" data-count="24" data-date="2013-12-27"/>
<rect class="day" width="11" height="11" y="78" fill="#d6e685" data-count="4" data-date="2013-12-28"/>
</g>
<g transform="translate(221, 0)">
<rect class="day" width="11" height="11" y="0" fill="#d6e685" data-count="7" data-date="2013-12-29"/>
<rect class="day" width="11" height="11" y="13" fill="#d6e685" data-count="3" data-date="2013-12-30"/>
<rect class="day" width="11" height="11" y="26" fill="#d6e685" data-count="5" data-date="2013-12-31"/>
<rect class="day" width="11" height="11" y="39" fill="#d6e685" data-count="1" data-date="2014-01-01"/>
<rect class="day" width="11" height="11" y="52" fill="#d6e685" data-count="6" data-date="2014-01-02"/>
<rect class="day" width="11" height="11" y="65" fill="#d6e685" data-count="2" data-date="2014-01-03"/>
<rect class="day" width="11" height="11" y="78" fill="#d6e685" data-count="1" data-date="2014-01-04"/>
</g>
<g transform="translate(234, 0)">
<rect class="day" width="11" height="11" y="0" fill="#d6e685" data-count="1" data-date="2014-01-05"/>
<rect class="day" width="11" height="11" y="13" fill="#d6e685" data-count="1" data-date="2014-01-06"/>
<rect class="day" width="11" height="11" y="26" fill="#d6e685" data-count="1" data-date="2014-01-07"/>
<rect class="day" width="11" height="11" y="39" fill="#d6e685" data-count="1" data-date="2014-01-08"/>
<rect class="day" width="11" height="11" y="52" fill="#8cc665" data-count="12" data-date="2014-01-09"/>
<rect class="day" width="11" height="11" y="65" fill="#d6e685" data-count="1" data-date="2014-01-10"/>
<rect class="day" width="11" height="11" y="78" fill="#d6e685" data-count="5" data-date="2014-01-11"/>
</g>
<g transform="translate(247, 0)">
<rect class="day" width="11" height="11" y="0" fill="#d6e685" data-count="4" data-date="2014-01-12"/>
<rect class="day" width="11" height="11" y="13" fill="#d6e685" data-count="4" data-date="2014-01-13"/>
<rect class="day" width="11" height="11" y="26" fill="#d6e685" data-count="1" data-date="2014-01-14"/>
<rect class="day" width="11" height="11" y="39" fill="#d6e685" data-count="6" data-date="2014-01-15"/>
<rect class="day" width="11" height="11" y="52" fill="#d6e685" data-count="3" data-date="2014-01-16"/>
<rect class="day" width="11" height="11" y="65" fill="#d6e685" data-count="4" data-date="2014-01-17"/>
<rect class="day" width="11" height="11" y="78" fill="#d6e685" data-count="1" data-date="2014-01-18"/>
</g>
<g transform="translate(260, 0)">
<rect class="day" width="11" height="11" y="0" fill="#d6e685" data-count="3" data-date="2014-01-19"/>
<rect class="day" width="11" height="11" y="13" fill="#d6e685" data-count="4" data-date="2014-01-20"/>
<rect class="day" width="11" height="11" y="26" fill="#d6e685" data-count="2" data-date="2014-01-21"/>
<rect class="day" width="11" height="11" y="39" fill="#d6e685" data-count="2" data-date="2014-01-22"/>
<rect class="day" width="11" height="11" y="52" fill="#d6e685" data-count="2" data-date="2014-01-23"/>
<rect class="day" width="11" height="11" y="65" fill="#44a340" data-count="22" data-date="2014-01-24"/>
<rect class="day" width="11" height="11" y="78" fill="#d6e685" data-count="7" data-date="2014-01-25"/>
</g>
<g transform="translate(273, 0)">
<rect class="day" width="11" height="11" y="0" fill="#d6e685" data-count="1" data-date="2014-01-26"/>
<rect class="day" width="11" height="11" y="13" fill="#d6e685" data-count="2" data-date="2014-01-27"/>
<rect class="day" width="11" height="11" y="26" fill="#d6e685" data-count="3" data-date="2014-01-28"/>
<rect class="day" width="11" height="11" y="39" fill="#d6e685" data-count="7" data-date="2014-01-29"/>
<rect class="day" width="11" height="11" y="52" fill="#d6e685" data-count="5" data-date="2014-01-30"/>
<rect class="day" width="11" height="11" y="65" fill="#d6e685" data-count="10" data-date="2014-01-31"/>
<rect class="day" width="11" height="11" y="78" fill="#8cc665" data-count="14" data-date="2014-02-01"/>
</g>
<g transform="translate(286, 0)">
<rect class="day" width="11" height="11" y="0" fill="#8cc665" data-count="15" data-date="2014-02-02"/>
<rect class="day" width="11" height="11" y="13" fill="#44a340" data-count="27" data-date="2014-02-03"/>
<rect class="day" width="11" height="11" y="26" fill="#d6e685" data-count="6" data-date="2014-02-04"/>
<rect class="day" width="11" height="11" y="39" fill="#8cc665" data-count="12" data-date="2014-02-05"/>
<rect class="day" width="11" height="11" y="52" fill="#44a340" data-count="25" data-date="2014-02-06"/>
<rect class="day" width="11" height="11" y="65" fill="#44a340" data-count="25" data-date="2014-02-07"/>
<rect class="day" width="11" height="11" y="78" fill="#d6e685" data-count="3" data-date="2014-02-08"/>
</g>
<g transform="translate(299, 0)">
<rect class="day" width="11" height="11" y="0" fill="#8cc665" data-count="12" data-date="2014-02-09"/>
<rect class="day" width="11" height="11" y="13" fill="#d6e685" data-count="4" data-date="2014-02-10"/>
<rect class="day" width="11" height="11" y="26" fill="#d6e685" data-count="10" data-date="2014-02-11"/>
<rect class="day" width="11" height="11" y="39" fill="#8cc665" data-count="17" data-date="2014-02-12"/>
<rect class="day" width="11" height="11" y="52" fill="#d6e685" data-count="5" data-date="2014-02-13"/>
<rect class="day" width="11" height="11" y="65" fill="#d6e685" data-count="9" data-date="2014-02-14"/>
<rect class="day" width="11" height="11" y="78" fill="#8cc665" data-count="15" data-date="2014-02-15"/>
</g>
<g transform="translate(312, 0)">
<rect class="day" width="11" height="11" y="0" fill="#d6e685" data-count="8" data-date="2014-02-16"/>
<rect class="day" width="11" height="11" y="13" fill="#44a340" data-count="22" data-date="2014-02-17"/>
<rect class="day" width="11" height="11" y="26" fill="#d6e685" data-count="4" data-date="2014-02-18"/>
<rect class="day" width="11" height="11" y="39" fill="#d6e685" data-count="1" data-date="2014-02-19"/>
<rect class="day" width="11" height="11" y="52" fill="#d6e685" data-count="1" data-date="2014-02-20"/>
<rect class="day" width="11" height="11" y="65" fill="#8cc665" data-count="17" data-date="2014-02-21"/>
<rect class="day" width="11" height="11" y="78" fill="#44a340" data-count="21" data-date="2014-02-22"/>
</g>
<g transform="translate(325, 0)">
<rect class="day" width="11" height="11" y="0" fill="#44a340" data-count="26" data-date="2014-02-23"/>
<rect class="day" width="11" height="11" y="13" fill="#d6e685" data-count="2" data-date="2014-02-24"/>
<rect class="day" width="11" height="11" y="26" fill="#d6e685" data-count="4" data-date="2014-02-25"/>
<rect class="day" width="11" height="11" y="39" fill="#d6e685" data-count="1" data-date="2014-02-26"/>
<rect class="day" width="11" height="11" y="52" fill="#8cc665" data-count="13" data-date="2014-02-27"/>
<rect class="day" width="11" height="11" y="65" fill="#d6e685" data-count="9" data-date="2014-02-28"/>
<rect class="day" width="11" height="11" y="78" fill="#1e6823" data-count="38" data-date="2014-03-01"/>
</g>
<g transform="translate(338, 0)">
<rect class="day" width="11" height="11" y="0" fill="#d6e685" data-count="3" data-date="2014-03-02"/>
<rect class="day" width="11" height="11" y="13" fill="#d6e685" data-count="4" data-date="2014-03-03"/>
<rect class="day" width="11" height="11" y="26" fill="#8cc665" data-count="13" data-date="2014-03-04"/>
<rect class="day" width="11" height="11" y="39" fill="#44a340" data-count="23" data-date="2014-03-05"/>
<rect class="day" width="11" height="11" y="52" fill="#d6e685" data-count="10" data-date="2014-03-06"/>
<rect class="day" width="11" height="11" y="65" fill="#d6e685" data-count="4" data-date="2014-03-07"/>
<rect class="day" width="11" height="11" y="78" fill="#44a340" data-count="21" data-date="2014-03-08"/>
</g>
<g transform="translate(351, 0)">
<rect class="day" width="11" height="11" y="0" fill="#d6e685" data-count="1" data-date="2014-03-09"/>
<rect class="day" width="11" height="11" y="13" fill="#8cc665" data-count="18" data-date="2014-03-10"/>
<rect class="day" width="11" height="11" y="26" fill="#8cc665" data-count="12" data-date="2014-03-11"/>
<rect class="day" width="11" height="11" y="39" fill="#d6e685" data-count="10" data-date="2014-03-12"/>
<rect class="day" width="11" height="11" y="52" fill="#d6e685" data-count="6" data-date="2014-03-13"/>
<rect class="day" width="11" height="11" y="65" fill="#d6e685" data-count="3" data-date="2014-03-14"/>
<rect class="day" width="11" height="11" y="78" fill="#8cc665" data-count="15" data-date="2014-03-15"/>
</g>
<g transform="translate(364, 0)">
<rect class="day" width="11" height="11" y="0" fill="#d6e685" data-count="7" data-date="2014-03-16"/>
<rect class="day" width="11" height="11" y="13" fill="#d6e685" data-count="10" data-date="2014-03-17"/>
<rect class="day" width="11" height="11" y="26" fill="#d6e685" data-count="5" data-date="2014-03-18"/>
<rect class="day" width="11" height="11" y="39" fill="#d6e685" data-count="10" data-date="2014-03-19"/>
<rect class="day" width="11" height="11" y="52" fill="#8cc665" data-count="15" data-date="2014-03-20"/>
<rect class="day" width="11" height="11" y="65" fill="#8cc665" data-count="13" data-date="2014-03-21"/>
<rect class="day" width="11" height="11" y="78" fill="#d6e685" data-count="6" data-date="2014-03-22"/>
</g>
<g transform="translate(377, 0)">
<rect class="day" width="11" height="11" y="0" fill="#d6e685" data-count="8" data-date="2014-03-23"/>
<rect class="day" width="11" height="11" y="13" fill="#d6e685" data-count="2" data-date="2014-03-24"/>
<rect class="day" width="11" height="11" y="26" fill="#8cc665" data-count="17" data-date="2014-03-25"/>
<rect class="day" width="11" height="11" y="39" fill="#1e6823" data-count="31" data-date="2014-03-26"/>
<rect class="day" width="11" height="11" y="52" fill="#8cc665" data-count="19" data-date="2014-03-27"/>
<rect class="day" width="11" height="11" y="65" fill="#d6e685" data-count="7" data-date="2014-03-28"/>
<rect class="day" width="11" height="11" y="78" fill="#8cc665" data-count="14" data-date="2014-03-29"/>
</g>
<g transform="translate(390, 0)">
<rect class="day" width="11" height="11" y="0" fill="#8cc665" data-count="18" data-date="2014-03-30"/>
<rect class="day" width="11" height="11" y="13" fill="#8cc665" data-count="13" data-date="2014-03-31"/>
<rect class="day" width="11" height="11" y="26" fill="#8cc665" data-count="20" data-date="2014-04-01"/>
<rect class="day" width="11" height="11" y="39" fill="#d6e685" data-count="8" data-date="2014-04-02"/>
<rect class="day" width="11" height="11" y="52" fill="#8cc665" data-count="12" data-date="2014-04-03"/>
<rect class="day" width="11" height="11" y="65" fill="#8cc665" data-count="14" data-date="2014-04-04"/>
<rect class="day" width="11" height="11" y="78" fill="#8cc665" data-count="12" data-date="2014-04-05"/>
</g>
<g transform="translate(403, 0)">
<rect class="day" width="11" height="11" y="0" fill="#44a340" data-count="21" data-date="2014-04-06"/>
<rect class="day" width="11" height="11" y="13" fill="#d6e685" data-count="9" data-date="2014-04-07"/>
<rect class="day" width="11" height="11" y="26" fill="#d6e685" data-count="10" data-date="2014-04-08"/>
<rect class="day" width="11" height="11" y="39" fill="#1e6823" data-count="37" data-date="2014-04-09"/>
<rect class="day" width="11" height="11" y="52" fill="#8cc665" data-count="19" data-date="2014-04-10"/>
<rect class="day" width="11" height="11" y="65" fill="#d6e685" data-count="9" data-date="2014-04-11"/>
<rect class="day" width="11" height="11" y="78" fill="#44a340" data-count="21" data-date="2014-04-12"/>
</g>
<g transform="translate(416, 0)">
<rect class="day" width="11" height="11" y="0" fill="#1e6823" data-count="32" data-date="2014-04-13"/>
<rect class="day" width="11" height="11" y="13" fill="#8cc665" data-count="15" data-date="2014-04-14"/>
<rect class="day" width="11" height="11" y="26" fill="#44a340" data-count="21" data-date="2014-04-15"/>
<rect class="day" width="11" height="11" y="39" fill="#1e6823" data-count="32" data-date="2014-04-16"/>
<rect class="day" width="11" height="11" y="52" fill="#d6e685" data-count="8" data-date="2014-04-17"/>
<rect class="day" width="11" height="11" y="65" fill="#d6e685" data-count="8" data-date="2014-04-18"/>
<rect class="day" width="11" height="11" y="78" fill="#44a340" data-count="22" data-date="2014-04-19"/>
</g>
<g transform="translate(429, 0)">
<rect class="day" width="11" height="11" y="0" fill="#8cc665" data-count="13" data-date="2014-04-20"/>
<rect class="day" width="11" height="11" y="13" fill="#8cc665" data-count="12" data-date="2014-04-21"/>
<rect class="day" width="11" height="11" y="26" fill="#d6e685" data-count="6" data-date="2014-04-22"/>
<rect class="day" width="11" height="11" y="39" fill="#44a340" data-count="21" data-date="2014-04-23"/>
<rect class="day" width="11" height="11" y="52" fill="#d6e685" data-count="3" data-date="2014-04-24"/>
<rect class="day" width="11" height="11" y="65" fill="#1e6823" data-count="40" data-date="2014-04-25"/>
<rect class="day" width="11" height="11" y="78" fill="#d6e685" data-count="5" data-date="2014-04-26"/>
</g>
<g transform="translate(442, 0)">
<rect class="day" width="11" height="11" y="0" fill="#d6e685" data-count="10" data-date="2014-04-27"/>
<rect class="day" width="11" height="11" y="13" fill="#8cc665" data-count="14" data-date="2014-04-28"/>
<rect class="day" width="11" height="11" y="26" fill="#d6e685" data-count="9" data-date="2014-04-29"/>
<rect class="day" width="11" height="11" y="39" fill="#8cc665" data-count="16" data-date="2014-04-30"/>
<rect class="day" width="11" height="11" y="52" fill="#d6e685" data-count="9" data-date="2014-05-01"/>
<rect class="day" width="11" height="11" y="65" fill="#1e6823" data-count="45" data-date="2014-05-02"/>
<rect class="day" width="11" height="11" y="78" fill="#8cc665" data-count="15" data-date="2014-05-03"/>
</g>
<g transform="translate(455, 0)">
<rect class="day" width="11" height="11" y="0" fill="#8cc665" data-count="13" data-date="2014-05-04"/>
<rect class="day" width="11" height="11" y="13" fill="#8cc665" data-count="20" data-date="2014-05-05"/>
<rect class="day" width="11" height="11" y="26" fill="#d6e685" data-count="4" data-date="2014-05-06"/>
<rect class="day" width="11" height="11" y="39" fill="#d6e685" data-count="7" data-date="2014-05-07"/>
<rect class="day" width="11" height="11" y="52" fill="#d6e685" data-count="4" data-date="2014-05-08"/>
<rect class="day" width="11" height="11" y="65" fill="#d6e685" data-count="5" data-date="2014-05-09"/>
<rect class="day" width="11" height="11" y="78" fill="#d6e685" data-count="6" data-date="2014-05-10"/>
</g>
<g transform="translate(468, 0)">
<rect class="day" width="11" height="11" y="0" fill="#d6e685" data-count="3" data-date="2014-05-11"/>
<rect class="day" width="11" height="11" y="13" fill="#d6e685" data-count="8" data-date="2014-05-12"/>
<rect class="day" width="11" height="11" y="26" fill="#d6e685" data-count="5" data-date="2014-05-13"/>
<rect class="day" width="11" height="11" y="39" fill="#d6e685" data-count="7" data-date="2014-05-14"/>
<rect class="day" width="11" height="11" y="52" fill="#d6e685" data-count="3" data-date="2014-05-15"/>
<rect class="day" width="11" height="11" y="65" fill="#d6e685" data-count="3" data-date="2014-05-16"/>
<rect class="day" width="11" height="11" y="78" fill="#8cc665" data-count="17" data-date="2014-05-17"/>
</g>
<g transform="translate(481, 0)">
<rect class="day" width="11" height="11" y="0" fill="#d6e685" data-count="5" data-date="2014-05-18"/>
<rect class="day" width="11" height="11" y="13" fill="#8cc665" data-count="19" data-date="2014-05-19"/>
<rect class="day" width="11" height="11" y="26" fill="#44a340" data-count="21" data-date="2014-05-20"/>
<rect class="day" width="11" height="11" y="39" fill="#d6e685" data-count="5" data-date="2014-05-21"/>
<rect class="day" width="11" height="11" y="52" fill="#d6e685" data-count="3" data-date="2014-05-22"/>
<rect class="day" width="11" height="11" y="65" fill="#d6e685" data-count="8" data-date="2014-05-23"/>
<rect class="day" width="11" height="11" y="78" fill="#8cc665" data-count="13" data-date="2014-05-24"/>
</g>
<g transform="translate(494, 0)">
<rect class="day" width="11" height="11" y="0" fill="#8cc665" data-count="11" data-date="2014-05-25"/>
<rect class="day" width="11" height="11" y="13" fill="#d6e685" data-count="4" data-date="2014-05-26"/>
<rect class="day" width="11" height="11" y="26" fill="#d6e685" data-count="3" data-date="2014-05-27"/>
<rect class="day" width="11" height="11" y="39" fill="#d6e685" data-count="2" data-date="2014-05-28"/>
<rect class="day" width="11" height="11" y="52" fill="#d6e685" data-count="3" data-date="2014-05-29"/>
<rect class="day" width="11" height="11" y="65" fill="#8cc665" data-count="14" data-date="2014-05-30"/>
<rect class="day" width="11" height="11" y="78" fill="#d6e685" data-count="7" data-date="2014-05-31"/>
</g>
<g transform="translate(507, 0)">
<rect class="day" width="11" height="11" y="0" fill="#d6e685" data-count="6" data-date="2014-06-01"/>
<rect class="day" width="11" height="11" y="13" fill="#d6e685" data-count="8" data-date="2014-06-02"/>
<rect class="day" width="11" height="11" y="26" fill="#d6e685" data-count="7" data-date="2014-06-03"/>
<rect class="day" width="11" height="11" y="39" fill="#d6e685" data-count="8" data-date="2014-06-04"/>
<rect class="day" width="11" height="11" y="52" fill="#d6e685" data-count="2" data-date="2014-06-05"/>
<rect class="day" width="11" height="11" y="65" fill="#d6e685" data-count="9" data-date="2014-06-06"/>
<rect class="day" width="11" height="11" y="78" fill="#8cc665" data-count="16" data-date="2014-06-07"/>
</g>
<g transform="translate(520, 0)">
<rect class="day" width="11" height="11" y="0" fill="#d6e685" data-count="10" data-date="2014-06-08"/>
<rect class="day" width="11" height="11" y="13" fill="#d6e685" data-count="9" data-date="2014-06-09"/>
<rect class="day" width="11" height="11" y="26" fill="#1e6823" data-count="31" data-date="2014-06-10"/>
<rect class="day" width="11" height="11" y="39" fill="#8cc665" data-count="11" data-date="2014-06-11"/>
<rect class="day" width="11" height="11" y="52" fill="#d6e685" data-count="2" data-date="2014-06-12"/>
<rect class="day" width="11" height="11" y="65" fill="#d6e685" data-count="4" data-date="2014-06-13"/>
<rect class="day" width="11" height="11" y="78" fill="#d6e685" data-count="9" data-date="2014-06-14"/>
</g>
<g transform="translate(533, 0)">
<rect class="day" width="11" height="11" y="0" fill="#d6e685" data-count="1" data-date="2014-06-15"/>
<rect class="day" width="11" height="11" y="13" fill="#8cc665" data-count="14" data-date="2014-06-16"/>
<rect class="day" width="11" height="11" y="26" fill="#8cc665" data-count="17" data-date="2014-06-17"/>
<rect class="day" width="11" height="11" y="39" fill="#d6e685" data-count="3" data-date="2014-06-18"/>
<rect class="day" width="11" height="11" y="52" fill="#d6e685" data-count="6" data-date="2014-06-19"/>
<rect class="day" width="11" height="11" y="65" fill="#d6e685" data-count="8" data-date="2014-06-20"/>
<rect class="day" width="11" height="11" y="78" fill="#8cc665" data-count="11" data-date="2014-06-21"/>
</g>
<g transform="translate(546, 0)">
<rect class="day" width="11" height="11" y="0" fill="#d6e685" data-count="7" data-date="2014-06-22"/>
<rect class="day" width="11" height="11" y="13" fill="#d6e685" data-count="10" data-date="2014-06-23"/>
<rect class="day" width="11" height="11" y="26" fill="#d6e685" data-count="4" data-date="2014-06-24"/>
<rect class="day" width="11" height="11" y="39" fill="#d6e685" data-count="9" data-date="2014-06-25"/>
<rect class="day" width="11" height="11" y="52" fill="#d6e685" data-count="4" data-date="2014-06-26"/>
<rect class="day" width="11" height="11" y="65" fill="#d6e685" data-count="2" data-date="2014-06-27"/>
<rect class="day" width="11" height="11" y="78" fill="#d6e685" data-count="8" data-date="2014-06-28"/>
</g>
<g transform="translate(559, 0)">
<rect class="day" width="11" height="11" y="0" fill="#d6e685" data-count="6" data-date="2014-06-29"/>
<rect class="day" width="11" height="11" y="13" fill="#d6e685" data-count="7" data-date="2014-06-30"/>
<rect class="day" width="11" height="11" y="26" fill="#d6e685" data-count="7" data-date="2014-07-01"/>
<rect class="day" width="11" height="11" y="39" fill="#44a340" data-count="30" data-date="2014-07-02"/>
<rect class="day" width="11" height="11" y="52" fill="#d6e685" data-count="10" data-date="2014-07-03"/>
<rect class="day" width="11" height="11" y="65" fill="#d6e685" data-count="6" data-date="2014-07-04"/>
<rect class="day" width="11" height="11" y="78" fill="#d6e685" data-count="9" data-date="2014-07-05"/>
</g>
<g transform="translate(572, 0)">
<rect class="day" width="11" height="11" y="0" fill="#8cc665" data-count="14" data-date="2014-07-06"/>
<rect class="day" width="11" height="11" y="13" fill="#8cc665" data-count="20" data-date="2014-07-07"/>
<rect class="day" width="11" height="11" y="26" fill="#d6e685" data-count="5" data-date="2014-07-08"/>
<rect class="day" width="11" height="11" y="39" fill="#d6e685" data-count="8" data-date="2014-07-09"/>
<rect class="day" width="11" height="11" y="52" fill="#d6e685" data-count="3" data-date="2014-07-10"/>
<rect class="day" width="11" height="11" y="65" fill="#d6e685" data-count="2" data-date="2014-07-11"/>
<rect class="day" width="11" height="11" y="78" fill="#d6e685" data-count="7" data-date="2014-07-12"/>
</g>
<g transform="translate(585, 0)">
<rect class="day" width="11" height="11" y="0" fill="#d6e685" data-count="1" data-date="2014-07-13"/>
<rect class="day" width="11" height="11" y="13" fill="#d6e685" data-count="3" data-date="2014-07-14"/>
<rect class="day" width="11" height="11" y="26" fill="#d6e685" data-count="1" data-date="2014-07-15"/>
<rect class="day" width="11" height="11" y="39" fill="#d6e685" data-count="6" data-date="2014-07-16"/>
<rect class="day" width="11" height="11" y="52" fill="#d6e685" data-count="3" data-date="2014-07-17"/>
<rect class="day" width="11" height="11" y="65" fill="#d6e685" data-count="4" data-date="2014-07-18"/>
<rect class="day" width="11" height="11" y="78" fill="#d6e685" data-count="9" data-date="2014-07-19"/>
</g>
<g transform="translate(598, 0)">
<rect class="day" width="11" height="11" y="0" fill="#d6e685" data-count="7" data-date="2014-07-20"/>
<rect class="day" width="11" height="11" y="13" fill="#d6e685" data-count="3" data-date="2014-07-21"/>
<rect class="day" width="11" height="11" y="26" fill="#d6e685" data-count="5" data-date="2014-07-22"/>
<rect class="day" width="11" height="11" y="39" fill="#d6e685" data-count="2" data-date="2014-07-23"/>
<rect class="day" width="11" height="11" y="52" fill="#d6e685" data-count="3" data-date="2014-07-24"/>
<rect class="day" width="11" height="11" y="65" fill="#8cc665" data-count="11" data-date="2014-07-25"/>
<rect class="day" width="11" height="11" y="78" fill="#1e6823" data-count="39" data-date="2014-07-26"/>
</g>
<g transform="translate(611, 0)">
<rect class="day" width="11" height="11" y="0" fill="#1e6823" data-count="47" data-date="2014-07-27"/>
<rect class="day" width="11" height="11" y="13" fill="#8cc665" data-count="20" data-date="2014-07-28"/>
<rect class="day" width="11" height="11" y="26" fill="#8cc665" data-count="12" data-date="2014-07-29"/>
<rect class="day" width="11" height="11" y="39" fill="#8cc665" data-count="15" data-date="2014-07-30"/>
<rect class="day" width="11" height="11" y="52" fill="#8cc665" data-count="12" data-date="2014-07-31"/>
<rect class="day" width="11" height="11" y="65" fill="#d6e685" data-count="3" data-date="2014-08-01"/>
<rect class="day" width="11" height="11" y="78" fill="#1e6823" data-count="38" data-date="2014-08-02"/>
</g>
<g transform="translate(624, 0)">
<rect class="day" width="11" height="11" y="0" fill="#8cc665" data-count="16" data-date="2014-08-03"/>
<rect class="day" width="11" height="11" y="13" fill="#d6e685" data-count="1" data-date="2014-08-04"/>
<rect class="day" width="11" height="11" y="26" fill="#8cc665" data-count="11" data-date="2014-08-05"/>
<rect class="day" width="11" height="11" y="39" fill="#8cc665" data-count="12" data-date="2014-08-06"/>
<rect class="day" width="11" height="11" y="52" fill="#d6e685" data-count="1" data-date="2014-08-07"/>
<rect class="day" width="11" height="11" y="65" fill="#d6e685" data-count="10" data-date="2014-08-08"/>
<rect class="day" width="11" height="11" y="78" fill="#44a340" data-count="28" data-date="2014-08-09"/>
</g>
<g transform="translate(637, 0)">
<rect class="day" width="11" height="11" y="0" fill="#8cc665" data-count="17" data-date="2014-08-10"/>
<rect class="day" width="11" height="11" y="13" fill="#d6e685" data-count="8" data-date="2014-08-11"/>
<rect class="day" width="11" height="11" y="26" fill="#d6e685" data-count="6" data-date="2014-08-12"/>
<rect class="day" width="11" height="11" y="39" fill="#d6e685" data-count="5" data-date="2014-08-13"/>
<rect class="day" width="11" height="11" y="52" fill="#d6e685" data-count="4" data-date="2014-08-14"/>
<rect class="day" width="11" height="11" y="65" fill="#d6e685" data-count="3" data-date="2014-08-15"/>
<rect class="day" width="11" height="11" y="78" fill="#8cc665" data-count="11" data-date="2014-08-16"/>
</g>
<g transform="translate(650, 0)">
<rect class="day" width="11" height="11" y="0" fill="#8cc665" data-count="17" data-date="2014-08-17"/>
<rect class="day" width="11" height="11" y="13" fill="#8cc665" data-count="15" data-date="2014-08-18"/>
<rect class="day" width="11" height="11" y="26" fill="#44a340" data-count="29" data-date="2014-08-19"/>
<rect class="day" width="11" height="11" y="39" fill="#d6e685" data-count="3" data-date="2014-08-20"/>
<rect class="day" width="11" height="11" y="52" fill="#d6e685" data-count="4" data-date="2014-08-21"/>
<rect class="day" width="11" height="11" y="65" fill="#d6e685" data-count="8" data-date="2014-08-22"/>
<rect class="day" width="11" height="11" y="78" fill="#d6e685" data-count="2" data-date="2014-08-23"/>
</g>
<g transform="translate(663, 0)">
<rect class="day" width="11" height="11" y="0" fill="#d6e685" data-count="6" data-date="2014-08-24"/>
<rect class="day" width="11" height="11" y="13" fill="#1e6823" data-count="33" data-date="2014-08-25"/>
<rect class="day" width="11" height="11" y="26" fill="#d6e685" data-count="9" data-date="2014-08-26"/>
<rect class="day" width="11" height="11" y="39" fill="#8cc665" data-count="19" data-date="2014-08-27"/>
<rect class="day" width="11" height="11" y="52" fill="#d6e685" data-count="3" data-date="2014-08-28"/>
<rect class="day" width="11" height="11" y="65" fill="#d6e685" data-count="4" data-date="2014-08-29"/>
<rect class="day" width="11" height="11" y="78" fill="#8cc665" data-count="17" data-date="2014-08-30"/>
</g>
<g transform="translate(676, 0)">
<rect class="day" width="11" height="11" y="0" fill="#d6e685" data-count="3" data-date="2014-08-31"/>
<rect class="day" width="11" height="11" y="13" fill="#44a340" data-count="25" data-date="2014-09-01"/>
<rect class="day" width="11" height="11" y="26" fill="#8cc665" data-count="19" data-date="2014-09-02"/>
<rect class="day" width="11" height="11" y="39" fill="#d6e685" data-count="9" data-date="2014-09-03"/>
<rect class="day" width="11" height="11" y="52" fill="#d6e685" data-count="2" data-date="2014-09-04"/>
<rect class="day" width="11" height="11" y="65" fill="#d6e685" data-count="6" data-date="2014-09-05"/>
</g>
<text x="0" y="-5" class="month">Sep</text>
<text x="65" y="-5" class="month">Oct</text>
<text x="117" y="-5" class="month">Nov</text>
<text x="169" y="-5" class="month">Dec</text>
<text x="234" y="-5" class="month">Jan</text>
<text x="286" y="-5" class="month">Feb</text>
<text x="338" y="-5" class="month">Mar</text>
<text x="403" y="-5" class="month">Apr</text>
<text x="455" y="-5" class="month">May</text>
<text x="507" y="-5" class="month">Jun</text>
<text x="572" y="-5" class="month">Jul</text>
<text x="624" y="-5" class="month">Aug</text>
<text text-anchor="middle" class="wday" dx="-10" dy="9" style="display: none;">S</text>
<text text-anchor="middle" class="wday" dx="-10" dy="22">M</text>
<text text-anchor="middle" class="wday" dx="-10" dy="35" style="display: none;">T</text>
<text text-anchor="middle" class="wday" dx="-10" dy="48">W</text>
<text text-anchor="middle" class="wday" dx="-10" dy="61" style="display: none;">T</text>
<text text-anchor="middle" class="wday" dx="-10" dy="74">F</text>
<text text-anchor="middle" class="wday" dx="-10" dy="87" style="display: none;">S</text>
</g>
</svg>
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment