Skip to content

Instantly share code, notes, and snippets.

@sheerlox
Created May 16, 2017 16:48
Show Gist options
  • Save sheerlox/e0cf361eca9e65e0cdf34186483d494c to your computer and use it in GitHub Desktop.
Save sheerlox/e0cf361eca9e65e0cdf34186483d494c to your computer and use it in GitHub Desktop.
Get current streak for Github contributions
const DOMParser = require('dom-parser')
const parser = new DOMParser();
const fs = require('fs')
// Instead of getting this from file, use "https://github.com/users/{username}/contributions"
fs.readFile(__dirname + '/response.xml', function (err, data) {
if (err) {
throw err;
}
const svg = data.toString()
var doc = parser.parseFromString(svg)
const days = doc.getElementsByClassName('day')
let currentStreak = 0;
days.forEach(function(day) {
if (day.getAttribute('data-count') > 0) {
currentStreak++
} else {
currentStreak = 0
}
}, this);
console.log('Current day streak: ' + currentStreak)
})
<svg width="676" height="104" class="js-calendar-graph-svg">
<g transform="translate(16, 20)">
<g transform="translate(0, 0)">
<rect class="day" width="10" height="10" x="13" y="0" fill="#ebedf0" data-count="0" data-date="2016-05-15"/>
<rect class="day" width="10" height="10" x="13" y="12" fill="#ebedf0" data-count="0" data-date="2016-05-16"/>
<rect class="day" width="10" height="10" x="13" y="24" fill="#c6e48b" data-count="1" data-date="2016-05-17"/>
<rect class="day" width="10" height="10" x="13" y="36" fill="#c6e48b" data-count="2" data-date="2016-05-18"/>
<rect class="day" width="10" height="10" x="13" y="48" fill="#c6e48b" data-count="1" data-date="2016-05-19"/>
<rect class="day" width="10" height="10" x="13" y="60" fill="#c6e48b" data-count="1" data-date="2016-05-20"/>
<rect class="day" width="10" height="10" x="13" y="72" fill="#c6e48b" data-count="5" data-date="2016-05-21"/>
</g>
<g transform="translate(13, 0)">
<rect class="day" width="10" height="10" x="12" y="0" fill="#ebedf0" data-count="0" data-date="2016-05-22"/>
<rect class="day" width="10" height="10" x="12" y="12" fill="#ebedf0" data-count="0" data-date="2016-05-23"/>
<rect class="day" width="10" height="10" x="12" y="24" fill="#ebedf0" data-count="0" data-date="2016-05-24"/>
<rect class="day" width="10" height="10" x="12" y="36" fill="#ebedf0" data-count="0" data-date="2016-05-25"/>
<rect class="day" width="10" height="10" x="12" y="48" fill="#ebedf0" data-count="0" data-date="2016-05-26"/>
<rect class="day" width="10" height="10" x="12" y="60" fill="#ebedf0" data-count="0" data-date="2016-05-27"/>
<rect class="day" width="10" height="10" x="12" y="72" fill="#ebedf0" data-count="0" data-date="2016-05-28"/>
</g>
<g transform="translate(26, 0)">
<rect class="day" width="10" height="10" x="11" y="0" fill="#ebedf0" data-count="0" data-date="2016-05-29"/>
<rect class="day" width="10" height="10" x="11" y="12" fill="#ebedf0" data-count="0" data-date="2016-05-30"/>
<rect class="day" width="10" height="10" x="11" y="24" fill="#ebedf0" data-count="0" data-date="2016-05-31"/>
<rect class="day" width="10" height="10" x="11" y="36" fill="#ebedf0" data-count="0" data-date="2016-06-01"/>
<rect class="day" width="10" height="10" x="11" y="48" fill="#ebedf0" data-count="0" data-date="2016-06-02"/>
<rect class="day" width="10" height="10" x="11" y="60" fill="#ebedf0" data-count="0" data-date="2016-06-03"/>
<rect class="day" width="10" height="10" x="11" y="72" fill="#ebedf0" data-count="0" data-date="2016-06-04"/>
</g>
<g transform="translate(39, 0)">
<rect class="day" width="10" height="10" x="10" y="0" fill="#ebedf0" data-count="0" data-date="2016-06-05"/>
<rect class="day" width="10" height="10" x="10" y="12" fill="#ebedf0" data-count="0" data-date="2016-06-06"/>
<rect class="day" width="10" height="10" x="10" y="24" fill="#ebedf0" data-count="0" data-date="2016-06-07"/>
<rect class="day" width="10" height="10" x="10" y="36" fill="#ebedf0" data-count="0" data-date="2016-06-08"/>
<rect class="day" width="10" height="10" x="10" y="48" fill="#ebedf0" data-count="0" data-date="2016-06-09"/>
<rect class="day" width="10" height="10" x="10" y="60" fill="#ebedf0" data-count="0" data-date="2016-06-10"/>
<rect class="day" width="10" height="10" x="10" y="72" fill="#ebedf0" data-count="0" data-date="2016-06-11"/>
</g>
<g transform="translate(52, 0)">
<rect class="day" width="10" height="10" x="9" y="0" fill="#ebedf0" data-count="0" data-date="2016-06-12"/>
<rect class="day" width="10" height="10" x="9" y="12" fill="#ebedf0" data-count="0" data-date="2016-06-13"/>
<rect class="day" width="10" height="10" x="9" y="24" fill="#ebedf0" data-count="0" data-date="2016-06-14"/>
<rect class="day" width="10" height="10" x="9" y="36" fill="#ebedf0" data-count="0" data-date="2016-06-15"/>
<rect class="day" width="10" height="10" x="9" y="48" fill="#ebedf0" data-count="0" data-date="2016-06-16"/>
<rect class="day" width="10" height="10" x="9" y="60" fill="#ebedf0" data-count="0" data-date="2016-06-17"/>
<rect class="day" width="10" height="10" x="9" y="72" fill="#ebedf0" data-count="0" data-date="2016-06-18"/>
</g>
<g transform="translate(65, 0)">
<rect class="day" width="10" height="10" x="8" y="0" fill="#ebedf0" data-count="0" data-date="2016-06-19"/>
<rect class="day" width="10" height="10" x="8" y="12" fill="#ebedf0" data-count="0" data-date="2016-06-20"/>
<rect class="day" width="10" height="10" x="8" y="24" fill="#ebedf0" data-count="0" data-date="2016-06-21"/>
<rect class="day" width="10" height="10" x="8" y="36" fill="#ebedf0" data-count="0" data-date="2016-06-22"/>
<rect class="day" width="10" height="10" x="8" y="48" fill="#ebedf0" data-count="0" data-date="2016-06-23"/>
<rect class="day" width="10" height="10" x="8" y="60" fill="#ebedf0" data-count="0" data-date="2016-06-24"/>
<rect class="day" width="10" height="10" x="8" y="72" fill="#ebedf0" data-count="0" data-date="2016-06-25"/>
</g>
<g transform="translate(78, 0)">
<rect class="day" width="10" height="10" x="7" y="0" fill="#ebedf0" data-count="0" data-date="2016-06-26"/>
<rect class="day" width="10" height="10" x="7" y="12" fill="#ebedf0" data-count="0" data-date="2016-06-27"/>
<rect class="day" width="10" height="10" x="7" y="24" fill="#ebedf0" data-count="0" data-date="2016-06-28"/>
<rect class="day" width="10" height="10" x="7" y="36" fill="#ebedf0" data-count="0" data-date="2016-06-29"/>
<rect class="day" width="10" height="10" x="7" y="48" fill="#ebedf0" data-count="0" data-date="2016-06-30"/>
<rect class="day" width="10" height="10" x="7" y="60" fill="#ebedf0" data-count="0" data-date="2016-07-01"/>
<rect class="day" width="10" height="10" x="7" y="72" fill="#ebedf0" data-count="0" data-date="2016-07-02"/>
</g>
<g transform="translate(91, 0)">
<rect class="day" width="10" height="10" x="6" y="0" fill="#ebedf0" data-count="0" data-date="2016-07-03"/>
<rect class="day" width="10" height="10" x="6" y="12" fill="#ebedf0" data-count="0" data-date="2016-07-04"/>
<rect class="day" width="10" height="10" x="6" y="24" fill="#ebedf0" data-count="0" data-date="2016-07-05"/>
<rect class="day" width="10" height="10" x="6" y="36" fill="#ebedf0" data-count="0" data-date="2016-07-06"/>
<rect class="day" width="10" height="10" x="6" y="48" fill="#ebedf0" data-count="0" data-date="2016-07-07"/>
<rect class="day" width="10" height="10" x="6" y="60" fill="#ebedf0" data-count="0" data-date="2016-07-08"/>
<rect class="day" width="10" height="10" x="6" y="72" fill="#ebedf0" data-count="0" data-date="2016-07-09"/>
</g>
<g transform="translate(104, 0)">
<rect class="day" width="10" height="10" x="5" y="0" fill="#ebedf0" data-count="0" data-date="2016-07-10"/>
<rect class="day" width="10" height="10" x="5" y="12" fill="#ebedf0" data-count="0" data-date="2016-07-11"/>
<rect class="day" width="10" height="10" x="5" y="24" fill="#ebedf0" data-count="0" data-date="2016-07-12"/>
<rect class="day" width="10" height="10" x="5" y="36" fill="#ebedf0" data-count="0" data-date="2016-07-13"/>
<rect class="day" width="10" height="10" x="5" y="48" fill="#ebedf0" data-count="0" data-date="2016-07-14"/>
<rect class="day" width="10" height="10" x="5" y="60" fill="#ebedf0" data-count="0" data-date="2016-07-15"/>
<rect class="day" width="10" height="10" x="5" y="72" fill="#ebedf0" data-count="0" data-date="2016-07-16"/>
</g>
<g transform="translate(117, 0)">
<rect class="day" width="10" height="10" x="4" y="0" fill="#ebedf0" data-count="0" data-date="2016-07-17"/>
<rect class="day" width="10" height="10" x="4" y="12" fill="#ebedf0" data-count="0" data-date="2016-07-18"/>
<rect class="day" width="10" height="10" x="4" y="24" fill="#ebedf0" data-count="0" data-date="2016-07-19"/>
<rect class="day" width="10" height="10" x="4" y="36" fill="#ebedf0" data-count="0" data-date="2016-07-20"/>
<rect class="day" width="10" height="10" x="4" y="48" fill="#ebedf0" data-count="0" data-date="2016-07-21"/>
<rect class="day" width="10" height="10" x="4" y="60" fill="#ebedf0" data-count="0" data-date="2016-07-22"/>
<rect class="day" width="10" height="10" x="4" y="72" fill="#ebedf0" data-count="0" data-date="2016-07-23"/>
</g>
<g transform="translate(130, 0)">
<rect class="day" width="10" height="10" x="3" y="0" fill="#ebedf0" data-count="0" data-date="2016-07-24"/>
<rect class="day" width="10" height="10" x="3" y="12" fill="#ebedf0" data-count="0" data-date="2016-07-25"/>
<rect class="day" width="10" height="10" x="3" y="24" fill="#ebedf0" data-count="0" data-date="2016-07-26"/>
<rect class="day" width="10" height="10" x="3" y="36" fill="#ebedf0" data-count="0" data-date="2016-07-27"/>
<rect class="day" width="10" height="10" x="3" y="48" fill="#ebedf0" data-count="0" data-date="2016-07-28"/>
<rect class="day" width="10" height="10" x="3" y="60" fill="#ebedf0" data-count="0" data-date="2016-07-29"/>
<rect class="day" width="10" height="10" x="3" y="72" fill="#ebedf0" data-count="0" data-date="2016-07-30"/>
</g>
<g transform="translate(143, 0)">
<rect class="day" width="10" height="10" x="2" y="0" fill="#ebedf0" data-count="0" data-date="2016-07-31"/>
<rect class="day" width="10" height="10" x="2" y="12" fill="#ebedf0" data-count="0" data-date="2016-08-01"/>
<rect class="day" width="10" height="10" x="2" y="24" fill="#ebedf0" data-count="0" data-date="2016-08-02"/>
<rect class="day" width="10" height="10" x="2" y="36" fill="#ebedf0" data-count="0" data-date="2016-08-03"/>
<rect class="day" width="10" height="10" x="2" y="48" fill="#ebedf0" data-count="0" data-date="2016-08-04"/>
<rect class="day" width="10" height="10" x="2" y="60" fill="#ebedf0" data-count="0" data-date="2016-08-05"/>
<rect class="day" width="10" height="10" x="2" y="72" fill="#ebedf0" data-count="0" data-date="2016-08-06"/>
</g>
<g transform="translate(156, 0)">
<rect class="day" width="10" height="10" x="1" y="0" fill="#ebedf0" data-count="0" data-date="2016-08-07"/>
<rect class="day" width="10" height="10" x="1" y="12" fill="#ebedf0" data-count="0" data-date="2016-08-08"/>
<rect class="day" width="10" height="10" x="1" y="24" fill="#ebedf0" data-count="0" data-date="2016-08-09"/>
<rect class="day" width="10" height="10" x="1" y="36" fill="#ebedf0" data-count="0" data-date="2016-08-10"/>
<rect class="day" width="10" height="10" x="1" y="48" fill="#ebedf0" data-count="0" data-date="2016-08-11"/>
<rect class="day" width="10" height="10" x="1" y="60" fill="#ebedf0" data-count="0" data-date="2016-08-12"/>
<rect class="day" width="10" height="10" x="1" y="72" fill="#ebedf0" data-count="0" data-date="2016-08-13"/>
</g>
<g transform="translate(169, 0)">
<rect class="day" width="10" height="10" x="0" y="0" fill="#ebedf0" data-count="0" data-date="2016-08-14"/>
<rect class="day" width="10" height="10" x="0" y="12" fill="#ebedf0" data-count="0" data-date="2016-08-15"/>
<rect class="day" width="10" height="10" x="0" y="24" fill="#ebedf0" data-count="0" data-date="2016-08-16"/>
<rect class="day" width="10" height="10" x="0" y="36" fill="#ebedf0" data-count="0" data-date="2016-08-17"/>
<rect class="day" width="10" height="10" x="0" y="48" fill="#ebedf0" data-count="0" data-date="2016-08-18"/>
<rect class="day" width="10" height="10" x="0" y="60" fill="#ebedf0" data-count="0" data-date="2016-08-19"/>
<rect class="day" width="10" height="10" x="0" y="72" fill="#ebedf0" data-count="0" data-date="2016-08-20"/>
</g>
<g transform="translate(182, 0)">
<rect class="day" width="10" height="10" x="-1" y="0" fill="#ebedf0" data-count="0" data-date="2016-08-21"/>
<rect class="day" width="10" height="10" x="-1" y="12" fill="#ebedf0" data-count="0" data-date="2016-08-22"/>
<rect class="day" width="10" height="10" x="-1" y="24" fill="#ebedf0" data-count="0" data-date="2016-08-23"/>
<rect class="day" width="10" height="10" x="-1" y="36" fill="#ebedf0" data-count="0" data-date="2016-08-24"/>
<rect class="day" width="10" height="10" x="-1" y="48" fill="#ebedf0" data-count="0" data-date="2016-08-25"/>
<rect class="day" width="10" height="10" x="-1" y="60" fill="#ebedf0" data-count="0" data-date="2016-08-26"/>
<rect class="day" width="10" height="10" x="-1" y="72" fill="#ebedf0" data-count="0" data-date="2016-08-27"/>
</g>
<g transform="translate(195, 0)">
<rect class="day" width="10" height="10" x="-2" y="0" fill="#ebedf0" data-count="0" data-date="2016-08-28"/>
<rect class="day" width="10" height="10" x="-2" y="12" fill="#ebedf0" data-count="0" data-date="2016-08-29"/>
<rect class="day" width="10" height="10" x="-2" y="24" fill="#ebedf0" data-count="0" data-date="2016-08-30"/>
<rect class="day" width="10" height="10" x="-2" y="36" fill="#ebedf0" data-count="0" data-date="2016-08-31"/>
<rect class="day" width="10" height="10" x="-2" y="48" fill="#c6e48b" data-count="1" data-date="2016-09-01"/>
<rect class="day" width="10" height="10" x="-2" y="60" fill="#ebedf0" data-count="0" data-date="2016-09-02"/>
<rect class="day" width="10" height="10" x="-2" y="72" fill="#ebedf0" data-count="0" data-date="2016-09-03"/>
</g>
<g transform="translate(208, 0)">
<rect class="day" width="10" height="10" x="-3" y="0" fill="#ebedf0" data-count="0" data-date="2016-09-04"/>
<rect class="day" width="10" height="10" x="-3" y="12" fill="#ebedf0" data-count="0" data-date="2016-09-05"/>
<rect class="day" width="10" height="10" x="-3" y="24" fill="#ebedf0" data-count="0" data-date="2016-09-06"/>
<rect class="day" width="10" height="10" x="-3" y="36" fill="#ebedf0" data-count="0" data-date="2016-09-07"/>
<rect class="day" width="10" height="10" x="-3" y="48" fill="#ebedf0" data-count="0" data-date="2016-09-08"/>
<rect class="day" width="10" height="10" x="-3" y="60" fill="#ebedf0" data-count="0" data-date="2016-09-09"/>
<rect class="day" width="10" height="10" x="-3" y="72" fill="#ebedf0" data-count="0" data-date="2016-09-10"/>
</g>
<g transform="translate(221, 0)">
<rect class="day" width="10" height="10" x="-4" y="0" fill="#ebedf0" data-count="0" data-date="2016-09-11"/>
<rect class="day" width="10" height="10" x="-4" y="12" fill="#ebedf0" data-count="0" data-date="2016-09-12"/>
<rect class="day" width="10" height="10" x="-4" y="24" fill="#ebedf0" data-count="0" data-date="2016-09-13"/>
<rect class="day" width="10" height="10" x="-4" y="36" fill="#ebedf0" data-count="0" data-date="2016-09-14"/>
<rect class="day" width="10" height="10" x="-4" y="48" fill="#ebedf0" data-count="0" data-date="2016-09-15"/>
<rect class="day" width="10" height="10" x="-4" y="60" fill="#ebedf0" data-count="0" data-date="2016-09-16"/>
<rect class="day" width="10" height="10" x="-4" y="72" fill="#ebedf0" data-count="0" data-date="2016-09-17"/>
</g>
<g transform="translate(234, 0)">
<rect class="day" width="10" height="10" x="-5" y="0" fill="#ebedf0" data-count="0" data-date="2016-09-18"/>
<rect class="day" width="10" height="10" x="-5" y="12" fill="#ebedf0" data-count="0" data-date="2016-09-19"/>
<rect class="day" width="10" height="10" x="-5" y="24" fill="#ebedf0" data-count="0" data-date="2016-09-20"/>
<rect class="day" width="10" height="10" x="-5" y="36" fill="#ebedf0" data-count="0" data-date="2016-09-21"/>
<rect class="day" width="10" height="10" x="-5" y="48" fill="#ebedf0" data-count="0" data-date="2016-09-22"/>
<rect class="day" width="10" height="10" x="-5" y="60" fill="#ebedf0" data-count="0" data-date="2016-09-23"/>
<rect class="day" width="10" height="10" x="-5" y="72" fill="#ebedf0" data-count="0" data-date="2016-09-24"/>
</g>
<g transform="translate(247, 0)">
<rect class="day" width="10" height="10" x="-6" y="0" fill="#ebedf0" data-count="0" data-date="2016-09-25"/>
<rect class="day" width="10" height="10" x="-6" y="12" fill="#ebedf0" data-count="0" data-date="2016-09-26"/>
<rect class="day" width="10" height="10" x="-6" y="24" fill="#ebedf0" data-count="0" data-date="2016-09-27"/>
<rect class="day" width="10" height="10" x="-6" y="36" fill="#ebedf0" data-count="0" data-date="2016-09-28"/>
<rect class="day" width="10" height="10" x="-6" y="48" fill="#ebedf0" data-count="0" data-date="2016-09-29"/>
<rect class="day" width="10" height="10" x="-6" y="60" fill="#ebedf0" data-count="0" data-date="2016-09-30"/>
<rect class="day" width="10" height="10" x="-6" y="72" fill="#ebedf0" data-count="0" data-date="2016-10-01"/>
</g>
<g transform="translate(260, 0)">
<rect class="day" width="10" height="10" x="-7" y="0" fill="#ebedf0" data-count="0" data-date="2016-10-02"/>
<rect class="day" width="10" height="10" x="-7" y="12" fill="#ebedf0" data-count="0" data-date="2016-10-03"/>
<rect class="day" width="10" height="10" x="-7" y="24" fill="#ebedf0" data-count="0" data-date="2016-10-04"/>
<rect class="day" width="10" height="10" x="-7" y="36" fill="#ebedf0" data-count="0" data-date="2016-10-05"/>
<rect class="day" width="10" height="10" x="-7" y="48" fill="#ebedf0" data-count="0" data-date="2016-10-06"/>
<rect class="day" width="10" height="10" x="-7" y="60" fill="#ebedf0" data-count="0" data-date="2016-10-07"/>
<rect class="day" width="10" height="10" x="-7" y="72" fill="#ebedf0" data-count="0" data-date="2016-10-08"/>
</g>
<g transform="translate(273, 0)">
<rect class="day" width="10" height="10" x="-8" y="0" fill="#ebedf0" data-count="0" data-date="2016-10-09"/>
<rect class="day" width="10" height="10" x="-8" y="12" fill="#ebedf0" data-count="0" data-date="2016-10-10"/>
<rect class="day" width="10" height="10" x="-8" y="24" fill="#ebedf0" data-count="0" data-date="2016-10-11"/>
<rect class="day" width="10" height="10" x="-8" y="36" fill="#ebedf0" data-count="0" data-date="2016-10-12"/>
<rect class="day" width="10" height="10" x="-8" y="48" fill="#ebedf0" data-count="0" data-date="2016-10-13"/>
<rect class="day" width="10" height="10" x="-8" y="60" fill="#ebedf0" data-count="0" data-date="2016-10-14"/>
<rect class="day" width="10" height="10" x="-8" y="72" fill="#ebedf0" data-count="0" data-date="2016-10-15"/>
</g>
<g transform="translate(286, 0)">
<rect class="day" width="10" height="10" x="-9" y="0" fill="#ebedf0" data-count="0" data-date="2016-10-16"/>
<rect class="day" width="10" height="10" x="-9" y="12" fill="#ebedf0" data-count="0" data-date="2016-10-17"/>
<rect class="day" width="10" height="10" x="-9" y="24" fill="#ebedf0" data-count="0" data-date="2016-10-18"/>
<rect class="day" width="10" height="10" x="-9" y="36" fill="#ebedf0" data-count="0" data-date="2016-10-19"/>
<rect class="day" width="10" height="10" x="-9" y="48" fill="#ebedf0" data-count="0" data-date="2016-10-20"/>
<rect class="day" width="10" height="10" x="-9" y="60" fill="#ebedf0" data-count="0" data-date="2016-10-21"/>
<rect class="day" width="10" height="10" x="-9" y="72" fill="#ebedf0" data-count="0" data-date="2016-10-22"/>
</g>
<g transform="translate(299, 0)">
<rect class="day" width="10" height="10" x="-10" y="0" fill="#ebedf0" data-count="0" data-date="2016-10-23"/>
<rect class="day" width="10" height="10" x="-10" y="12" fill="#c6e48b" data-count="3" data-date="2016-10-24"/>
<rect class="day" width="10" height="10" x="-10" y="24" fill="#c6e48b" data-count="1" data-date="2016-10-25"/>
<rect class="day" width="10" height="10" x="-10" y="36" fill="#ebedf0" data-count="0" data-date="2016-10-26"/>
<rect class="day" width="10" height="10" x="-10" y="48" fill="#c6e48b" data-count="3" data-date="2016-10-27"/>
<rect class="day" width="10" height="10" x="-10" y="60" fill="#ebedf0" data-count="0" data-date="2016-10-28"/>
<rect class="day" width="10" height="10" x="-10" y="72" fill="#ebedf0" data-count="0" data-date="2016-10-29"/>
</g>
<g transform="translate(312, 0)">
<rect class="day" width="10" height="10" x="-11" y="0" fill="#ebedf0" data-count="0" data-date="2016-10-30"/>
<rect class="day" width="10" height="10" x="-11" y="12" fill="#ebedf0" data-count="0" data-date="2016-10-31"/>
<rect class="day" width="10" height="10" x="-11" y="24" fill="#ebedf0" data-count="0" data-date="2016-11-01"/>
<rect class="day" width="10" height="10" x="-11" y="36" fill="#c6e48b" data-count="2" data-date="2016-11-02"/>
<rect class="day" width="10" height="10" x="-11" y="48" fill="#7bc96f" data-count="11" data-date="2016-11-03"/>
<rect class="day" width="10" height="10" x="-11" y="60" fill="#ebedf0" data-count="0" data-date="2016-11-04"/>
<rect class="day" width="10" height="10" x="-11" y="72" fill="#ebedf0" data-count="0" data-date="2016-11-05"/>
</g>
<g transform="translate(325, 0)">
<rect class="day" width="10" height="10" x="-12" y="0" fill="#c6e48b" data-count="2" data-date="2016-11-06"/>
<rect class="day" width="10" height="10" x="-12" y="12" fill="#c6e48b" data-count="1" data-date="2016-11-07"/>
<rect class="day" width="10" height="10" x="-12" y="24" fill="#239a3b" data-count="15" data-date="2016-11-08"/>
<rect class="day" width="10" height="10" x="-12" y="36" fill="#c6e48b" data-count="1" data-date="2016-11-09"/>
<rect class="day" width="10" height="10" x="-12" y="48" fill="#c6e48b" data-count="4" data-date="2016-11-10"/>
<rect class="day" width="10" height="10" x="-12" y="60" fill="#c6e48b" data-count="5" data-date="2016-11-11"/>
<rect class="day" width="10" height="10" x="-12" y="72" fill="#c6e48b" data-count="3" data-date="2016-11-12"/>
</g>
<g transform="translate(338, 0)">
<rect class="day" width="10" height="10" x="-13" y="0" fill="#7bc96f" data-count="8" data-date="2016-11-13"/>
<rect class="day" width="10" height="10" x="-13" y="12" fill="#196127" data-count="18" data-date="2016-11-14"/>
<rect class="day" width="10" height="10" x="-13" y="24" fill="#c6e48b" data-count="5" data-date="2016-11-15"/>
<rect class="day" width="10" height="10" x="-13" y="36" fill="#ebedf0" data-count="0" data-date="2016-11-16"/>
<rect class="day" width="10" height="10" x="-13" y="48" fill="#c6e48b" data-count="1" data-date="2016-11-17"/>
<rect class="day" width="10" height="10" x="-13" y="60" fill="#ebedf0" data-count="0" data-date="2016-11-18"/>
<rect class="day" width="10" height="10" x="-13" y="72" fill="#ebedf0" data-count="0" data-date="2016-11-19"/>
</g>
<g transform="translate(351, 0)">
<rect class="day" width="10" height="10" x="-14" y="0" fill="#ebedf0" data-count="0" data-date="2016-11-20"/>
<rect class="day" width="10" height="10" x="-14" y="12" fill="#ebedf0" data-count="0" data-date="2016-11-21"/>
<rect class="day" width="10" height="10" x="-14" y="24" fill="#ebedf0" data-count="0" data-date="2016-11-22"/>
<rect class="day" width="10" height="10" x="-14" y="36" fill="#ebedf0" data-count="0" data-date="2016-11-23"/>
<rect class="day" width="10" height="10" x="-14" y="48" fill="#ebedf0" data-count="0" data-date="2016-11-24"/>
<rect class="day" width="10" height="10" x="-14" y="60" fill="#ebedf0" data-count="0" data-date="2016-11-25"/>
<rect class="day" width="10" height="10" x="-14" y="72" fill="#ebedf0" data-count="0" data-date="2016-11-26"/>
</g>
<g transform="translate(364, 0)">
<rect class="day" width="10" height="10" x="-15" y="0" fill="#ebedf0" data-count="0" data-date="2016-11-27"/>
<rect class="day" width="10" height="10" x="-15" y="12" fill="#ebedf0" data-count="0" data-date="2016-11-28"/>
<rect class="day" width="10" height="10" x="-15" y="24" fill="#c6e48b" data-count="2" data-date="2016-11-29"/>
<rect class="day" width="10" height="10" x="-15" y="36" fill="#ebedf0" data-count="0" data-date="2016-11-30"/>
<rect class="day" width="10" height="10" x="-15" y="48" fill="#ebedf0" data-count="0" data-date="2016-12-01"/>
<rect class="day" width="10" height="10" x="-15" y="60" fill="#ebedf0" data-count="0" data-date="2016-12-02"/>
<rect class="day" width="10" height="10" x="-15" y="72" fill="#ebedf0" data-count="0" data-date="2016-12-03"/>
</g>
<g transform="translate(377, 0)">
<rect class="day" width="10" height="10" x="-16" y="0" fill="#ebedf0" data-count="0" data-date="2016-12-04"/>
<rect class="day" width="10" height="10" x="-16" y="12" fill="#ebedf0" data-count="0" data-date="2016-12-05"/>
<rect class="day" width="10" height="10" x="-16" y="24" fill="#ebedf0" data-count="0" data-date="2016-12-06"/>
<rect class="day" width="10" height="10" x="-16" y="36" fill="#ebedf0" data-count="0" data-date="2016-12-07"/>
<rect class="day" width="10" height="10" x="-16" y="48" fill="#ebedf0" data-count="0" data-date="2016-12-08"/>
<rect class="day" width="10" height="10" x="-16" y="60" fill="#ebedf0" data-count="0" data-date="2016-12-09"/>
<rect class="day" width="10" height="10" x="-16" y="72" fill="#ebedf0" data-count="0" data-date="2016-12-10"/>
</g>
<g transform="translate(390, 0)">
<rect class="day" width="10" height="10" x="-17" y="0" fill="#ebedf0" data-count="0" data-date="2016-12-11"/>
<rect class="day" width="10" height="10" x="-17" y="12" fill="#ebedf0" data-count="0" data-date="2016-12-12"/>
<rect class="day" width="10" height="10" x="-17" y="24" fill="#ebedf0" data-count="0" data-date="2016-12-13"/>
<rect class="day" width="10" height="10" x="-17" y="36" fill="#c6e48b" data-count="1" data-date="2016-12-14"/>
<rect class="day" width="10" height="10" x="-17" y="48" fill="#ebedf0" data-count="0" data-date="2016-12-15"/>
<rect class="day" width="10" height="10" x="-17" y="60" fill="#ebedf0" data-count="0" data-date="2016-12-16"/>
<rect class="day" width="10" height="10" x="-17" y="72" fill="#ebedf0" data-count="0" data-date="2016-12-17"/>
</g>
<g transform="translate(403, 0)">
<rect class="day" width="10" height="10" x="-18" y="0" fill="#c6e48b" data-count="1" data-date="2016-12-18"/>
<rect class="day" width="10" height="10" x="-18" y="12" fill="#c6e48b" data-count="2" data-date="2016-12-19"/>
<rect class="day" width="10" height="10" x="-18" y="24" fill="#ebedf0" data-count="0" data-date="2016-12-20"/>
<rect class="day" width="10" height="10" x="-18" y="36" fill="#ebedf0" data-count="0" data-date="2016-12-21"/>
<rect class="day" width="10" height="10" x="-18" y="48" fill="#c6e48b" data-count="1" data-date="2016-12-22"/>
<rect class="day" width="10" height="10" x="-18" y="60" fill="#7bc96f" data-count="9" data-date="2016-12-23"/>
<rect class="day" width="10" height="10" x="-18" y="72" fill="#ebedf0" data-count="0" data-date="2016-12-24"/>
</g>
<g transform="translate(416, 0)">
<rect class="day" width="10" height="10" x="-19" y="0" fill="#ebedf0" data-count="0" data-date="2016-12-25"/>
<rect class="day" width="10" height="10" x="-19" y="12" fill="#ebedf0" data-count="0" data-date="2016-12-26"/>
<rect class="day" width="10" height="10" x="-19" y="24" fill="#ebedf0" data-count="0" data-date="2016-12-27"/>
<rect class="day" width="10" height="10" x="-19" y="36" fill="#ebedf0" data-count="0" data-date="2016-12-28"/>
<rect class="day" width="10" height="10" x="-19" y="48" fill="#ebedf0" data-count="0" data-date="2016-12-29"/>
<rect class="day" width="10" height="10" x="-19" y="60" fill="#ebedf0" data-count="0" data-date="2016-12-30"/>
<rect class="day" width="10" height="10" x="-19" y="72" fill="#ebedf0" data-count="0" data-date="2016-12-31"/>
</g>
<g transform="translate(429, 0)">
<rect class="day" width="10" height="10" x="-20" y="0" fill="#ebedf0" data-count="0" data-date="2017-01-01"/>
<rect class="day" width="10" height="10" x="-20" y="12" fill="#c6e48b" data-count="3" data-date="2017-01-02"/>
<rect class="day" width="10" height="10" x="-20" y="24" fill="#c6e48b" data-count="1" data-date="2017-01-03"/>
<rect class="day" width="10" height="10" x="-20" y="36" fill="#c6e48b" data-count="1" data-date="2017-01-04"/>
<rect class="day" width="10" height="10" x="-20" y="48" fill="#c6e48b" data-count="1" data-date="2017-01-05"/>
<rect class="day" width="10" height="10" x="-20" y="60" fill="#196127" data-count="20" data-date="2017-01-06"/>
<rect class="day" width="10" height="10" x="-20" y="72" fill="#7bc96f" data-count="8" data-date="2017-01-07"/>
</g>
<g transform="translate(442, 0)">
<rect class="day" width="10" height="10" x="-21" y="0" fill="#ebedf0" data-count="0" data-date="2017-01-08"/>
<rect class="day" width="10" height="10" x="-21" y="12" fill="#c6e48b" data-count="1" data-date="2017-01-09"/>
<rect class="day" width="10" height="10" x="-21" y="24" fill="#7bc96f" data-count="11" data-date="2017-01-10"/>
<rect class="day" width="10" height="10" x="-21" y="36" fill="#c6e48b" data-count="2" data-date="2017-01-11"/>
<rect class="day" width="10" height="10" x="-21" y="48" fill="#196127" data-count="20" data-date="2017-01-12"/>
<rect class="day" width="10" height="10" x="-21" y="60" fill="#c6e48b" data-count="1" data-date="2017-01-13"/>
<rect class="day" width="10" height="10" x="-21" y="72" fill="#ebedf0" data-count="0" data-date="2017-01-14"/>
</g>
<g transform="translate(455, 0)">
<rect class="day" width="10" height="10" x="-22" y="0" fill="#c6e48b" data-count="3" data-date="2017-01-15"/>
<rect class="day" width="10" height="10" x="-22" y="12" fill="#7bc96f" data-count="6" data-date="2017-01-16"/>
<rect class="day" width="10" height="10" x="-22" y="24" fill="#c6e48b" data-count="1" data-date="2017-01-17"/>
<rect class="day" width="10" height="10" x="-22" y="36" fill="#c6e48b" data-count="3" data-date="2017-01-18"/>
<rect class="day" width="10" height="10" x="-22" y="48" fill="#ebedf0" data-count="0" data-date="2017-01-19"/>
<rect class="day" width="10" height="10" x="-22" y="60" fill="#ebedf0" data-count="0" data-date="2017-01-20"/>
<rect class="day" width="10" height="10" x="-22" y="72" fill="#c6e48b" data-count="1" data-date="2017-01-21"/>
</g>
<g transform="translate(468, 0)">
<rect class="day" width="10" height="10" x="-23" y="0" fill="#239a3b" data-count="13" data-date="2017-01-22"/>
<rect class="day" width="10" height="10" x="-23" y="12" fill="#c6e48b" data-count="4" data-date="2017-01-23"/>
<rect class="day" width="10" height="10" x="-23" y="24" fill="#239a3b" data-count="14" data-date="2017-01-24"/>
<rect class="day" width="10" height="10" x="-23" y="36" fill="#c6e48b" data-count="3" data-date="2017-01-25"/>
<rect class="day" width="10" height="10" x="-23" y="48" fill="#c6e48b" data-count="1" data-date="2017-01-26"/>
<rect class="day" width="10" height="10" x="-23" y="60" fill="#ebedf0" data-count="0" data-date="2017-01-27"/>
<rect class="day" width="10" height="10" x="-23" y="72" fill="#ebedf0" data-count="0" data-date="2017-01-28"/>
</g>
<g transform="translate(481, 0)">
<rect class="day" width="10" height="10" x="-24" y="0" fill="#ebedf0" data-count="0" data-date="2017-01-29"/>
<rect class="day" width="10" height="10" x="-24" y="12" fill="#ebedf0" data-count="0" data-date="2017-01-30"/>
<rect class="day" width="10" height="10" x="-24" y="24" fill="#ebedf0" data-count="0" data-date="2017-01-31"/>
<rect class="day" width="10" height="10" x="-24" y="36" fill="#7bc96f" data-count="6" data-date="2017-02-01"/>
<rect class="day" width="10" height="10" x="-24" y="48" fill="#7bc96f" data-count="8" data-date="2017-02-02"/>
<rect class="day" width="10" height="10" x="-24" y="60" fill="#ebedf0" data-count="0" data-date="2017-02-03"/>
<rect class="day" width="10" height="10" x="-24" y="72" fill="#ebedf0" data-count="0" data-date="2017-02-04"/>
</g>
<g transform="translate(494, 0)">
<rect class="day" width="10" height="10" x="-25" y="0" fill="#ebedf0" data-count="0" data-date="2017-02-05"/>
<rect class="day" width="10" height="10" x="-25" y="12" fill="#ebedf0" data-count="0" data-date="2017-02-06"/>
<rect class="day" width="10" height="10" x="-25" y="24" fill="#ebedf0" data-count="0" data-date="2017-02-07"/>
<rect class="day" width="10" height="10" x="-25" y="36" fill="#ebedf0" data-count="0" data-date="2017-02-08"/>
<rect class="day" width="10" height="10" x="-25" y="48" fill="#ebedf0" data-count="0" data-date="2017-02-09"/>
<rect class="day" width="10" height="10" x="-25" y="60" fill="#ebedf0" data-count="0" data-date="2017-02-10"/>
<rect class="day" width="10" height="10" x="-25" y="72" fill="#ebedf0" data-count="0" data-date="2017-02-11"/>
</g>
<g transform="translate(507, 0)">
<rect class="day" width="10" height="10" x="-26" y="0" fill="#ebedf0" data-count="0" data-date="2017-02-12"/>
<rect class="day" width="10" height="10" x="-26" y="12" fill="#c6e48b" data-count="3" data-date="2017-02-13"/>
<rect class="day" width="10" height="10" x="-26" y="24" fill="#239a3b" data-count="13" data-date="2017-02-14"/>
<rect class="day" width="10" height="10" x="-26" y="36" fill="#196127" data-count="19" data-date="2017-02-15"/>
<rect class="day" width="10" height="10" x="-26" y="48" fill="#7bc96f" data-count="6" data-date="2017-02-16"/>
<rect class="day" width="10" height="10" x="-26" y="60" fill="#c6e48b" data-count="4" data-date="2017-02-17"/>
<rect class="day" width="10" height="10" x="-26" y="72" fill="#c6e48b" data-count="3" data-date="2017-02-18"/>
</g>
<g transform="translate(520, 0)">
<rect class="day" width="10" height="10" x="-27" y="0" fill="#ebedf0" data-count="0" data-date="2017-02-19"/>
<rect class="day" width="10" height="10" x="-27" y="12" fill="#c6e48b" data-count="2" data-date="2017-02-20"/>
<rect class="day" width="10" height="10" x="-27" y="24" fill="#196127" data-count="21" data-date="2017-02-21"/>
<rect class="day" width="10" height="10" x="-27" y="36" fill="#ebedf0" data-count="0" data-date="2017-02-22"/>
<rect class="day" width="10" height="10" x="-27" y="48" fill="#7bc96f" data-count="11" data-date="2017-02-23"/>
<rect class="day" width="10" height="10" x="-27" y="60" fill="#7bc96f" data-count="7" data-date="2017-02-24"/>
<rect class="day" width="10" height="10" x="-27" y="72" fill="#c6e48b" data-count="1" data-date="2017-02-25"/>
</g>
<g transform="translate(533, 0)">
<rect class="day" width="10" height="10" x="-28" y="0" fill="#7bc96f" data-count="11" data-date="2017-02-26"/>
<rect class="day" width="10" height="10" x="-28" y="12" fill="#196127" data-count="17" data-date="2017-02-27"/>
<rect class="day" width="10" height="10" x="-28" y="24" fill="#c6e48b" data-count="2" data-date="2017-02-28"/>
<rect class="day" width="10" height="10" x="-28" y="36" fill="#c6e48b" data-count="5" data-date="2017-03-01"/>
<rect class="day" width="10" height="10" x="-28" y="48" fill="#7bc96f" data-count="9" data-date="2017-03-02"/>
<rect class="day" width="10" height="10" x="-28" y="60" fill="#196127" data-count="29" data-date="2017-03-03"/>
<rect class="day" width="10" height="10" x="-28" y="72" fill="#ebedf0" data-count="0" data-date="2017-03-04"/>
</g>
<g transform="translate(546, 0)">
<rect class="day" width="10" height="10" x="-29" y="0" fill="#ebedf0" data-count="0" data-date="2017-03-05"/>
<rect class="day" width="10" height="10" x="-29" y="12" fill="#ebedf0" data-count="0" data-date="2017-03-06"/>
<rect class="day" width="10" height="10" x="-29" y="24" fill="#ebedf0" data-count="0" data-date="2017-03-07"/>
<rect class="day" width="10" height="10" x="-29" y="36" fill="#ebedf0" data-count="0" data-date="2017-03-08"/>
<rect class="day" width="10" height="10" x="-29" y="48" fill="#196127" data-count="72" data-date="2017-03-09"/>
<rect class="day" width="10" height="10" x="-29" y="60" fill="#196127" data-count="29" data-date="2017-03-10"/>
<rect class="day" width="10" height="10" x="-29" y="72" fill="#ebedf0" data-count="0" data-date="2017-03-11"/>
</g>
<g transform="translate(559, 0)">
<rect class="day" width="10" height="10" x="-30" y="0" fill="#ebedf0" data-count="0" data-date="2017-03-12"/>
<rect class="day" width="10" height="10" x="-30" y="12" fill="#7bc96f" data-count="6" data-date="2017-03-13"/>
<rect class="day" width="10" height="10" x="-30" y="24" fill="#ebedf0" data-count="0" data-date="2017-03-14"/>
<rect class="day" width="10" height="10" x="-30" y="36" fill="#ebedf0" data-count="0" data-date="2017-03-15"/>
<rect class="day" width="10" height="10" x="-30" y="48" fill="#ebedf0" data-count="0" data-date="2017-03-16"/>
<rect class="day" width="10" height="10" x="-30" y="60" fill="#ebedf0" data-count="0" data-date="2017-03-17"/>
<rect class="day" width="10" height="10" x="-30" y="72" fill="#ebedf0" data-count="0" data-date="2017-03-18"/>
</g>
<g transform="translate(572, 0)">
<rect class="day" width="10" height="10" x="-31" y="0" fill="#ebedf0" data-count="0" data-date="2017-03-19"/>
<rect class="day" width="10" height="10" x="-31" y="12" fill="#ebedf0" data-count="0" data-date="2017-03-20"/>
<rect class="day" width="10" height="10" x="-31" y="24" fill="#c6e48b" data-count="1" data-date="2017-03-21"/>
<rect class="day" width="10" height="10" x="-31" y="36" fill="#ebedf0" data-count="0" data-date="2017-03-22"/>
<rect class="day" width="10" height="10" x="-31" y="48" fill="#ebedf0" data-count="0" data-date="2017-03-23"/>
<rect class="day" width="10" height="10" x="-31" y="60" fill="#ebedf0" data-count="0" data-date="2017-03-24"/>
<rect class="day" width="10" height="10" x="-31" y="72" fill="#ebedf0" data-count="0" data-date="2017-03-25"/>
</g>
<g transform="translate(585, 0)">
<rect class="day" width="10" height="10" x="-32" y="0" fill="#ebedf0" data-count="0" data-date="2017-03-26"/>
<rect class="day" width="10" height="10" x="-32" y="12" fill="#ebedf0" data-count="0" data-date="2017-03-27"/>
<rect class="day" width="10" height="10" x="-32" y="24" fill="#c6e48b" data-count="4" data-date="2017-03-28"/>
<rect class="day" width="10" height="10" x="-32" y="36" fill="#ebedf0" data-count="0" data-date="2017-03-29"/>
<rect class="day" width="10" height="10" x="-32" y="48" fill="#ebedf0" data-count="0" data-date="2017-03-30"/>
<rect class="day" width="10" height="10" x="-32" y="60" fill="#ebedf0" data-count="0" data-date="2017-03-31"/>
<rect class="day" width="10" height="10" x="-32" y="72" fill="#ebedf0" data-count="0" data-date="2017-04-01"/>
</g>
<g transform="translate(598, 0)">
<rect class="day" width="10" height="10" x="-33" y="0" fill="#ebedf0" data-count="0" data-date="2017-04-02"/>
<rect class="day" width="10" height="10" x="-33" y="12" fill="#ebedf0" data-count="0" data-date="2017-04-03"/>
<rect class="day" width="10" height="10" x="-33" y="24" fill="#ebedf0" data-count="0" data-date="2017-04-04"/>
<rect class="day" width="10" height="10" x="-33" y="36" fill="#c6e48b" data-count="2" data-date="2017-04-05"/>
<rect class="day" width="10" height="10" x="-33" y="48" fill="#c6e48b" data-count="3" data-date="2017-04-06"/>
<rect class="day" width="10" height="10" x="-33" y="60" fill="#ebedf0" data-count="0" data-date="2017-04-07"/>
<rect class="day" width="10" height="10" x="-33" y="72" fill="#ebedf0" data-count="0" data-date="2017-04-08"/>
</g>
<g transform="translate(611, 0)">
<rect class="day" width="10" height="10" x="-34" y="0" fill="#ebedf0" data-count="0" data-date="2017-04-09"/>
<rect class="day" width="10" height="10" x="-34" y="12" fill="#ebedf0" data-count="0" data-date="2017-04-10"/>
<rect class="day" width="10" height="10" x="-34" y="24" fill="#ebedf0" data-count="0" data-date="2017-04-11"/>
<rect class="day" width="10" height="10" x="-34" y="36" fill="#ebedf0" data-count="0" data-date="2017-04-12"/>
<rect class="day" width="10" height="10" x="-34" y="48" fill="#ebedf0" data-count="0" data-date="2017-04-13"/>
<rect class="day" width="10" height="10" x="-34" y="60" fill="#ebedf0" data-count="0" data-date="2017-04-14"/>
<rect class="day" width="10" height="10" x="-34" y="72" fill="#ebedf0" data-count="0" data-date="2017-04-15"/>
</g>
<g transform="translate(624, 0)">
<rect class="day" width="10" height="10" x="-35" y="0" fill="#ebedf0" data-count="0" data-date="2017-04-16"/>
<rect class="day" width="10" height="10" x="-35" y="12" fill="#ebedf0" data-count="0" data-date="2017-04-17"/>
<rect class="day" width="10" height="10" x="-35" y="24" fill="#ebedf0" data-count="0" data-date="2017-04-18"/>
<rect class="day" width="10" height="10" x="-35" y="36" fill="#ebedf0" data-count="0" data-date="2017-04-19"/>
<rect class="day" width="10" height="10" x="-35" y="48" fill="#ebedf0" data-count="0" data-date="2017-04-20"/>
<rect class="day" width="10" height="10" x="-35" y="60" fill="#c6e48b" data-count="1" data-date="2017-04-21"/>
<rect class="day" width="10" height="10" x="-35" y="72" fill="#ebedf0" data-count="0" data-date="2017-04-22"/>
</g>
<g transform="translate(637, 0)">
<rect class="day" width="10" height="10" x="-36" y="0" fill="#ebedf0" data-count="0" data-date="2017-04-23"/>
<rect class="day" width="10" height="10" x="-36" y="12" fill="#ebedf0" data-count="0" data-date="2017-04-24"/>
<rect class="day" width="10" height="10" x="-36" y="24" fill="#ebedf0" data-count="0" data-date="2017-04-25"/>
<rect class="day" width="10" height="10" x="-36" y="36" fill="#ebedf0" data-count="0" data-date="2017-04-26"/>
<rect class="day" width="10" height="10" x="-36" y="48" fill="#ebedf0" data-count="0" data-date="2017-04-27"/>
<rect class="day" width="10" height="10" x="-36" y="60" fill="#ebedf0" data-count="0" data-date="2017-04-28"/>
<rect class="day" width="10" height="10" x="-36" y="72" fill="#ebedf0" data-count="0" data-date="2017-04-29"/>
</g>
<g transform="translate(650, 0)">
<rect class="day" width="10" height="10" x="-37" y="0" fill="#ebedf0" data-count="0" data-date="2017-04-30"/>
<rect class="day" width="10" height="10" x="-37" y="12" fill="#239a3b" data-count="15" data-date="2017-05-01"/>
<rect class="day" width="10" height="10" x="-37" y="24" fill="#7bc96f" data-count="8" data-date="2017-05-02"/>
<rect class="day" width="10" height="10" x="-37" y="36" fill="#239a3b" data-count="14" data-date="2017-05-03"/>
<rect class="day" width="10" height="10" x="-37" y="48" fill="#c6e48b" data-count="5" data-date="2017-05-04"/>
<rect class="day" width="10" height="10" x="-37" y="60" fill="#c6e48b" data-count="4" data-date="2017-05-05"/>
<rect class="day" width="10" height="10" x="-37" y="72" fill="#ebedf0" data-count="0" data-date="2017-05-06"/>
</g>
<g transform="translate(663, 0)">
<rect class="day" width="10" height="10" x="-38" y="0" fill="#c6e48b" data-count="3" data-date="2017-05-07"/>
<rect class="day" width="10" height="10" x="-38" y="12" fill="#ebedf0" data-count="12" data-date="2017-05-08"/>
<rect class="day" width="10" height="10" x="-38" y="24" fill="#7bc96f" data-count="9" data-date="2017-05-09"/>
<rect class="day" width="10" height="10" x="-38" y="36" fill="#196127" data-count="22" data-date="2017-05-10"/>
<rect class="day" width="10" height="10" x="-38" y="48" fill="#239a3b" data-count="15" data-date="2017-05-11"/>
<rect class="day" width="10" height="10" x="-38" y="60" fill="#196127" data-count="22" data-date="2017-05-12"/>
<rect class="day" width="10" height="10" x="-38" y="72" fill="#ebedf0" data-count="3" data-date="2017-05-13"/>
</g>
<g transform="translate(676, 0)">
<rect class="day" width="10" height="10" x="-39" y="0" fill="#239a3b" data-count="15" data-date="2017-05-14"/>
<rect class="day" width="10" height="10" x="-39" y="12" fill="#239a3b" data-count="12" data-date="2017-05-15"/>
</g>
<text x="13" y="-10" class="month">May</text>
<text x="49" y="-10" class="month">Jun
</text>
<text x="97" y="-10" class="month">Jul</text>
<text x="157" y="-10" class="month">Aug</text>
<text x="205" y="-10" class="month">Sep</text>
<text x="253" y="-10" class="month">Oct</text>
<text x="313" y="-10" class="month">Nov</text>
<text x="361" y="-10" class="month">Dec</text>
<text x="409" y="-10" class="month">Jan</text>
<text x="469" y="-10" class="month">Feb</text>
<text x="517" y="-10" class="month">Mar</text>
<text x="565" y="-10" class="month">Apr</text>
<text text-anchor="start" class="wday" dx="-14" dy="8" style="display: none;">Sun</text>
<text text-anchor="start" class="wday" dx="-14" dy="20">Mon</text>
<text text-anchor="start" class="wday" dx="-14" dy="32" style="display: none;">Tue</text>
<text text-anchor="start" class="wday" dx="-14" dy="44">Wed</text>
<text text-anchor="start" class="wday" dx="-14" dy="57" style="display: none;">Thu</text>
<text text-anchor="start" class="wday" dx="-14" dy="69">Fri</text>
<text text-anchor="start" class="wday" dx="-14" dy="81" style="display: none;">Sat</text>
</g>
</svg>
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment