1
0
mirror of https://github.com/nikolaydubina/calendarheatmap.git synced 2024-12-04 03:39:18 +02:00

finished svg; switched web to svg default

This commit is contained in:
Nikolay 2021-08-21 01:22:33 +08:00
parent 9dba1bcc27
commit b7be402773
27 changed files with 4827 additions and 1625 deletions

View File

@ -20,7 +20,7 @@ build-web:
cp -r assets web/assets
cd web; GOARCH=wasm GOOS=js go build -o main.wasm main.go
run-web:
run-web: build-web
cd web; python3 -m http.server 8000
clean:
@ -28,4 +28,4 @@ clean:
-rm web/main.wasm
-rm -rf web/assets
.PHONY: build test docs build-web run-web clean
.PHONY: build test docs build-web run-web clean

View File

@ -102,9 +102,9 @@ func TestCharts(t *testing.T) {
},
},
{
name: "basic-svg",
outputPath: path.Join("testdata", "basic-svg-output.svg"),
expectedPath: path.Join("testdata", "basic-svg-expected.svg"),
name: "svg-basic",
outputPath: path.Join("testdata", "svg-basic-output.svg"),
expectedPath: path.Join("testdata", "svg-basic-expected.svg"),
conf: charts.HeatmapConfig{
Counts: loadData(t, path.Join("testdata", "basic.json")),
ColorScale: loadColorscale(t, path.Join("..", "assets", "colorscales", "purple-blue-9.csv")),
@ -124,6 +124,52 @@ func TestCharts(t *testing.T) {
ShowWeekdays: map[time.Weekday]bool{time.Monday: true, time.Wednesday: true, time.Friday: true},
},
},
{
name: "svg-no-separator",
outputPath: path.Join("testdata", "svg-no-separator-output.svg"),
expectedPath: path.Join("testdata", "svg-no-separator-expected.svg"),
conf: charts.HeatmapConfig{
Counts: loadData(t, path.Join("testdata", "basic.json")),
ColorScale: loadColorscale(t, path.Join("..", "assets", "colorscales", "purple-blue-9.csv")),
DrawMonthSeparator: false,
DrawLabels: true,
BoxSize: 150,
MonthSeparatorWidth: 5,
MonthLabelYOffset: 50,
Margin: 30,
TextWidthLeft: 300,
TextHeightTop: 200,
TextColor: color.RGBA{100, 100, 100, 255},
BorderColor: color.RGBA{200, 200, 200, 255},
Locale: "en_US",
Format: "svg",
FontFace: loadFontFace(t, path.Join("..", "assets", "fonts", "Sunflower-Medium.ttf")),
ShowWeekdays: map[time.Weekday]bool{time.Monday: true, time.Wednesday: true, time.Friday: true},
},
},
{
name: "svg-no-labels-no-separator",
outputPath: path.Join("testdata", "svg-no-labels-no-separator-output.svg"),
expectedPath: path.Join("testdata", "svg-no-labels-no-separator-expected.svg"),
conf: charts.HeatmapConfig{
Counts: loadData(t, path.Join("testdata", "basic.json")),
ColorScale: loadColorscale(t, path.Join("..", "assets", "colorscales", "purple-blue-9.csv")),
DrawMonthSeparator: false,
DrawLabels: false,
BoxSize: 150,
MonthSeparatorWidth: 5,
MonthLabelYOffset: 50,
Margin: 30,
TextWidthLeft: 300,
TextHeightTop: 200,
TextColor: color.RGBA{100, 100, 100, 255},
BorderColor: color.RGBA{200, 200, 200, 255},
Locale: "en_US",
Format: "svg",
FontFace: loadFontFace(t, path.Join("..", "assets", "fonts", "Sunflower-Medium.ttf")),
ShowWeekdays: map[time.Weekday]bool{time.Monday: true, time.Wednesday: true, time.Friday: true},
},
},
{
name: "no-data",
outputPath: path.Join("testdata", "basic-no-data-output.png"),

View File

@ -6,7 +6,9 @@ import (
"image"
"image/color"
"io"
"strings"
"text/template"
"time"
)
//go:embed template.svg
@ -34,10 +36,15 @@ type MonthLabel struct {
// Params is total SVG template parameters
type Params struct {
Days [53][7]Day
LabelsMonths [12]MonthLabel
LabelsWeekdays [7]WeekdayLabel
LabelsColor string
BoxAreaHeight int
BoxAreaWidth int
BoxSize int
Margin int
Days [53][7]Day
LabelsMonths []MonthLabel
LabelsWeekdays []WeekdayLabel
LabelsColor string
MonthSeparators []string
}
func writeSVGColor(c color.RGBA) string {
@ -52,19 +59,29 @@ func writeSVG(conf HeatmapConfig, w io.Writer) {
labelsProvider := NewLabelsProvider(conf.Locale)
labelsWeekdays := [7]WeekdayLabel{}
for i, w := range weekdayOrder {
labelsWeekdays[i] = WeekdayLabel{labelsProvider.GetWeekday(w), conf.ShowWeekdays[w]}
var labelsWeekdays []WeekdayLabel
var labelsMonths []MonthLabel
if conf.DrawLabels {
labelsWeekdays = make([]WeekdayLabel, 7)
for i, w := range weekdayOrder {
labelsWeekdays[i] = WeekdayLabel{labelsProvider.GetWeekday(w), conf.ShowWeekdays[w]}
}
labelsMonths = make([]MonthLabel, 12)
for i, v := range labelsProvider.months {
labelsMonths[i-1].Label = v
}
}
labelsMonths := [12]MonthLabel{}
for i, v := range labelsProvider.months {
labelsMonths[i-1].Label = v
}
monthSeparators := []string{}
month := 0
days := [53][7]Day{}
for iter := NewDayIterator(conf.Counts, image.Point{}, 0, 0); !iter.Done(); iter.Next() {
boxw := 18
margin := 4
for iter := NewDayIterator(conf.Counts, image.Point{}, boxw, margin); !iter.Done(); iter.Next() {
days[iter.Col][iter.Row] = Day{
Count: iter.Count(),
Date: iter.Time().Format("2006-01-02"),
@ -72,17 +89,53 @@ func writeSVG(conf HeatmapConfig, w io.Writer) {
Show: true,
}
// Update month label offset
// Note, day is from 1~31
if iter.Row == 0 && iter.Time().Day() <= 7 {
labelsMonths[month].XOffset = iter.Col
month++
if len(labelsMonths) > 0 {
if iter.Row == 0 && iter.Time().Day() <= 7 {
labelsMonths[month].XOffset = iter.Col
month++
}
}
if conf.DrawMonthSeparator {
day := iter.Time()
if day.Day() == 1 && day.Month() != time.January {
p := iter.Point()
points := []string{
// left vertical line
fmt.Sprintf("%d,%d", p.X-2, 7*(boxw+margin)-margin),
fmt.Sprintf("%d,%d", p.X-2, p.Y),
}
if day.Weekday() != weekdayOrder[0] {
points = append(points,
// horizontal line
fmt.Sprintf("%d,%d", p.X-2, p.Y-2),
fmt.Sprintf("%d,%d", p.X+boxw+2, p.Y-2),
// right vertical line
fmt.Sprintf("%d,%d", p.X+boxw+2, p.Y-2),
fmt.Sprintf("%d,%d", p.X+boxw+2, 0),
)
}
line := fmt.Sprintf(`<polyline style="fill:none;stroke:%s;stroke-width:1" points="%s"></polyline>`, writeSVGColor(conf.BorderColor), strings.Join(points, " "))
monthSeparators = append(monthSeparators, line)
}
}
}
fullYearTemplate.Execute(w, Params{
Days: days,
LabelsMonths: labelsMonths,
LabelsWeekdays: labelsWeekdays,
LabelsColor: writeSVGColor(conf.TextColor),
BoxSize: boxw,
Margin: margin,
BoxAreaWidth: 54 * (boxw + margin),
BoxAreaHeight: 8 * (boxw + margin),
Days: days,
LabelsMonths: labelsMonths,
LabelsWeekdays: labelsWeekdays,
LabelsColor: writeSVGColor(conf.TextColor),
MonthSeparators: monthSeparators,
})
}

View File

@ -1,14 +1,17 @@
<svg viewBox="0 0 762 112" xmlns="http://www.w3.org/2000/svg" xmlns:xlink= "http://www.w3.org/1999/xlink">
<g transform="translate(20, 20)">
{{range $w, $wo := $.Days}}<g transform="translate({{mul 14 $w}}, 0)">
{{range $d, $do := $wo}}{{if $do.Show}}<rect class="day" width="11" height="11" x="0" y="{{mul 13 $d}}" fill="{{$do.Color}}" data-count="{{$do.Count}}" data-date="{{$do.Date}}"></rect>{{end}}
<svg viewBox="0 0 {{$.BoxAreaWidth}} {{$.BoxAreaHeight}}" xmlns="http://www.w3.org/2000/svg" xmlns:xlink= "http://www.w3.org/1999/xlink">
<g transform="translate(25, 23)">
{{range $w, $wo := $.Days}}<g transform="translate({{mul (add $.BoxSize $.Margin) $w}}, 0)">
{{range $d, $do := $wo}}{{if $do.Show}}<rect class="day" width="{{$.BoxSize}}" height="{{$.BoxSize}}" x="0" y="{{mul (add $.BoxSize $.Margin) $d}}" fill="{{$do.Color}}" data-count="{{$do.Count}}" data-date="{{$do.Date}}"></rect>{{end}}
{{end}}
</g>
{{end}}
{{range $i, $label := $.LabelsMonths}}<text x="{{mul 14 $label.XOffset}}" y="-7" font-size="8px" fill="{{$.LabelsColor}}">{{$label.Label}}</text>
{{range $i, $label := $.LabelsMonths}}<text x="{{mul (add $.BoxSize $.Margin) $label.XOffset}}" y="-7" font-size="10" fill="{{$.LabelsColor}}">{{$label.Label}}</text>
{{end}}
{{range $i, $o := $.LabelsWeekdays}}<text text-anchor="start" font-size="8px" dx="-20" dy="{{add 8 (mul 13 $i)}}" fill="{{$.LabelsColor}}" {{if not $o.Show}}style="display: none;"{{end}}>{{$o.Label}}</text>
{{range $i, $o := $.LabelsWeekdays}}<text text-anchor="start" font-size="10" dx="-25" dy="{{add 15 (mul (add $.BoxSize $.Margin) $i)}}" fill="{{$.LabelsColor}}" {{if not $o.Show}}style="display: none;"{{end}}>{{$o.Label}}</text>
{{end}}
{{range $i, $l := $.MonthSeparators}}{{$l}}
{{end}}
</g></svg>

Before

Width:  |  Height:  |  Size: 822 B

After

Width:  |  Height:  |  Size: 1018 B

View File

@ -1,557 +0,0 @@
<svg viewBox="0 0 762 112" xmlns="http://www.w3.org/2000/svg" xmlns:xlink= "http://www.w3.org/1999/xlink">
<g transform="translate(20, 20)">
<g transform="translate(0, 0)">
<rect class="day" width="11" height="11" x="0" y="26" fill="rgb(255,247,251)" data-count="0" data-date="2020-01-01"></rect>
<rect class="day" width="11" height="11" x="0" y="39" fill="rgb(255,247,251)" data-count="0" data-date="2020-01-02"></rect>
<rect class="day" width="11" height="11" x="0" y="52" fill="rgb(255,247,251)" data-count="0" data-date="2020-01-03"></rect>
<rect class="day" width="11" height="11" x="0" y="65" fill="rgb(255,247,251)" data-count="0" data-date="2020-01-04"></rect>
<rect class="day" width="11" height="11" x="0" y="78" fill="rgb(255,247,251)" data-count="0" data-date="2020-01-05"></rect>
</g>
<g transform="translate(14, 0)">
<rect class="day" width="11" height="11" x="0" y="0" fill="rgb(255,247,251)" data-count="0" data-date="2020-01-06"></rect>
<rect class="day" width="11" height="11" x="0" y="13" fill="rgb(255,247,251)" data-count="0" data-date="2020-01-07"></rect>
<rect class="day" width="11" height="11" x="0" y="26" fill="rgb(255,247,251)" data-count="0" data-date="2020-01-08"></rect>
<rect class="day" width="11" height="11" x="0" y="39" fill="rgb(255,247,251)" data-count="0" data-date="2020-01-09"></rect>
<rect class="day" width="11" height="11" x="0" y="52" fill="rgb(255,247,251)" data-count="0" data-date="2020-01-10"></rect>
<rect class="day" width="11" height="11" x="0" y="65" fill="rgb(255,247,251)" data-count="0" data-date="2020-01-11"></rect>
<rect class="day" width="11" height="11" x="0" y="78" fill="rgb(255,247,251)" data-count="0" data-date="2020-01-12"></rect>
</g>
<g transform="translate(28, 0)">
<rect class="day" width="11" height="11" x="0" y="0" fill="rgb(255,247,251)" data-count="0" data-date="2020-01-13"></rect>
<rect class="day" width="11" height="11" x="0" y="13" fill="rgb(255,247,251)" data-count="0" data-date="2020-01-14"></rect>
<rect class="day" width="11" height="11" x="0" y="26" fill="rgb(255,247,251)" data-count="0" data-date="2020-01-15"></rect>
<rect class="day" width="11" height="11" x="0" y="39" fill="rgb(255,247,251)" data-count="0" data-date="2020-01-16"></rect>
<rect class="day" width="11" height="11" x="0" y="52" fill="rgb(255,247,251)" data-count="0" data-date="2020-01-17"></rect>
<rect class="day" width="11" height="11" x="0" y="65" fill="rgb(255,247,251)" data-count="0" data-date="2020-01-18"></rect>
<rect class="day" width="11" height="11" x="0" y="78" fill="rgb(255,247,251)" data-count="0" data-date="2020-01-19"></rect>
</g>
<g transform="translate(42, 0)">
<rect class="day" width="11" height="11" x="0" y="0" fill="rgb(255,247,251)" data-count="0" data-date="2020-01-20"></rect>
<rect class="day" width="11" height="11" x="0" y="13" fill="rgb(255,247,251)" data-count="0" data-date="2020-01-21"></rect>
<rect class="day" width="11" height="11" x="0" y="26" fill="rgb(255,247,251)" data-count="0" data-date="2020-01-22"></rect>
<rect class="day" width="11" height="11" x="0" y="39" fill="rgb(255,247,251)" data-count="0" data-date="2020-01-23"></rect>
<rect class="day" width="11" height="11" x="0" y="52" fill="rgb(255,247,251)" data-count="0" data-date="2020-01-24"></rect>
<rect class="day" width="11" height="11" x="0" y="65" fill="rgb(255,247,251)" data-count="0" data-date="2020-01-25"></rect>
<rect class="day" width="11" height="11" x="0" y="78" fill="rgb(255,247,251)" data-count="0" data-date="2020-01-26"></rect>
</g>
<g transform="translate(56, 0)">
<rect class="day" width="11" height="11" x="0" y="0" fill="rgb(255,247,251)" data-count="0" data-date="2020-01-27"></rect>
<rect class="day" width="11" height="11" x="0" y="13" fill="rgb(255,247,251)" data-count="0" data-date="2020-01-28"></rect>
<rect class="day" width="11" height="11" x="0" y="26" fill="rgb(255,247,251)" data-count="0" data-date="2020-01-29"></rect>
<rect class="day" width="11" height="11" x="0" y="39" fill="rgb(255,247,251)" data-count="0" data-date="2020-01-30"></rect>
<rect class="day" width="11" height="11" x="0" y="52" fill="rgb(255,247,251)" data-count="0" data-date="2020-01-31"></rect>
<rect class="day" width="11" height="11" x="0" y="65" fill="rgb(255,247,251)" data-count="0" data-date="2020-02-01"></rect>
<rect class="day" width="11" height="11" x="0" y="78" fill="rgb(255,247,251)" data-count="0" data-date="2020-02-02"></rect>
</g>
<g transform="translate(70, 0)">
<rect class="day" width="11" height="11" x="0" y="0" fill="rgb(255,247,251)" data-count="0" data-date="2020-02-03"></rect>
<rect class="day" width="11" height="11" x="0" y="13" fill="rgb(255,247,251)" data-count="0" data-date="2020-02-04"></rect>
<rect class="day" width="11" height="11" x="0" y="26" fill="rgb(255,247,251)" data-count="0" data-date="2020-02-05"></rect>
<rect class="day" width="11" height="11" x="0" y="39" fill="rgb(255,247,251)" data-count="0" data-date="2020-02-06"></rect>
<rect class="day" width="11" height="11" x="0" y="52" fill="rgb(255,247,251)" data-count="0" data-date="2020-02-07"></rect>
<rect class="day" width="11" height="11" x="0" y="65" fill="rgb(255,247,251)" data-count="0" data-date="2020-02-08"></rect>
<rect class="day" width="11" height="11" x="0" y="78" fill="rgb(255,247,251)" data-count="0" data-date="2020-02-09"></rect>
</g>
<g transform="translate(84, 0)">
<rect class="day" width="11" height="11" x="0" y="0" fill="rgb(255,247,251)" data-count="0" data-date="2020-02-10"></rect>
<rect class="day" width="11" height="11" x="0" y="13" fill="rgb(255,247,251)" data-count="0" data-date="2020-02-11"></rect>
<rect class="day" width="11" height="11" x="0" y="26" fill="rgb(255,247,251)" data-count="0" data-date="2020-02-12"></rect>
<rect class="day" width="11" height="11" x="0" y="39" fill="rgb(255,247,251)" data-count="0" data-date="2020-02-13"></rect>
<rect class="day" width="11" height="11" x="0" y="52" fill="rgb(255,247,251)" data-count="0" data-date="2020-02-14"></rect>
<rect class="day" width="11" height="11" x="0" y="65" fill="rgb(255,247,251)" data-count="0" data-date="2020-02-15"></rect>
<rect class="day" width="11" height="11" x="0" y="78" fill="rgb(255,247,251)" data-count="0" data-date="2020-02-16"></rect>
</g>
<g transform="translate(98, 0)">
<rect class="day" width="11" height="11" x="0" y="0" fill="rgb(255,247,251)" data-count="0" data-date="2020-02-17"></rect>
<rect class="day" width="11" height="11" x="0" y="13" fill="rgb(255,247,251)" data-count="0" data-date="2020-02-18"></rect>
<rect class="day" width="11" height="11" x="0" y="26" fill="rgb(255,247,251)" data-count="0" data-date="2020-02-19"></rect>
<rect class="day" width="11" height="11" x="0" y="39" fill="rgb(255,247,251)" data-count="0" data-date="2020-02-20"></rect>
<rect class="day" width="11" height="11" x="0" y="52" fill="rgb(255,247,251)" data-count="0" data-date="2020-02-21"></rect>
<rect class="day" width="11" height="11" x="0" y="65" fill="rgb(255,247,251)" data-count="0" data-date="2020-02-22"></rect>
<rect class="day" width="11" height="11" x="0" y="78" fill="rgb(255,247,251)" data-count="0" data-date="2020-02-23"></rect>
</g>
<g transform="translate(112, 0)">
<rect class="day" width="11" height="11" x="0" y="0" fill="rgb(255,247,251)" data-count="0" data-date="2020-02-24"></rect>
<rect class="day" width="11" height="11" x="0" y="13" fill="rgb(255,247,251)" data-count="0" data-date="2020-02-25"></rect>
<rect class="day" width="11" height="11" x="0" y="26" fill="rgb(255,247,251)" data-count="0" data-date="2020-02-26"></rect>
<rect class="day" width="11" height="11" x="0" y="39" fill="rgb(255,247,251)" data-count="0" data-date="2020-02-27"></rect>
<rect class="day" width="11" height="11" x="0" y="52" fill="rgb(255,247,251)" data-count="0" data-date="2020-02-28"></rect>
<rect class="day" width="11" height="11" x="0" y="65" fill="rgb(255,247,251)" data-count="0" data-date="2020-02-29"></rect>
<rect class="day" width="11" height="11" x="0" y="78" fill="rgb(255,247,251)" data-count="0" data-date="2020-03-01"></rect>
</g>
<g transform="translate(126, 0)">
<rect class="day" width="11" height="11" x="0" y="0" fill="rgb(255,247,251)" data-count="0" data-date="2020-03-02"></rect>
<rect class="day" width="11" height="11" x="0" y="13" fill="rgb(255,247,251)" data-count="0" data-date="2020-03-03"></rect>
<rect class="day" width="11" height="11" x="0" y="26" fill="rgb(255,247,251)" data-count="0" data-date="2020-03-04"></rect>
<rect class="day" width="11" height="11" x="0" y="39" fill="rgb(255,247,251)" data-count="0" data-date="2020-03-05"></rect>
<rect class="day" width="11" height="11" x="0" y="52" fill="rgb(255,247,251)" data-count="0" data-date="2020-03-06"></rect>
<rect class="day" width="11" height="11" x="0" y="65" fill="rgb(255,247,251)" data-count="0" data-date="2020-03-07"></rect>
<rect class="day" width="11" height="11" x="0" y="78" fill="rgb(255,247,251)" data-count="0" data-date="2020-03-08"></rect>
</g>
<g transform="translate(140, 0)">
<rect class="day" width="11" height="11" x="0" y="0" fill="rgb(255,247,251)" data-count="0" data-date="2020-03-09"></rect>
<rect class="day" width="11" height="11" x="0" y="13" fill="rgb(255,247,251)" data-count="0" data-date="2020-03-10"></rect>
<rect class="day" width="11" height="11" x="0" y="26" fill="rgb(255,247,251)" data-count="0" data-date="2020-03-11"></rect>
<rect class="day" width="11" height="11" x="0" y="39" fill="rgb(255,247,251)" data-count="0" data-date="2020-03-12"></rect>
<rect class="day" width="11" height="11" x="0" y="52" fill="rgb(255,247,251)" data-count="0" data-date="2020-03-13"></rect>
<rect class="day" width="11" height="11" x="0" y="65" fill="rgb(255,247,251)" data-count="0" data-date="2020-03-14"></rect>
<rect class="day" width="11" height="11" x="0" y="78" fill="rgb(255,247,251)" data-count="0" data-date="2020-03-15"></rect>
</g>
<g transform="translate(154, 0)">
<rect class="day" width="11" height="11" x="0" y="0" fill="rgb(255,247,251)" data-count="0" data-date="2020-03-16"></rect>
<rect class="day" width="11" height="11" x="0" y="13" fill="rgb(255,247,251)" data-count="0" data-date="2020-03-17"></rect>
<rect class="day" width="11" height="11" x="0" y="26" fill="rgb(255,247,251)" data-count="0" data-date="2020-03-18"></rect>
<rect class="day" width="11" height="11" x="0" y="39" fill="rgb(255,247,251)" data-count="0" data-date="2020-03-19"></rect>
<rect class="day" width="11" height="11" x="0" y="52" fill="rgb(255,247,251)" data-count="0" data-date="2020-03-20"></rect>
<rect class="day" width="11" height="11" x="0" y="65" fill="rgb(255,247,251)" data-count="0" data-date="2020-03-21"></rect>
<rect class="day" width="11" height="11" x="0" y="78" fill="rgb(255,247,251)" data-count="0" data-date="2020-03-22"></rect>
</g>
<g transform="translate(168, 0)">
<rect class="day" width="11" height="11" x="0" y="0" fill="rgb(255,247,251)" data-count="0" data-date="2020-03-23"></rect>
<rect class="day" width="11" height="11" x="0" y="13" fill="rgb(255,247,251)" data-count="0" data-date="2020-03-24"></rect>
<rect class="day" width="11" height="11" x="0" y="26" fill="rgb(255,247,251)" data-count="0" data-date="2020-03-25"></rect>
<rect class="day" width="11" height="11" x="0" y="39" fill="rgb(255,247,251)" data-count="0" data-date="2020-03-26"></rect>
<rect class="day" width="11" height="11" x="0" y="52" fill="rgb(255,247,251)" data-count="0" data-date="2020-03-27"></rect>
<rect class="day" width="11" height="11" x="0" y="65" fill="rgb(255,247,251)" data-count="0" data-date="2020-03-28"></rect>
<rect class="day" width="11" height="11" x="0" y="78" fill="rgb(255,247,251)" data-count="0" data-date="2020-03-29"></rect>
</g>
<g transform="translate(182, 0)">
<rect class="day" width="11" height="11" x="0" y="0" fill="rgb(255,247,251)" data-count="0" data-date="2020-03-30"></rect>
<rect class="day" width="11" height="11" x="0" y="13" fill="rgb(255,247,251)" data-count="0" data-date="2020-03-31"></rect>
<rect class="day" width="11" height="11" x="0" y="26" fill="rgb(255,247,251)" data-count="0" data-date="2020-04-01"></rect>
<rect class="day" width="11" height="11" x="0" y="39" fill="rgb(255,247,251)" data-count="0" data-date="2020-04-02"></rect>
<rect class="day" width="11" height="11" x="0" y="52" fill="rgb(255,247,251)" data-count="0" data-date="2020-04-03"></rect>
<rect class="day" width="11" height="11" x="0" y="65" fill="rgb(255,247,251)" data-count="0" data-date="2020-04-04"></rect>
<rect class="day" width="11" height="11" x="0" y="78" fill="rgb(255,247,251)" data-count="0" data-date="2020-04-05"></rect>
</g>
<g transform="translate(196, 0)">
<rect class="day" width="11" height="11" x="0" y="0" fill="rgb(255,247,251)" data-count="0" data-date="2020-04-06"></rect>
<rect class="day" width="11" height="11" x="0" y="13" fill="rgb(255,247,251)" data-count="0" data-date="2020-04-07"></rect>
<rect class="day" width="11" height="11" x="0" y="26" fill="rgb(255,247,251)" data-count="0" data-date="2020-04-08"></rect>
<rect class="day" width="11" height="11" x="0" y="39" fill="rgb(255,247,251)" data-count="0" data-date="2020-04-09"></rect>
<rect class="day" width="11" height="11" x="0" y="52" fill="rgb(255,247,251)" data-count="0" data-date="2020-04-10"></rect>
<rect class="day" width="11" height="11" x="0" y="65" fill="rgb(255,247,251)" data-count="0" data-date="2020-04-11"></rect>
<rect class="day" width="11" height="11" x="0" y="78" fill="rgb(255,247,251)" data-count="0" data-date="2020-04-12"></rect>
</g>
<g transform="translate(210, 0)">
<rect class="day" width="11" height="11" x="0" y="0" fill="rgb(255,247,251)" data-count="0" data-date="2020-04-13"></rect>
<rect class="day" width="11" height="11" x="0" y="13" fill="rgb(255,247,251)" data-count="0" data-date="2020-04-14"></rect>
<rect class="day" width="11" height="11" x="0" y="26" fill="rgb(255,247,251)" data-count="0" data-date="2020-04-15"></rect>
<rect class="day" width="11" height="11" x="0" y="39" fill="rgb(255,247,251)" data-count="0" data-date="2020-04-16"></rect>
<rect class="day" width="11" height="11" x="0" y="52" fill="rgb(255,247,251)" data-count="0" data-date="2020-04-17"></rect>
<rect class="day" width="11" height="11" x="0" y="65" fill="rgb(255,247,251)" data-count="0" data-date="2020-04-18"></rect>
<rect class="day" width="11" height="11" x="0" y="78" fill="rgb(255,247,251)" data-count="0" data-date="2020-04-19"></rect>
</g>
<g transform="translate(224, 0)">
<rect class="day" width="11" height="11" x="0" y="0" fill="rgb(255,247,251)" data-count="0" data-date="2020-04-20"></rect>
<rect class="day" width="11" height="11" x="0" y="13" fill="rgb(255,247,251)" data-count="0" data-date="2020-04-21"></rect>
<rect class="day" width="11" height="11" x="0" y="26" fill="rgb(255,247,251)" data-count="0" data-date="2020-04-22"></rect>
<rect class="day" width="11" height="11" x="0" y="39" fill="rgb(255,247,251)" data-count="0" data-date="2020-04-23"></rect>
<rect class="day" width="11" height="11" x="0" y="52" fill="rgb(255,247,251)" data-count="0" data-date="2020-04-24"></rect>
<rect class="day" width="11" height="11" x="0" y="65" fill="rgb(255,247,251)" data-count="0" data-date="2020-04-25"></rect>
<rect class="day" width="11" height="11" x="0" y="78" fill="rgb(255,247,251)" data-count="0" data-date="2020-04-26"></rect>
</g>
<g transform="translate(238, 0)">
<rect class="day" width="11" height="11" x="0" y="0" fill="rgb(255,247,251)" data-count="0" data-date="2020-04-27"></rect>
<rect class="day" width="11" height="11" x="0" y="13" fill="rgb(255,247,251)" data-count="0" data-date="2020-04-28"></rect>
<rect class="day" width="11" height="11" x="0" y="26" fill="rgb(255,247,251)" data-count="0" data-date="2020-04-29"></rect>
<rect class="day" width="11" height="11" x="0" y="39" fill="rgb(255,247,251)" data-count="0" data-date="2020-04-30"></rect>
<rect class="day" width="11" height="11" x="0" y="52" fill="rgb(255,247,251)" data-count="0" data-date="2020-05-01"></rect>
<rect class="day" width="11" height="11" x="0" y="65" fill="rgb(255,247,251)" data-count="0" data-date="2020-05-02"></rect>
<rect class="day" width="11" height="11" x="0" y="78" fill="rgb(255,247,251)" data-count="0" data-date="2020-05-03"></rect>
</g>
<g transform="translate(252, 0)">
<rect class="day" width="11" height="11" x="0" y="0" fill="rgb(255,247,251)" data-count="0" data-date="2020-05-04"></rect>
<rect class="day" width="11" height="11" x="0" y="13" fill="rgb(255,247,251)" data-count="0" data-date="2020-05-05"></rect>
<rect class="day" width="11" height="11" x="0" y="26" fill="rgb(255,247,251)" data-count="0" data-date="2020-05-06"></rect>
<rect class="day" width="11" height="11" x="0" y="39" fill="rgb(255,247,251)" data-count="0" data-date="2020-05-07"></rect>
<rect class="day" width="11" height="11" x="0" y="52" fill="rgb(255,247,251)" data-count="0" data-date="2020-05-08"></rect>
<rect class="day" width="11" height="11" x="0" y="65" fill="rgb(255,247,251)" data-count="0" data-date="2020-05-09"></rect>
<rect class="day" width="11" height="11" x="0" y="78" fill="rgb(255,247,251)" data-count="0" data-date="2020-05-10"></rect>
</g>
<g transform="translate(266, 0)">
<rect class="day" width="11" height="11" x="0" y="0" fill="rgb(255,247,251)" data-count="0" data-date="2020-05-11"></rect>
<rect class="day" width="11" height="11" x="0" y="13" fill="rgb(255,247,251)" data-count="0" data-date="2020-05-12"></rect>
<rect class="day" width="11" height="11" x="0" y="26" fill="rgb(255,247,251)" data-count="0" data-date="2020-05-13"></rect>
<rect class="day" width="11" height="11" x="0" y="39" fill="rgb(255,247,251)" data-count="0" data-date="2020-05-14"></rect>
<rect class="day" width="11" height="11" x="0" y="52" fill="rgb(255,247,251)" data-count="0" data-date="2020-05-15"></rect>
<rect class="day" width="11" height="11" x="0" y="65" fill="rgb(54,144,192)" data-count="8" data-date="2020-05-16"></rect>
<rect class="day" width="11" height="11" x="0" y="78" fill="rgb(2,56,88)" data-count="13" data-date="2020-05-17"></rect>
</g>
<g transform="translate(280, 0)">
<rect class="day" width="11" height="11" x="0" y="0" fill="rgb(166,189,219)" data-count="5" data-date="2020-05-18"></rect>
<rect class="day" width="11" height="11" x="0" y="13" fill="rgb(54,144,192)" data-count="8" data-date="2020-05-19"></rect>
<rect class="day" width="11" height="11" x="0" y="26" fill="rgb(166,189,219)" data-count="5" data-date="2020-05-20"></rect>
<rect class="day" width="11" height="11" x="0" y="39" fill="rgb(166,189,219)" data-count="5" data-date="2020-05-21"></rect>
<rect class="day" width="11" height="11" x="0" y="52" fill="rgb(208,209,230)" data-count="3" data-date="2020-05-22"></rect>
<rect class="day" width="11" height="11" x="0" y="65" fill="rgb(166,189,219)" data-count="5" data-date="2020-05-23"></rect>
<rect class="day" width="11" height="11" x="0" y="78" fill="rgb(116,169,207)" data-count="6" data-date="2020-05-24"></rect>
</g>
<g transform="translate(294, 0)">
<rect class="day" width="11" height="11" x="0" y="0" fill="rgb(208,209,230)" data-count="3" data-date="2020-05-25"></rect>
<rect class="day" width="11" height="11" x="0" y="13" fill="rgb(166,189,219)" data-count="5" data-date="2020-05-26"></rect>
<rect class="day" width="11" height="11" x="0" y="26" fill="rgb(54,144,192)" data-count="8" data-date="2020-05-27"></rect>
<rect class="day" width="11" height="11" x="0" y="39" fill="rgb(236,231,242)" data-count="2" data-date="2020-05-28"></rect>
<rect class="day" width="11" height="11" x="0" y="52" fill="rgb(236,231,242)" data-count="2" data-date="2020-05-29"></rect>
<rect class="day" width="11" height="11" x="0" y="65" fill="rgb(54,144,192)" data-count="8" data-date="2020-05-30"></rect>
<rect class="day" width="11" height="11" x="0" y="78" fill="rgb(166,189,219)" data-count="5" data-date="2020-05-31"></rect>
</g>
<g transform="translate(308, 0)">
<rect class="day" width="11" height="11" x="0" y="0" fill="rgb(236,231,242)" data-count="1" data-date="2020-06-01"></rect>
<rect class="day" width="11" height="11" x="0" y="13" fill="rgb(208,209,230)" data-count="3" data-date="2020-06-02"></rect>
<rect class="day" width="11" height="11" x="0" y="26" fill="rgb(236,231,242)" data-count="1" data-date="2020-06-03"></rect>
<rect class="day" width="11" height="11" x="0" y="39" fill="rgb(208,209,230)" data-count="3" data-date="2020-06-04"></rect>
<rect class="day" width="11" height="11" x="0" y="52" fill="rgb(236,231,242)" data-count="1" data-date="2020-06-05"></rect>
<rect class="day" width="11" height="11" x="0" y="65" fill="rgb(208,209,230)" data-count="3" data-date="2020-06-06"></rect>
<rect class="day" width="11" height="11" x="0" y="78" fill="rgb(166,189,219)" data-count="5" data-date="2020-06-07"></rect>
</g>
<g transform="translate(322, 0)">
<rect class="day" width="11" height="11" x="0" y="0" fill="rgb(255,247,251)" data-count="0" data-date="2020-06-08"></rect>
<rect class="day" width="11" height="11" x="0" y="13" fill="rgb(236,231,242)" data-count="1" data-date="2020-06-09"></rect>
<rect class="day" width="11" height="11" x="0" y="26" fill="rgb(236,231,242)" data-count="2" data-date="2020-06-10"></rect>
<rect class="day" width="11" height="11" x="0" y="39" fill="rgb(255,247,251)" data-count="0" data-date="2020-06-11"></rect>
<rect class="day" width="11" height="11" x="0" y="52" fill="rgb(5,112,176)" data-count="9" data-date="2020-06-12"></rect>
<rect class="day" width="11" height="11" x="0" y="65" fill="rgb(116,169,207)" data-count="7" data-date="2020-06-13"></rect>
<rect class="day" width="11" height="11" x="0" y="78" fill="rgb(208,209,230)" data-count="4" data-date="2020-06-14"></rect>
</g>
<g transform="translate(336, 0)">
<rect class="day" width="11" height="11" x="0" y="0" fill="rgb(236,231,242)" data-count="1" data-date="2020-06-15"></rect>
<rect class="day" width="11" height="11" x="0" y="13" fill="rgb(255,247,251)" data-count="0" data-date="2020-06-16"></rect>
<rect class="day" width="11" height="11" x="0" y="26" fill="rgb(236,231,242)" data-count="1" data-date="2020-06-17"></rect>
<rect class="day" width="11" height="11" x="0" y="39" fill="rgb(255,247,251)" data-count="0" data-date="2020-06-18"></rect>
<rect class="day" width="11" height="11" x="0" y="52" fill="rgb(255,247,251)" data-count="0" data-date="2020-06-19"></rect>
<rect class="day" width="11" height="11" x="0" y="65" fill="rgb(236,231,242)" data-count="2" data-date="2020-06-20"></rect>
<rect class="day" width="11" height="11" x="0" y="78" fill="rgb(236,231,242)" data-count="1" data-date="2020-06-21"></rect>
</g>
<g transform="translate(350, 0)">
<rect class="day" width="11" height="11" x="0" y="0" fill="rgb(255,247,251)" data-count="0" data-date="2020-06-22"></rect>
<rect class="day" width="11" height="11" x="0" y="13" fill="rgb(236,231,242)" data-count="2" data-date="2020-06-23"></rect>
<rect class="day" width="11" height="11" x="0" y="26" fill="rgb(236,231,242)" data-count="2" data-date="2020-06-24"></rect>
<rect class="day" width="11" height="11" x="0" y="39" fill="rgb(208,209,230)" data-count="3" data-date="2020-06-25"></rect>
<rect class="day" width="11" height="11" x="0" y="52" fill="rgb(208,209,230)" data-count="3" data-date="2020-06-26"></rect>
<rect class="day" width="11" height="11" x="0" y="65" fill="rgb(236,231,242)" data-count="2" data-date="2020-06-27"></rect>
<rect class="day" width="11" height="11" x="0" y="78" fill="rgb(236,231,242)" data-count="1" data-date="2020-06-28"></rect>
</g>
<g transform="translate(364, 0)">
<rect class="day" width="11" height="11" x="0" y="0" fill="rgb(236,231,242)" data-count="1" data-date="2020-06-29"></rect>
<rect class="day" width="11" height="11" x="0" y="13" fill="rgb(236,231,242)" data-count="2" data-date="2020-06-30"></rect>
<rect class="day" width="11" height="11" x="0" y="26" fill="rgb(255,247,251)" data-count="0" data-date="2020-07-01"></rect>
<rect class="day" width="11" height="11" x="0" y="39" fill="rgb(255,247,251)" data-count="0" data-date="2020-07-02"></rect>
<rect class="day" width="11" height="11" x="0" y="52" fill="rgb(255,247,251)" data-count="0" data-date="2020-07-03"></rect>
<rect class="day" width="11" height="11" x="0" y="65" fill="rgb(255,247,251)" data-count="0" data-date="2020-07-04"></rect>
<rect class="day" width="11" height="11" x="0" y="78" fill="rgb(255,247,251)" data-count="0" data-date="2020-07-05"></rect>
</g>
<g transform="translate(378, 0)">
<rect class="day" width="11" height="11" x="0" y="0" fill="rgb(255,247,251)" data-count="0" data-date="2020-07-06"></rect>
<rect class="day" width="11" height="11" x="0" y="13" fill="rgb(255,247,251)" data-count="0" data-date="2020-07-07"></rect>
<rect class="day" width="11" height="11" x="0" y="26" fill="rgb(255,247,251)" data-count="0" data-date="2020-07-08"></rect>
<rect class="day" width="11" height="11" x="0" y="39" fill="rgb(255,247,251)" data-count="0" data-date="2020-07-09"></rect>
<rect class="day" width="11" height="11" x="0" y="52" fill="rgb(255,247,251)" data-count="0" data-date="2020-07-10"></rect>
<rect class="day" width="11" height="11" x="0" y="65" fill="rgb(255,247,251)" data-count="0" data-date="2020-07-11"></rect>
<rect class="day" width="11" height="11" x="0" y="78" fill="rgb(255,247,251)" data-count="0" data-date="2020-07-12"></rect>
</g>
<g transform="translate(392, 0)">
<rect class="day" width="11" height="11" x="0" y="0" fill="rgb(255,247,251)" data-count="0" data-date="2020-07-13"></rect>
<rect class="day" width="11" height="11" x="0" y="13" fill="rgb(255,247,251)" data-count="0" data-date="2020-07-14"></rect>
<rect class="day" width="11" height="11" x="0" y="26" fill="rgb(255,247,251)" data-count="0" data-date="2020-07-15"></rect>
<rect class="day" width="11" height="11" x="0" y="39" fill="rgb(255,247,251)" data-count="0" data-date="2020-07-16"></rect>
<rect class="day" width="11" height="11" x="0" y="52" fill="rgb(255,247,251)" data-count="0" data-date="2020-07-17"></rect>
<rect class="day" width="11" height="11" x="0" y="65" fill="rgb(255,247,251)" data-count="0" data-date="2020-07-18"></rect>
<rect class="day" width="11" height="11" x="0" y="78" fill="rgb(255,247,251)" data-count="0" data-date="2020-07-19"></rect>
</g>
<g transform="translate(406, 0)">
<rect class="day" width="11" height="11" x="0" y="0" fill="rgb(255,247,251)" data-count="0" data-date="2020-07-20"></rect>
<rect class="day" width="11" height="11" x="0" y="13" fill="rgb(255,247,251)" data-count="0" data-date="2020-07-21"></rect>
<rect class="day" width="11" height="11" x="0" y="26" fill="rgb(255,247,251)" data-count="0" data-date="2020-07-22"></rect>
<rect class="day" width="11" height="11" x="0" y="39" fill="rgb(255,247,251)" data-count="0" data-date="2020-07-23"></rect>
<rect class="day" width="11" height="11" x="0" y="52" fill="rgb(255,247,251)" data-count="0" data-date="2020-07-24"></rect>
<rect class="day" width="11" height="11" x="0" y="65" fill="rgb(255,247,251)" data-count="0" data-date="2020-07-25"></rect>
<rect class="day" width="11" height="11" x="0" y="78" fill="rgb(255,247,251)" data-count="0" data-date="2020-07-26"></rect>
</g>
<g transform="translate(420, 0)">
<rect class="day" width="11" height="11" x="0" y="0" fill="rgb(255,247,251)" data-count="0" data-date="2020-07-27"></rect>
<rect class="day" width="11" height="11" x="0" y="13" fill="rgb(255,247,251)" data-count="0" data-date="2020-07-28"></rect>
<rect class="day" width="11" height="11" x="0" y="26" fill="rgb(255,247,251)" data-count="0" data-date="2020-07-29"></rect>
<rect class="day" width="11" height="11" x="0" y="39" fill="rgb(255,247,251)" data-count="0" data-date="2020-07-30"></rect>
<rect class="day" width="11" height="11" x="0" y="52" fill="rgb(255,247,251)" data-count="0" data-date="2020-07-31"></rect>
<rect class="day" width="11" height="11" x="0" y="65" fill="rgb(255,247,251)" data-count="0" data-date="2020-08-01"></rect>
<rect class="day" width="11" height="11" x="0" y="78" fill="rgb(255,247,251)" data-count="0" data-date="2020-08-02"></rect>
</g>
<g transform="translate(434, 0)">
<rect class="day" width="11" height="11" x="0" y="0" fill="rgb(255,247,251)" data-count="0" data-date="2020-08-03"></rect>
<rect class="day" width="11" height="11" x="0" y="13" fill="rgb(255,247,251)" data-count="0" data-date="2020-08-04"></rect>
<rect class="day" width="11" height="11" x="0" y="26" fill="rgb(255,247,251)" data-count="0" data-date="2020-08-05"></rect>
<rect class="day" width="11" height="11" x="0" y="39" fill="rgb(255,247,251)" data-count="0" data-date="2020-08-06"></rect>
<rect class="day" width="11" height="11" x="0" y="52" fill="rgb(255,247,251)" data-count="0" data-date="2020-08-07"></rect>
<rect class="day" width="11" height="11" x="0" y="65" fill="rgb(255,247,251)" data-count="0" data-date="2020-08-08"></rect>
<rect class="day" width="11" height="11" x="0" y="78" fill="rgb(255,247,251)" data-count="0" data-date="2020-08-09"></rect>
</g>
<g transform="translate(448, 0)">
<rect class="day" width="11" height="11" x="0" y="0" fill="rgb(255,247,251)" data-count="0" data-date="2020-08-10"></rect>
<rect class="day" width="11" height="11" x="0" y="13" fill="rgb(255,247,251)" data-count="0" data-date="2020-08-11"></rect>
<rect class="day" width="11" height="11" x="0" y="26" fill="rgb(255,247,251)" data-count="0" data-date="2020-08-12"></rect>
<rect class="day" width="11" height="11" x="0" y="39" fill="rgb(255,247,251)" data-count="0" data-date="2020-08-13"></rect>
<rect class="day" width="11" height="11" x="0" y="52" fill="rgb(255,247,251)" data-count="0" data-date="2020-08-14"></rect>
<rect class="day" width="11" height="11" x="0" y="65" fill="rgb(255,247,251)" data-count="0" data-date="2020-08-15"></rect>
<rect class="day" width="11" height="11" x="0" y="78" fill="rgb(255,247,251)" data-count="0" data-date="2020-08-16"></rect>
</g>
<g transform="translate(462, 0)">
<rect class="day" width="11" height="11" x="0" y="0" fill="rgb(255,247,251)" data-count="0" data-date="2020-08-17"></rect>
<rect class="day" width="11" height="11" x="0" y="13" fill="rgb(255,247,251)" data-count="0" data-date="2020-08-18"></rect>
<rect class="day" width="11" height="11" x="0" y="26" fill="rgb(255,247,251)" data-count="0" data-date="2020-08-19"></rect>
<rect class="day" width="11" height="11" x="0" y="39" fill="rgb(255,247,251)" data-count="0" data-date="2020-08-20"></rect>
<rect class="day" width="11" height="11" x="0" y="52" fill="rgb(255,247,251)" data-count="0" data-date="2020-08-21"></rect>
<rect class="day" width="11" height="11" x="0" y="65" fill="rgb(255,247,251)" data-count="0" data-date="2020-08-22"></rect>
<rect class="day" width="11" height="11" x="0" y="78" fill="rgb(255,247,251)" data-count="0" data-date="2020-08-23"></rect>
</g>
<g transform="translate(476, 0)">
<rect class="day" width="11" height="11" x="0" y="0" fill="rgb(255,247,251)" data-count="0" data-date="2020-08-24"></rect>
<rect class="day" width="11" height="11" x="0" y="13" fill="rgb(255,247,251)" data-count="0" data-date="2020-08-25"></rect>
<rect class="day" width="11" height="11" x="0" y="26" fill="rgb(255,247,251)" data-count="0" data-date="2020-08-26"></rect>
<rect class="day" width="11" height="11" x="0" y="39" fill="rgb(255,247,251)" data-count="0" data-date="2020-08-27"></rect>
<rect class="day" width="11" height="11" x="0" y="52" fill="rgb(255,247,251)" data-count="0" data-date="2020-08-28"></rect>
<rect class="day" width="11" height="11" x="0" y="65" fill="rgb(255,247,251)" data-count="0" data-date="2020-08-29"></rect>
<rect class="day" width="11" height="11" x="0" y="78" fill="rgb(255,247,251)" data-count="0" data-date="2020-08-30"></rect>
</g>
<g transform="translate(490, 0)">
<rect class="day" width="11" height="11" x="0" y="0" fill="rgb(255,247,251)" data-count="0" data-date="2020-08-31"></rect>
<rect class="day" width="11" height="11" x="0" y="13" fill="rgb(255,247,251)" data-count="0" data-date="2020-09-01"></rect>
<rect class="day" width="11" height="11" x="0" y="26" fill="rgb(255,247,251)" data-count="0" data-date="2020-09-02"></rect>
<rect class="day" width="11" height="11" x="0" y="39" fill="rgb(255,247,251)" data-count="0" data-date="2020-09-03"></rect>
<rect class="day" width="11" height="11" x="0" y="52" fill="rgb(255,247,251)" data-count="0" data-date="2020-09-04"></rect>
<rect class="day" width="11" height="11" x="0" y="65" fill="rgb(255,247,251)" data-count="0" data-date="2020-09-05"></rect>
<rect class="day" width="11" height="11" x="0" y="78" fill="rgb(255,247,251)" data-count="0" data-date="2020-09-06"></rect>
</g>
<g transform="translate(504, 0)">
<rect class="day" width="11" height="11" x="0" y="0" fill="rgb(255,247,251)" data-count="0" data-date="2020-09-07"></rect>
<rect class="day" width="11" height="11" x="0" y="13" fill="rgb(255,247,251)" data-count="0" data-date="2020-09-08"></rect>
<rect class="day" width="11" height="11" x="0" y="26" fill="rgb(255,247,251)" data-count="0" data-date="2020-09-09"></rect>
<rect class="day" width="11" height="11" x="0" y="39" fill="rgb(255,247,251)" data-count="0" data-date="2020-09-10"></rect>
<rect class="day" width="11" height="11" x="0" y="52" fill="rgb(255,247,251)" data-count="0" data-date="2020-09-11"></rect>
<rect class="day" width="11" height="11" x="0" y="65" fill="rgb(255,247,251)" data-count="0" data-date="2020-09-12"></rect>
<rect class="day" width="11" height="11" x="0" y="78" fill="rgb(255,247,251)" data-count="0" data-date="2020-09-13"></rect>
</g>
<g transform="translate(518, 0)">
<rect class="day" width="11" height="11" x="0" y="0" fill="rgb(255,247,251)" data-count="0" data-date="2020-09-14"></rect>
<rect class="day" width="11" height="11" x="0" y="13" fill="rgb(255,247,251)" data-count="0" data-date="2020-09-15"></rect>
<rect class="day" width="11" height="11" x="0" y="26" fill="rgb(255,247,251)" data-count="0" data-date="2020-09-16"></rect>
<rect class="day" width="11" height="11" x="0" y="39" fill="rgb(255,247,251)" data-count="0" data-date="2020-09-17"></rect>
<rect class="day" width="11" height="11" x="0" y="52" fill="rgb(255,247,251)" data-count="0" data-date="2020-09-18"></rect>
<rect class="day" width="11" height="11" x="0" y="65" fill="rgb(255,247,251)" data-count="0" data-date="2020-09-19"></rect>
<rect class="day" width="11" height="11" x="0" y="78" fill="rgb(255,247,251)" data-count="0" data-date="2020-09-20"></rect>
</g>
<g transform="translate(532, 0)">
<rect class="day" width="11" height="11" x="0" y="0" fill="rgb(255,247,251)" data-count="0" data-date="2020-09-21"></rect>
<rect class="day" width="11" height="11" x="0" y="13" fill="rgb(255,247,251)" data-count="0" data-date="2020-09-22"></rect>
<rect class="day" width="11" height="11" x="0" y="26" fill="rgb(255,247,251)" data-count="0" data-date="2020-09-23"></rect>
<rect class="day" width="11" height="11" x="0" y="39" fill="rgb(255,247,251)" data-count="0" data-date="2020-09-24"></rect>
<rect class="day" width="11" height="11" x="0" y="52" fill="rgb(255,247,251)" data-count="0" data-date="2020-09-25"></rect>
<rect class="day" width="11" height="11" x="0" y="65" fill="rgb(255,247,251)" data-count="0" data-date="2020-09-26"></rect>
<rect class="day" width="11" height="11" x="0" y="78" fill="rgb(255,247,251)" data-count="0" data-date="2020-09-27"></rect>
</g>
<g transform="translate(546, 0)">
<rect class="day" width="11" height="11" x="0" y="0" fill="rgb(255,247,251)" data-count="0" data-date="2020-09-28"></rect>
<rect class="day" width="11" height="11" x="0" y="13" fill="rgb(255,247,251)" data-count="0" data-date="2020-09-29"></rect>
<rect class="day" width="11" height="11" x="0" y="26" fill="rgb(255,247,251)" data-count="0" data-date="2020-09-30"></rect>
<rect class="day" width="11" height="11" x="0" y="39" fill="rgb(255,247,251)" data-count="0" data-date="2020-10-01"></rect>
<rect class="day" width="11" height="11" x="0" y="52" fill="rgb(255,247,251)" data-count="0" data-date="2020-10-02"></rect>
<rect class="day" width="11" height="11" x="0" y="65" fill="rgb(255,247,251)" data-count="0" data-date="2020-10-03"></rect>
<rect class="day" width="11" height="11" x="0" y="78" fill="rgb(255,247,251)" data-count="0" data-date="2020-10-04"></rect>
</g>
<g transform="translate(560, 0)">
<rect class="day" width="11" height="11" x="0" y="0" fill="rgb(255,247,251)" data-count="0" data-date="2020-10-05"></rect>
<rect class="day" width="11" height="11" x="0" y="13" fill="rgb(255,247,251)" data-count="0" data-date="2020-10-06"></rect>
<rect class="day" width="11" height="11" x="0" y="26" fill="rgb(255,247,251)" data-count="0" data-date="2020-10-07"></rect>
<rect class="day" width="11" height="11" x="0" y="39" fill="rgb(255,247,251)" data-count="0" data-date="2020-10-08"></rect>
<rect class="day" width="11" height="11" x="0" y="52" fill="rgb(255,247,251)" data-count="0" data-date="2020-10-09"></rect>
<rect class="day" width="11" height="11" x="0" y="65" fill="rgb(255,247,251)" data-count="0" data-date="2020-10-10"></rect>
<rect class="day" width="11" height="11" x="0" y="78" fill="rgb(255,247,251)" data-count="0" data-date="2020-10-11"></rect>
</g>
<g transform="translate(574, 0)">
<rect class="day" width="11" height="11" x="0" y="0" fill="rgb(255,247,251)" data-count="0" data-date="2020-10-12"></rect>
<rect class="day" width="11" height="11" x="0" y="13" fill="rgb(255,247,251)" data-count="0" data-date="2020-10-13"></rect>
<rect class="day" width="11" height="11" x="0" y="26" fill="rgb(255,247,251)" data-count="0" data-date="2020-10-14"></rect>
<rect class="day" width="11" height="11" x="0" y="39" fill="rgb(255,247,251)" data-count="0" data-date="2020-10-15"></rect>
<rect class="day" width="11" height="11" x="0" y="52" fill="rgb(255,247,251)" data-count="0" data-date="2020-10-16"></rect>
<rect class="day" width="11" height="11" x="0" y="65" fill="rgb(255,247,251)" data-count="0" data-date="2020-10-17"></rect>
<rect class="day" width="11" height="11" x="0" y="78" fill="rgb(255,247,251)" data-count="0" data-date="2020-10-18"></rect>
</g>
<g transform="translate(588, 0)">
<rect class="day" width="11" height="11" x="0" y="0" fill="rgb(255,247,251)" data-count="0" data-date="2020-10-19"></rect>
<rect class="day" width="11" height="11" x="0" y="13" fill="rgb(255,247,251)" data-count="0" data-date="2020-10-20"></rect>
<rect class="day" width="11" height="11" x="0" y="26" fill="rgb(255,247,251)" data-count="0" data-date="2020-10-21"></rect>
<rect class="day" width="11" height="11" x="0" y="39" fill="rgb(255,247,251)" data-count="0" data-date="2020-10-22"></rect>
<rect class="day" width="11" height="11" x="0" y="52" fill="rgb(255,247,251)" data-count="0" data-date="2020-10-23"></rect>
<rect class="day" width="11" height="11" x="0" y="65" fill="rgb(255,247,251)" data-count="0" data-date="2020-10-24"></rect>
<rect class="day" width="11" height="11" x="0" y="78" fill="rgb(255,247,251)" data-count="0" data-date="2020-10-25"></rect>
</g>
<g transform="translate(602, 0)">
<rect class="day" width="11" height="11" x="0" y="0" fill="rgb(255,247,251)" data-count="0" data-date="2020-10-26"></rect>
<rect class="day" width="11" height="11" x="0" y="13" fill="rgb(255,247,251)" data-count="0" data-date="2020-10-27"></rect>
<rect class="day" width="11" height="11" x="0" y="26" fill="rgb(255,247,251)" data-count="0" data-date="2020-10-28"></rect>
<rect class="day" width="11" height="11" x="0" y="39" fill="rgb(255,247,251)" data-count="0" data-date="2020-10-29"></rect>
<rect class="day" width="11" height="11" x="0" y="52" fill="rgb(255,247,251)" data-count="0" data-date="2020-10-30"></rect>
<rect class="day" width="11" height="11" x="0" y="65" fill="rgb(255,247,251)" data-count="0" data-date="2020-10-31"></rect>
<rect class="day" width="11" height="11" x="0" y="78" fill="rgb(255,247,251)" data-count="0" data-date="2020-11-01"></rect>
</g>
<g transform="translate(616, 0)">
<rect class="day" width="11" height="11" x="0" y="0" fill="rgb(255,247,251)" data-count="0" data-date="2020-11-02"></rect>
<rect class="day" width="11" height="11" x="0" y="13" fill="rgb(255,247,251)" data-count="0" data-date="2020-11-03"></rect>
<rect class="day" width="11" height="11" x="0" y="26" fill="rgb(255,247,251)" data-count="0" data-date="2020-11-04"></rect>
<rect class="day" width="11" height="11" x="0" y="39" fill="rgb(255,247,251)" data-count="0" data-date="2020-11-05"></rect>
<rect class="day" width="11" height="11" x="0" y="52" fill="rgb(255,247,251)" data-count="0" data-date="2020-11-06"></rect>
<rect class="day" width="11" height="11" x="0" y="65" fill="rgb(255,247,251)" data-count="0" data-date="2020-11-07"></rect>
<rect class="day" width="11" height="11" x="0" y="78" fill="rgb(255,247,251)" data-count="0" data-date="2020-11-08"></rect>
</g>
<g transform="translate(630, 0)">
<rect class="day" width="11" height="11" x="0" y="0" fill="rgb(255,247,251)" data-count="0" data-date="2020-11-09"></rect>
<rect class="day" width="11" height="11" x="0" y="13" fill="rgb(255,247,251)" data-count="0" data-date="2020-11-10"></rect>
<rect class="day" width="11" height="11" x="0" y="26" fill="rgb(255,247,251)" data-count="0" data-date="2020-11-11"></rect>
<rect class="day" width="11" height="11" x="0" y="39" fill="rgb(255,247,251)" data-count="0" data-date="2020-11-12"></rect>
<rect class="day" width="11" height="11" x="0" y="52" fill="rgb(255,247,251)" data-count="0" data-date="2020-11-13"></rect>
<rect class="day" width="11" height="11" x="0" y="65" fill="rgb(255,247,251)" data-count="0" data-date="2020-11-14"></rect>
<rect class="day" width="11" height="11" x="0" y="78" fill="rgb(255,247,251)" data-count="0" data-date="2020-11-15"></rect>
</g>
<g transform="translate(644, 0)">
<rect class="day" width="11" height="11" x="0" y="0" fill="rgb(255,247,251)" data-count="0" data-date="2020-11-16"></rect>
<rect class="day" width="11" height="11" x="0" y="13" fill="rgb(255,247,251)" data-count="0" data-date="2020-11-17"></rect>
<rect class="day" width="11" height="11" x="0" y="26" fill="rgb(255,247,251)" data-count="0" data-date="2020-11-18"></rect>
<rect class="day" width="11" height="11" x="0" y="39" fill="rgb(255,247,251)" data-count="0" data-date="2020-11-19"></rect>
<rect class="day" width="11" height="11" x="0" y="52" fill="rgb(255,247,251)" data-count="0" data-date="2020-11-20"></rect>
<rect class="day" width="11" height="11" x="0" y="65" fill="rgb(255,247,251)" data-count="0" data-date="2020-11-21"></rect>
<rect class="day" width="11" height="11" x="0" y="78" fill="rgb(255,247,251)" data-count="0" data-date="2020-11-22"></rect>
</g>
<g transform="translate(658, 0)">
<rect class="day" width="11" height="11" x="0" y="0" fill="rgb(255,247,251)" data-count="0" data-date="2020-11-23"></rect>
<rect class="day" width="11" height="11" x="0" y="13" fill="rgb(255,247,251)" data-count="0" data-date="2020-11-24"></rect>
<rect class="day" width="11" height="11" x="0" y="26" fill="rgb(255,247,251)" data-count="0" data-date="2020-11-25"></rect>
<rect class="day" width="11" height="11" x="0" y="39" fill="rgb(255,247,251)" data-count="0" data-date="2020-11-26"></rect>
<rect class="day" width="11" height="11" x="0" y="52" fill="rgb(255,247,251)" data-count="0" data-date="2020-11-27"></rect>
<rect class="day" width="11" height="11" x="0" y="65" fill="rgb(255,247,251)" data-count="0" data-date="2020-11-28"></rect>
<rect class="day" width="11" height="11" x="0" y="78" fill="rgb(255,247,251)" data-count="0" data-date="2020-11-29"></rect>
</g>
<g transform="translate(672, 0)">
<rect class="day" width="11" height="11" x="0" y="0" fill="rgb(255,247,251)" data-count="0" data-date="2020-11-30"></rect>
<rect class="day" width="11" height="11" x="0" y="13" fill="rgb(255,247,251)" data-count="0" data-date="2020-12-01"></rect>
<rect class="day" width="11" height="11" x="0" y="26" fill="rgb(255,247,251)" data-count="0" data-date="2020-12-02"></rect>
<rect class="day" width="11" height="11" x="0" y="39" fill="rgb(255,247,251)" data-count="0" data-date="2020-12-03"></rect>
<rect class="day" width="11" height="11" x="0" y="52" fill="rgb(255,247,251)" data-count="0" data-date="2020-12-04"></rect>
<rect class="day" width="11" height="11" x="0" y="65" fill="rgb(255,247,251)" data-count="0" data-date="2020-12-05"></rect>
<rect class="day" width="11" height="11" x="0" y="78" fill="rgb(255,247,251)" data-count="0" data-date="2020-12-06"></rect>
</g>
<g transform="translate(686, 0)">
<rect class="day" width="11" height="11" x="0" y="0" fill="rgb(255,247,251)" data-count="0" data-date="2020-12-07"></rect>
<rect class="day" width="11" height="11" x="0" y="13" fill="rgb(255,247,251)" data-count="0" data-date="2020-12-08"></rect>
<rect class="day" width="11" height="11" x="0" y="26" fill="rgb(255,247,251)" data-count="0" data-date="2020-12-09"></rect>
<rect class="day" width="11" height="11" x="0" y="39" fill="rgb(255,247,251)" data-count="0" data-date="2020-12-10"></rect>
<rect class="day" width="11" height="11" x="0" y="52" fill="rgb(255,247,251)" data-count="0" data-date="2020-12-11"></rect>
<rect class="day" width="11" height="11" x="0" y="65" fill="rgb(255,247,251)" data-count="0" data-date="2020-12-12"></rect>
<rect class="day" width="11" height="11" x="0" y="78" fill="rgb(255,247,251)" data-count="0" data-date="2020-12-13"></rect>
</g>
<g transform="translate(700, 0)">
<rect class="day" width="11" height="11" x="0" y="0" fill="rgb(255,247,251)" data-count="0" data-date="2020-12-14"></rect>
<rect class="day" width="11" height="11" x="0" y="13" fill="rgb(255,247,251)" data-count="0" data-date="2020-12-15"></rect>
<rect class="day" width="11" height="11" x="0" y="26" fill="rgb(255,247,251)" data-count="0" data-date="2020-12-16"></rect>
<rect class="day" width="11" height="11" x="0" y="39" fill="rgb(255,247,251)" data-count="0" data-date="2020-12-17"></rect>
<rect class="day" width="11" height="11" x="0" y="52" fill="rgb(255,247,251)" data-count="0" data-date="2020-12-18"></rect>
<rect class="day" width="11" height="11" x="0" y="65" fill="rgb(255,247,251)" data-count="0" data-date="2020-12-19"></rect>
<rect class="day" width="11" height="11" x="0" y="78" fill="rgb(255,247,251)" data-count="0" data-date="2020-12-20"></rect>
</g>
<g transform="translate(714, 0)">
<rect class="day" width="11" height="11" x="0" y="0" fill="rgb(255,247,251)" data-count="0" data-date="2020-12-21"></rect>
<rect class="day" width="11" height="11" x="0" y="13" fill="rgb(255,247,251)" data-count="0" data-date="2020-12-22"></rect>
<rect class="day" width="11" height="11" x="0" y="26" fill="rgb(255,247,251)" data-count="0" data-date="2020-12-23"></rect>
<rect class="day" width="11" height="11" x="0" y="39" fill="rgb(255,247,251)" data-count="0" data-date="2020-12-24"></rect>
<rect class="day" width="11" height="11" x="0" y="52" fill="rgb(255,247,251)" data-count="0" data-date="2020-12-25"></rect>
<rect class="day" width="11" height="11" x="0" y="65" fill="rgb(255,247,251)" data-count="0" data-date="2020-12-26"></rect>
<rect class="day" width="11" height="11" x="0" y="78" fill="rgb(255,247,251)" data-count="0" data-date="2020-12-27"></rect>
</g>
<g transform="translate(728, 0)">
<rect class="day" width="11" height="11" x="0" y="0" fill="rgb(255,247,251)" data-count="0" data-date="2020-12-28"></rect>
<rect class="day" width="11" height="11" x="0" y="13" fill="rgb(255,247,251)" data-count="0" data-date="2020-12-29"></rect>
<rect class="day" width="11" height="11" x="0" y="26" fill="rgb(255,247,251)" data-count="0" data-date="2020-12-30"></rect>
<rect class="day" width="11" height="11" x="0" y="39" fill="rgb(255,247,251)" data-count="0" data-date="2020-12-31"></rect>
</g>
<text x="14" y="-7" font-size="8px" fill="rgb(100,100,100)">Jan</text>
<text x="70" y="-7" font-size="8px" fill="rgb(100,100,100)">Feb</text>
<text x="126" y="-7" font-size="8px" fill="rgb(100,100,100)">Mar</text>
<text x="196" y="-7" font-size="8px" fill="rgb(100,100,100)">Apr</text>
<text x="252" y="-7" font-size="8px" fill="rgb(100,100,100)">May</text>
<text x="308" y="-7" font-size="8px" fill="rgb(100,100,100)">Jun</text>
<text x="378" y="-7" font-size="8px" fill="rgb(100,100,100)">Jul</text>
<text x="434" y="-7" font-size="8px" fill="rgb(100,100,100)">Aug</text>
<text x="504" y="-7" font-size="8px" fill="rgb(100,100,100)">Sep</text>
<text x="560" y="-7" font-size="8px" fill="rgb(100,100,100)">Oct</text>
<text x="616" y="-7" font-size="8px" fill="rgb(100,100,100)">Nov</text>
<text x="686" y="-7" font-size="8px" fill="rgb(100,100,100)">Dec</text>
<text text-anchor="start" font-size="8px" dx="-20" dy="8" fill="rgb(100,100,100)" >Mon</text>
<text text-anchor="start" font-size="8px" dx="-20" dy="21" fill="rgb(100,100,100)" style="display: none;">Tue</text>
<text text-anchor="start" font-size="8px" dx="-20" dy="34" fill="rgb(100,100,100)" >Wed</text>
<text text-anchor="start" font-size="8px" dx="-20" dy="47" fill="rgb(100,100,100)" style="display: none;">Thu</text>
<text text-anchor="start" font-size="8px" dx="-20" dy="60" fill="rgb(100,100,100)" >Fri</text>
<text text-anchor="start" font-size="8px" dx="-20" dy="73" fill="rgb(100,100,100)" style="display: none;">Sat</text>
<text text-anchor="start" font-size="8px" dx="-20" dy="86" fill="rgb(100,100,100)" style="display: none;">Sun</text>
</g></svg>

Before

Width:  |  Height:  |  Size: 49 KiB

View File

@ -1,557 +0,0 @@
<svg viewBox="0 0 762 112" xmlns="http://www.w3.org/2000/svg" xmlns:xlink= "http://www.w3.org/1999/xlink">
<g transform="translate(20, 20)">
<g transform="translate(0, 0)">
<rect class="day" width="11" height="11" x="0" y="26" fill="rgb(255,247,251)" data-count="0" data-date="2020-01-01"></rect>
<rect class="day" width="11" height="11" x="0" y="39" fill="rgb(255,247,251)" data-count="0" data-date="2020-01-02"></rect>
<rect class="day" width="11" height="11" x="0" y="52" fill="rgb(255,247,251)" data-count="0" data-date="2020-01-03"></rect>
<rect class="day" width="11" height="11" x="0" y="65" fill="rgb(255,247,251)" data-count="0" data-date="2020-01-04"></rect>
<rect class="day" width="11" height="11" x="0" y="78" fill="rgb(255,247,251)" data-count="0" data-date="2020-01-05"></rect>
</g>
<g transform="translate(14, 0)">
<rect class="day" width="11" height="11" x="0" y="0" fill="rgb(255,247,251)" data-count="0" data-date="2020-01-06"></rect>
<rect class="day" width="11" height="11" x="0" y="13" fill="rgb(255,247,251)" data-count="0" data-date="2020-01-07"></rect>
<rect class="day" width="11" height="11" x="0" y="26" fill="rgb(255,247,251)" data-count="0" data-date="2020-01-08"></rect>
<rect class="day" width="11" height="11" x="0" y="39" fill="rgb(255,247,251)" data-count="0" data-date="2020-01-09"></rect>
<rect class="day" width="11" height="11" x="0" y="52" fill="rgb(255,247,251)" data-count="0" data-date="2020-01-10"></rect>
<rect class="day" width="11" height="11" x="0" y="65" fill="rgb(255,247,251)" data-count="0" data-date="2020-01-11"></rect>
<rect class="day" width="11" height="11" x="0" y="78" fill="rgb(255,247,251)" data-count="0" data-date="2020-01-12"></rect>
</g>
<g transform="translate(28, 0)">
<rect class="day" width="11" height="11" x="0" y="0" fill="rgb(255,247,251)" data-count="0" data-date="2020-01-13"></rect>
<rect class="day" width="11" height="11" x="0" y="13" fill="rgb(255,247,251)" data-count="0" data-date="2020-01-14"></rect>
<rect class="day" width="11" height="11" x="0" y="26" fill="rgb(255,247,251)" data-count="0" data-date="2020-01-15"></rect>
<rect class="day" width="11" height="11" x="0" y="39" fill="rgb(255,247,251)" data-count="0" data-date="2020-01-16"></rect>
<rect class="day" width="11" height="11" x="0" y="52" fill="rgb(255,247,251)" data-count="0" data-date="2020-01-17"></rect>
<rect class="day" width="11" height="11" x="0" y="65" fill="rgb(255,247,251)" data-count="0" data-date="2020-01-18"></rect>
<rect class="day" width="11" height="11" x="0" y="78" fill="rgb(255,247,251)" data-count="0" data-date="2020-01-19"></rect>
</g>
<g transform="translate(42, 0)">
<rect class="day" width="11" height="11" x="0" y="0" fill="rgb(255,247,251)" data-count="0" data-date="2020-01-20"></rect>
<rect class="day" width="11" height="11" x="0" y="13" fill="rgb(255,247,251)" data-count="0" data-date="2020-01-21"></rect>
<rect class="day" width="11" height="11" x="0" y="26" fill="rgb(255,247,251)" data-count="0" data-date="2020-01-22"></rect>
<rect class="day" width="11" height="11" x="0" y="39" fill="rgb(255,247,251)" data-count="0" data-date="2020-01-23"></rect>
<rect class="day" width="11" height="11" x="0" y="52" fill="rgb(255,247,251)" data-count="0" data-date="2020-01-24"></rect>
<rect class="day" width="11" height="11" x="0" y="65" fill="rgb(255,247,251)" data-count="0" data-date="2020-01-25"></rect>
<rect class="day" width="11" height="11" x="0" y="78" fill="rgb(255,247,251)" data-count="0" data-date="2020-01-26"></rect>
</g>
<g transform="translate(56, 0)">
<rect class="day" width="11" height="11" x="0" y="0" fill="rgb(255,247,251)" data-count="0" data-date="2020-01-27"></rect>
<rect class="day" width="11" height="11" x="0" y="13" fill="rgb(255,247,251)" data-count="0" data-date="2020-01-28"></rect>
<rect class="day" width="11" height="11" x="0" y="26" fill="rgb(255,247,251)" data-count="0" data-date="2020-01-29"></rect>
<rect class="day" width="11" height="11" x="0" y="39" fill="rgb(255,247,251)" data-count="0" data-date="2020-01-30"></rect>
<rect class="day" width="11" height="11" x="0" y="52" fill="rgb(255,247,251)" data-count="0" data-date="2020-01-31"></rect>
<rect class="day" width="11" height="11" x="0" y="65" fill="rgb(255,247,251)" data-count="0" data-date="2020-02-01"></rect>
<rect class="day" width="11" height="11" x="0" y="78" fill="rgb(255,247,251)" data-count="0" data-date="2020-02-02"></rect>
</g>
<g transform="translate(70, 0)">
<rect class="day" width="11" height="11" x="0" y="0" fill="rgb(255,247,251)" data-count="0" data-date="2020-02-03"></rect>
<rect class="day" width="11" height="11" x="0" y="13" fill="rgb(255,247,251)" data-count="0" data-date="2020-02-04"></rect>
<rect class="day" width="11" height="11" x="0" y="26" fill="rgb(255,247,251)" data-count="0" data-date="2020-02-05"></rect>
<rect class="day" width="11" height="11" x="0" y="39" fill="rgb(255,247,251)" data-count="0" data-date="2020-02-06"></rect>
<rect class="day" width="11" height="11" x="0" y="52" fill="rgb(255,247,251)" data-count="0" data-date="2020-02-07"></rect>
<rect class="day" width="11" height="11" x="0" y="65" fill="rgb(255,247,251)" data-count="0" data-date="2020-02-08"></rect>
<rect class="day" width="11" height="11" x="0" y="78" fill="rgb(255,247,251)" data-count="0" data-date="2020-02-09"></rect>
</g>
<g transform="translate(84, 0)">
<rect class="day" width="11" height="11" x="0" y="0" fill="rgb(255,247,251)" data-count="0" data-date="2020-02-10"></rect>
<rect class="day" width="11" height="11" x="0" y="13" fill="rgb(255,247,251)" data-count="0" data-date="2020-02-11"></rect>
<rect class="day" width="11" height="11" x="0" y="26" fill="rgb(255,247,251)" data-count="0" data-date="2020-02-12"></rect>
<rect class="day" width="11" height="11" x="0" y="39" fill="rgb(255,247,251)" data-count="0" data-date="2020-02-13"></rect>
<rect class="day" width="11" height="11" x="0" y="52" fill="rgb(255,247,251)" data-count="0" data-date="2020-02-14"></rect>
<rect class="day" width="11" height="11" x="0" y="65" fill="rgb(255,247,251)" data-count="0" data-date="2020-02-15"></rect>
<rect class="day" width="11" height="11" x="0" y="78" fill="rgb(255,247,251)" data-count="0" data-date="2020-02-16"></rect>
</g>
<g transform="translate(98, 0)">
<rect class="day" width="11" height="11" x="0" y="0" fill="rgb(255,247,251)" data-count="0" data-date="2020-02-17"></rect>
<rect class="day" width="11" height="11" x="0" y="13" fill="rgb(255,247,251)" data-count="0" data-date="2020-02-18"></rect>
<rect class="day" width="11" height="11" x="0" y="26" fill="rgb(255,247,251)" data-count="0" data-date="2020-02-19"></rect>
<rect class="day" width="11" height="11" x="0" y="39" fill="rgb(255,247,251)" data-count="0" data-date="2020-02-20"></rect>
<rect class="day" width="11" height="11" x="0" y="52" fill="rgb(255,247,251)" data-count="0" data-date="2020-02-21"></rect>
<rect class="day" width="11" height="11" x="0" y="65" fill="rgb(255,247,251)" data-count="0" data-date="2020-02-22"></rect>
<rect class="day" width="11" height="11" x="0" y="78" fill="rgb(255,247,251)" data-count="0" data-date="2020-02-23"></rect>
</g>
<g transform="translate(112, 0)">
<rect class="day" width="11" height="11" x="0" y="0" fill="rgb(255,247,251)" data-count="0" data-date="2020-02-24"></rect>
<rect class="day" width="11" height="11" x="0" y="13" fill="rgb(255,247,251)" data-count="0" data-date="2020-02-25"></rect>
<rect class="day" width="11" height="11" x="0" y="26" fill="rgb(255,247,251)" data-count="0" data-date="2020-02-26"></rect>
<rect class="day" width="11" height="11" x="0" y="39" fill="rgb(255,247,251)" data-count="0" data-date="2020-02-27"></rect>
<rect class="day" width="11" height="11" x="0" y="52" fill="rgb(255,247,251)" data-count="0" data-date="2020-02-28"></rect>
<rect class="day" width="11" height="11" x="0" y="65" fill="rgb(255,247,251)" data-count="0" data-date="2020-02-29"></rect>
<rect class="day" width="11" height="11" x="0" y="78" fill="rgb(255,247,251)" data-count="0" data-date="2020-03-01"></rect>
</g>
<g transform="translate(126, 0)">
<rect class="day" width="11" height="11" x="0" y="0" fill="rgb(255,247,251)" data-count="0" data-date="2020-03-02"></rect>
<rect class="day" width="11" height="11" x="0" y="13" fill="rgb(255,247,251)" data-count="0" data-date="2020-03-03"></rect>
<rect class="day" width="11" height="11" x="0" y="26" fill="rgb(255,247,251)" data-count="0" data-date="2020-03-04"></rect>
<rect class="day" width="11" height="11" x="0" y="39" fill="rgb(255,247,251)" data-count="0" data-date="2020-03-05"></rect>
<rect class="day" width="11" height="11" x="0" y="52" fill="rgb(255,247,251)" data-count="0" data-date="2020-03-06"></rect>
<rect class="day" width="11" height="11" x="0" y="65" fill="rgb(255,247,251)" data-count="0" data-date="2020-03-07"></rect>
<rect class="day" width="11" height="11" x="0" y="78" fill="rgb(255,247,251)" data-count="0" data-date="2020-03-08"></rect>
</g>
<g transform="translate(140, 0)">
<rect class="day" width="11" height="11" x="0" y="0" fill="rgb(255,247,251)" data-count="0" data-date="2020-03-09"></rect>
<rect class="day" width="11" height="11" x="0" y="13" fill="rgb(255,247,251)" data-count="0" data-date="2020-03-10"></rect>
<rect class="day" width="11" height="11" x="0" y="26" fill="rgb(255,247,251)" data-count="0" data-date="2020-03-11"></rect>
<rect class="day" width="11" height="11" x="0" y="39" fill="rgb(255,247,251)" data-count="0" data-date="2020-03-12"></rect>
<rect class="day" width="11" height="11" x="0" y="52" fill="rgb(255,247,251)" data-count="0" data-date="2020-03-13"></rect>
<rect class="day" width="11" height="11" x="0" y="65" fill="rgb(255,247,251)" data-count="0" data-date="2020-03-14"></rect>
<rect class="day" width="11" height="11" x="0" y="78" fill="rgb(255,247,251)" data-count="0" data-date="2020-03-15"></rect>
</g>
<g transform="translate(154, 0)">
<rect class="day" width="11" height="11" x="0" y="0" fill="rgb(255,247,251)" data-count="0" data-date="2020-03-16"></rect>
<rect class="day" width="11" height="11" x="0" y="13" fill="rgb(255,247,251)" data-count="0" data-date="2020-03-17"></rect>
<rect class="day" width="11" height="11" x="0" y="26" fill="rgb(255,247,251)" data-count="0" data-date="2020-03-18"></rect>
<rect class="day" width="11" height="11" x="0" y="39" fill="rgb(255,247,251)" data-count="0" data-date="2020-03-19"></rect>
<rect class="day" width="11" height="11" x="0" y="52" fill="rgb(255,247,251)" data-count="0" data-date="2020-03-20"></rect>
<rect class="day" width="11" height="11" x="0" y="65" fill="rgb(255,247,251)" data-count="0" data-date="2020-03-21"></rect>
<rect class="day" width="11" height="11" x="0" y="78" fill="rgb(255,247,251)" data-count="0" data-date="2020-03-22"></rect>
</g>
<g transform="translate(168, 0)">
<rect class="day" width="11" height="11" x="0" y="0" fill="rgb(255,247,251)" data-count="0" data-date="2020-03-23"></rect>
<rect class="day" width="11" height="11" x="0" y="13" fill="rgb(255,247,251)" data-count="0" data-date="2020-03-24"></rect>
<rect class="day" width="11" height="11" x="0" y="26" fill="rgb(255,247,251)" data-count="0" data-date="2020-03-25"></rect>
<rect class="day" width="11" height="11" x="0" y="39" fill="rgb(255,247,251)" data-count="0" data-date="2020-03-26"></rect>
<rect class="day" width="11" height="11" x="0" y="52" fill="rgb(255,247,251)" data-count="0" data-date="2020-03-27"></rect>
<rect class="day" width="11" height="11" x="0" y="65" fill="rgb(255,247,251)" data-count="0" data-date="2020-03-28"></rect>
<rect class="day" width="11" height="11" x="0" y="78" fill="rgb(255,247,251)" data-count="0" data-date="2020-03-29"></rect>
</g>
<g transform="translate(182, 0)">
<rect class="day" width="11" height="11" x="0" y="0" fill="rgb(255,247,251)" data-count="0" data-date="2020-03-30"></rect>
<rect class="day" width="11" height="11" x="0" y="13" fill="rgb(255,247,251)" data-count="0" data-date="2020-03-31"></rect>
<rect class="day" width="11" height="11" x="0" y="26" fill="rgb(255,247,251)" data-count="0" data-date="2020-04-01"></rect>
<rect class="day" width="11" height="11" x="0" y="39" fill="rgb(255,247,251)" data-count="0" data-date="2020-04-02"></rect>
<rect class="day" width="11" height="11" x="0" y="52" fill="rgb(255,247,251)" data-count="0" data-date="2020-04-03"></rect>
<rect class="day" width="11" height="11" x="0" y="65" fill="rgb(255,247,251)" data-count="0" data-date="2020-04-04"></rect>
<rect class="day" width="11" height="11" x="0" y="78" fill="rgb(255,247,251)" data-count="0" data-date="2020-04-05"></rect>
</g>
<g transform="translate(196, 0)">
<rect class="day" width="11" height="11" x="0" y="0" fill="rgb(255,247,251)" data-count="0" data-date="2020-04-06"></rect>
<rect class="day" width="11" height="11" x="0" y="13" fill="rgb(255,247,251)" data-count="0" data-date="2020-04-07"></rect>
<rect class="day" width="11" height="11" x="0" y="26" fill="rgb(255,247,251)" data-count="0" data-date="2020-04-08"></rect>
<rect class="day" width="11" height="11" x="0" y="39" fill="rgb(255,247,251)" data-count="0" data-date="2020-04-09"></rect>
<rect class="day" width="11" height="11" x="0" y="52" fill="rgb(255,247,251)" data-count="0" data-date="2020-04-10"></rect>
<rect class="day" width="11" height="11" x="0" y="65" fill="rgb(255,247,251)" data-count="0" data-date="2020-04-11"></rect>
<rect class="day" width="11" height="11" x="0" y="78" fill="rgb(255,247,251)" data-count="0" data-date="2020-04-12"></rect>
</g>
<g transform="translate(210, 0)">
<rect class="day" width="11" height="11" x="0" y="0" fill="rgb(255,247,251)" data-count="0" data-date="2020-04-13"></rect>
<rect class="day" width="11" height="11" x="0" y="13" fill="rgb(255,247,251)" data-count="0" data-date="2020-04-14"></rect>
<rect class="day" width="11" height="11" x="0" y="26" fill="rgb(255,247,251)" data-count="0" data-date="2020-04-15"></rect>
<rect class="day" width="11" height="11" x="0" y="39" fill="rgb(255,247,251)" data-count="0" data-date="2020-04-16"></rect>
<rect class="day" width="11" height="11" x="0" y="52" fill="rgb(255,247,251)" data-count="0" data-date="2020-04-17"></rect>
<rect class="day" width="11" height="11" x="0" y="65" fill="rgb(255,247,251)" data-count="0" data-date="2020-04-18"></rect>
<rect class="day" width="11" height="11" x="0" y="78" fill="rgb(255,247,251)" data-count="0" data-date="2020-04-19"></rect>
</g>
<g transform="translate(224, 0)">
<rect class="day" width="11" height="11" x="0" y="0" fill="rgb(255,247,251)" data-count="0" data-date="2020-04-20"></rect>
<rect class="day" width="11" height="11" x="0" y="13" fill="rgb(255,247,251)" data-count="0" data-date="2020-04-21"></rect>
<rect class="day" width="11" height="11" x="0" y="26" fill="rgb(255,247,251)" data-count="0" data-date="2020-04-22"></rect>
<rect class="day" width="11" height="11" x="0" y="39" fill="rgb(255,247,251)" data-count="0" data-date="2020-04-23"></rect>
<rect class="day" width="11" height="11" x="0" y="52" fill="rgb(255,247,251)" data-count="0" data-date="2020-04-24"></rect>
<rect class="day" width="11" height="11" x="0" y="65" fill="rgb(255,247,251)" data-count="0" data-date="2020-04-25"></rect>
<rect class="day" width="11" height="11" x="0" y="78" fill="rgb(255,247,251)" data-count="0" data-date="2020-04-26"></rect>
</g>
<g transform="translate(238, 0)">
<rect class="day" width="11" height="11" x="0" y="0" fill="rgb(255,247,251)" data-count="0" data-date="2020-04-27"></rect>
<rect class="day" width="11" height="11" x="0" y="13" fill="rgb(255,247,251)" data-count="0" data-date="2020-04-28"></rect>
<rect class="day" width="11" height="11" x="0" y="26" fill="rgb(255,247,251)" data-count="0" data-date="2020-04-29"></rect>
<rect class="day" width="11" height="11" x="0" y="39" fill="rgb(255,247,251)" data-count="0" data-date="2020-04-30"></rect>
<rect class="day" width="11" height="11" x="0" y="52" fill="rgb(255,247,251)" data-count="0" data-date="2020-05-01"></rect>
<rect class="day" width="11" height="11" x="0" y="65" fill="rgb(255,247,251)" data-count="0" data-date="2020-05-02"></rect>
<rect class="day" width="11" height="11" x="0" y="78" fill="rgb(255,247,251)" data-count="0" data-date="2020-05-03"></rect>
</g>
<g transform="translate(252, 0)">
<rect class="day" width="11" height="11" x="0" y="0" fill="rgb(255,247,251)" data-count="0" data-date="2020-05-04"></rect>
<rect class="day" width="11" height="11" x="0" y="13" fill="rgb(255,247,251)" data-count="0" data-date="2020-05-05"></rect>
<rect class="day" width="11" height="11" x="0" y="26" fill="rgb(255,247,251)" data-count="0" data-date="2020-05-06"></rect>
<rect class="day" width="11" height="11" x="0" y="39" fill="rgb(255,247,251)" data-count="0" data-date="2020-05-07"></rect>
<rect class="day" width="11" height="11" x="0" y="52" fill="rgb(255,247,251)" data-count="0" data-date="2020-05-08"></rect>
<rect class="day" width="11" height="11" x="0" y="65" fill="rgb(255,247,251)" data-count="0" data-date="2020-05-09"></rect>
<rect class="day" width="11" height="11" x="0" y="78" fill="rgb(255,247,251)" data-count="0" data-date="2020-05-10"></rect>
</g>
<g transform="translate(266, 0)">
<rect class="day" width="11" height="11" x="0" y="0" fill="rgb(255,247,251)" data-count="0" data-date="2020-05-11"></rect>
<rect class="day" width="11" height="11" x="0" y="13" fill="rgb(255,247,251)" data-count="0" data-date="2020-05-12"></rect>
<rect class="day" width="11" height="11" x="0" y="26" fill="rgb(255,247,251)" data-count="0" data-date="2020-05-13"></rect>
<rect class="day" width="11" height="11" x="0" y="39" fill="rgb(255,247,251)" data-count="0" data-date="2020-05-14"></rect>
<rect class="day" width="11" height="11" x="0" y="52" fill="rgb(255,247,251)" data-count="0" data-date="2020-05-15"></rect>
<rect class="day" width="11" height="11" x="0" y="65" fill="rgb(54,144,192)" data-count="8" data-date="2020-05-16"></rect>
<rect class="day" width="11" height="11" x="0" y="78" fill="rgb(2,56,88)" data-count="13" data-date="2020-05-17"></rect>
</g>
<g transform="translate(280, 0)">
<rect class="day" width="11" height="11" x="0" y="0" fill="rgb(166,189,219)" data-count="5" data-date="2020-05-18"></rect>
<rect class="day" width="11" height="11" x="0" y="13" fill="rgb(54,144,192)" data-count="8" data-date="2020-05-19"></rect>
<rect class="day" width="11" height="11" x="0" y="26" fill="rgb(166,189,219)" data-count="5" data-date="2020-05-20"></rect>
<rect class="day" width="11" height="11" x="0" y="39" fill="rgb(166,189,219)" data-count="5" data-date="2020-05-21"></rect>
<rect class="day" width="11" height="11" x="0" y="52" fill="rgb(208,209,230)" data-count="3" data-date="2020-05-22"></rect>
<rect class="day" width="11" height="11" x="0" y="65" fill="rgb(166,189,219)" data-count="5" data-date="2020-05-23"></rect>
<rect class="day" width="11" height="11" x="0" y="78" fill="rgb(116,169,207)" data-count="6" data-date="2020-05-24"></rect>
</g>
<g transform="translate(294, 0)">
<rect class="day" width="11" height="11" x="0" y="0" fill="rgb(208,209,230)" data-count="3" data-date="2020-05-25"></rect>
<rect class="day" width="11" height="11" x="0" y="13" fill="rgb(166,189,219)" data-count="5" data-date="2020-05-26"></rect>
<rect class="day" width="11" height="11" x="0" y="26" fill="rgb(54,144,192)" data-count="8" data-date="2020-05-27"></rect>
<rect class="day" width="11" height="11" x="0" y="39" fill="rgb(236,231,242)" data-count="2" data-date="2020-05-28"></rect>
<rect class="day" width="11" height="11" x="0" y="52" fill="rgb(236,231,242)" data-count="2" data-date="2020-05-29"></rect>
<rect class="day" width="11" height="11" x="0" y="65" fill="rgb(54,144,192)" data-count="8" data-date="2020-05-30"></rect>
<rect class="day" width="11" height="11" x="0" y="78" fill="rgb(166,189,219)" data-count="5" data-date="2020-05-31"></rect>
</g>
<g transform="translate(308, 0)">
<rect class="day" width="11" height="11" x="0" y="0" fill="rgb(236,231,242)" data-count="1" data-date="2020-06-01"></rect>
<rect class="day" width="11" height="11" x="0" y="13" fill="rgb(208,209,230)" data-count="3" data-date="2020-06-02"></rect>
<rect class="day" width="11" height="11" x="0" y="26" fill="rgb(236,231,242)" data-count="1" data-date="2020-06-03"></rect>
<rect class="day" width="11" height="11" x="0" y="39" fill="rgb(208,209,230)" data-count="3" data-date="2020-06-04"></rect>
<rect class="day" width="11" height="11" x="0" y="52" fill="rgb(236,231,242)" data-count="1" data-date="2020-06-05"></rect>
<rect class="day" width="11" height="11" x="0" y="65" fill="rgb(208,209,230)" data-count="3" data-date="2020-06-06"></rect>
<rect class="day" width="11" height="11" x="0" y="78" fill="rgb(166,189,219)" data-count="5" data-date="2020-06-07"></rect>
</g>
<g transform="translate(322, 0)">
<rect class="day" width="11" height="11" x="0" y="0" fill="rgb(255,247,251)" data-count="0" data-date="2020-06-08"></rect>
<rect class="day" width="11" height="11" x="0" y="13" fill="rgb(236,231,242)" data-count="1" data-date="2020-06-09"></rect>
<rect class="day" width="11" height="11" x="0" y="26" fill="rgb(236,231,242)" data-count="2" data-date="2020-06-10"></rect>
<rect class="day" width="11" height="11" x="0" y="39" fill="rgb(255,247,251)" data-count="0" data-date="2020-06-11"></rect>
<rect class="day" width="11" height="11" x="0" y="52" fill="rgb(5,112,176)" data-count="9" data-date="2020-06-12"></rect>
<rect class="day" width="11" height="11" x="0" y="65" fill="rgb(116,169,207)" data-count="7" data-date="2020-06-13"></rect>
<rect class="day" width="11" height="11" x="0" y="78" fill="rgb(208,209,230)" data-count="4" data-date="2020-06-14"></rect>
</g>
<g transform="translate(336, 0)">
<rect class="day" width="11" height="11" x="0" y="0" fill="rgb(236,231,242)" data-count="1" data-date="2020-06-15"></rect>
<rect class="day" width="11" height="11" x="0" y="13" fill="rgb(255,247,251)" data-count="0" data-date="2020-06-16"></rect>
<rect class="day" width="11" height="11" x="0" y="26" fill="rgb(236,231,242)" data-count="1" data-date="2020-06-17"></rect>
<rect class="day" width="11" height="11" x="0" y="39" fill="rgb(255,247,251)" data-count="0" data-date="2020-06-18"></rect>
<rect class="day" width="11" height="11" x="0" y="52" fill="rgb(255,247,251)" data-count="0" data-date="2020-06-19"></rect>
<rect class="day" width="11" height="11" x="0" y="65" fill="rgb(236,231,242)" data-count="2" data-date="2020-06-20"></rect>
<rect class="day" width="11" height="11" x="0" y="78" fill="rgb(236,231,242)" data-count="1" data-date="2020-06-21"></rect>
</g>
<g transform="translate(350, 0)">
<rect class="day" width="11" height="11" x="0" y="0" fill="rgb(255,247,251)" data-count="0" data-date="2020-06-22"></rect>
<rect class="day" width="11" height="11" x="0" y="13" fill="rgb(236,231,242)" data-count="2" data-date="2020-06-23"></rect>
<rect class="day" width="11" height="11" x="0" y="26" fill="rgb(236,231,242)" data-count="2" data-date="2020-06-24"></rect>
<rect class="day" width="11" height="11" x="0" y="39" fill="rgb(208,209,230)" data-count="3" data-date="2020-06-25"></rect>
<rect class="day" width="11" height="11" x="0" y="52" fill="rgb(208,209,230)" data-count="3" data-date="2020-06-26"></rect>
<rect class="day" width="11" height="11" x="0" y="65" fill="rgb(236,231,242)" data-count="2" data-date="2020-06-27"></rect>
<rect class="day" width="11" height="11" x="0" y="78" fill="rgb(236,231,242)" data-count="1" data-date="2020-06-28"></rect>
</g>
<g transform="translate(364, 0)">
<rect class="day" width="11" height="11" x="0" y="0" fill="rgb(236,231,242)" data-count="1" data-date="2020-06-29"></rect>
<rect class="day" width="11" height="11" x="0" y="13" fill="rgb(236,231,242)" data-count="2" data-date="2020-06-30"></rect>
<rect class="day" width="11" height="11" x="0" y="26" fill="rgb(255,247,251)" data-count="0" data-date="2020-07-01"></rect>
<rect class="day" width="11" height="11" x="0" y="39" fill="rgb(255,247,251)" data-count="0" data-date="2020-07-02"></rect>
<rect class="day" width="11" height="11" x="0" y="52" fill="rgb(255,247,251)" data-count="0" data-date="2020-07-03"></rect>
<rect class="day" width="11" height="11" x="0" y="65" fill="rgb(255,247,251)" data-count="0" data-date="2020-07-04"></rect>
<rect class="day" width="11" height="11" x="0" y="78" fill="rgb(255,247,251)" data-count="0" data-date="2020-07-05"></rect>
</g>
<g transform="translate(378, 0)">
<rect class="day" width="11" height="11" x="0" y="0" fill="rgb(255,247,251)" data-count="0" data-date="2020-07-06"></rect>
<rect class="day" width="11" height="11" x="0" y="13" fill="rgb(255,247,251)" data-count="0" data-date="2020-07-07"></rect>
<rect class="day" width="11" height="11" x="0" y="26" fill="rgb(255,247,251)" data-count="0" data-date="2020-07-08"></rect>
<rect class="day" width="11" height="11" x="0" y="39" fill="rgb(255,247,251)" data-count="0" data-date="2020-07-09"></rect>
<rect class="day" width="11" height="11" x="0" y="52" fill="rgb(255,247,251)" data-count="0" data-date="2020-07-10"></rect>
<rect class="day" width="11" height="11" x="0" y="65" fill="rgb(255,247,251)" data-count="0" data-date="2020-07-11"></rect>
<rect class="day" width="11" height="11" x="0" y="78" fill="rgb(255,247,251)" data-count="0" data-date="2020-07-12"></rect>
</g>
<g transform="translate(392, 0)">
<rect class="day" width="11" height="11" x="0" y="0" fill="rgb(255,247,251)" data-count="0" data-date="2020-07-13"></rect>
<rect class="day" width="11" height="11" x="0" y="13" fill="rgb(255,247,251)" data-count="0" data-date="2020-07-14"></rect>
<rect class="day" width="11" height="11" x="0" y="26" fill="rgb(255,247,251)" data-count="0" data-date="2020-07-15"></rect>
<rect class="day" width="11" height="11" x="0" y="39" fill="rgb(255,247,251)" data-count="0" data-date="2020-07-16"></rect>
<rect class="day" width="11" height="11" x="0" y="52" fill="rgb(255,247,251)" data-count="0" data-date="2020-07-17"></rect>
<rect class="day" width="11" height="11" x="0" y="65" fill="rgb(255,247,251)" data-count="0" data-date="2020-07-18"></rect>
<rect class="day" width="11" height="11" x="0" y="78" fill="rgb(255,247,251)" data-count="0" data-date="2020-07-19"></rect>
</g>
<g transform="translate(406, 0)">
<rect class="day" width="11" height="11" x="0" y="0" fill="rgb(255,247,251)" data-count="0" data-date="2020-07-20"></rect>
<rect class="day" width="11" height="11" x="0" y="13" fill="rgb(255,247,251)" data-count="0" data-date="2020-07-21"></rect>
<rect class="day" width="11" height="11" x="0" y="26" fill="rgb(255,247,251)" data-count="0" data-date="2020-07-22"></rect>
<rect class="day" width="11" height="11" x="0" y="39" fill="rgb(255,247,251)" data-count="0" data-date="2020-07-23"></rect>
<rect class="day" width="11" height="11" x="0" y="52" fill="rgb(255,247,251)" data-count="0" data-date="2020-07-24"></rect>
<rect class="day" width="11" height="11" x="0" y="65" fill="rgb(255,247,251)" data-count="0" data-date="2020-07-25"></rect>
<rect class="day" width="11" height="11" x="0" y="78" fill="rgb(255,247,251)" data-count="0" data-date="2020-07-26"></rect>
</g>
<g transform="translate(420, 0)">
<rect class="day" width="11" height="11" x="0" y="0" fill="rgb(255,247,251)" data-count="0" data-date="2020-07-27"></rect>
<rect class="day" width="11" height="11" x="0" y="13" fill="rgb(255,247,251)" data-count="0" data-date="2020-07-28"></rect>
<rect class="day" width="11" height="11" x="0" y="26" fill="rgb(255,247,251)" data-count="0" data-date="2020-07-29"></rect>
<rect class="day" width="11" height="11" x="0" y="39" fill="rgb(255,247,251)" data-count="0" data-date="2020-07-30"></rect>
<rect class="day" width="11" height="11" x="0" y="52" fill="rgb(255,247,251)" data-count="0" data-date="2020-07-31"></rect>
<rect class="day" width="11" height="11" x="0" y="65" fill="rgb(255,247,251)" data-count="0" data-date="2020-08-01"></rect>
<rect class="day" width="11" height="11" x="0" y="78" fill="rgb(255,247,251)" data-count="0" data-date="2020-08-02"></rect>
</g>
<g transform="translate(434, 0)">
<rect class="day" width="11" height="11" x="0" y="0" fill="rgb(255,247,251)" data-count="0" data-date="2020-08-03"></rect>
<rect class="day" width="11" height="11" x="0" y="13" fill="rgb(255,247,251)" data-count="0" data-date="2020-08-04"></rect>
<rect class="day" width="11" height="11" x="0" y="26" fill="rgb(255,247,251)" data-count="0" data-date="2020-08-05"></rect>
<rect class="day" width="11" height="11" x="0" y="39" fill="rgb(255,247,251)" data-count="0" data-date="2020-08-06"></rect>
<rect class="day" width="11" height="11" x="0" y="52" fill="rgb(255,247,251)" data-count="0" data-date="2020-08-07"></rect>
<rect class="day" width="11" height="11" x="0" y="65" fill="rgb(255,247,251)" data-count="0" data-date="2020-08-08"></rect>
<rect class="day" width="11" height="11" x="0" y="78" fill="rgb(255,247,251)" data-count="0" data-date="2020-08-09"></rect>
</g>
<g transform="translate(448, 0)">
<rect class="day" width="11" height="11" x="0" y="0" fill="rgb(255,247,251)" data-count="0" data-date="2020-08-10"></rect>
<rect class="day" width="11" height="11" x="0" y="13" fill="rgb(255,247,251)" data-count="0" data-date="2020-08-11"></rect>
<rect class="day" width="11" height="11" x="0" y="26" fill="rgb(255,247,251)" data-count="0" data-date="2020-08-12"></rect>
<rect class="day" width="11" height="11" x="0" y="39" fill="rgb(255,247,251)" data-count="0" data-date="2020-08-13"></rect>
<rect class="day" width="11" height="11" x="0" y="52" fill="rgb(255,247,251)" data-count="0" data-date="2020-08-14"></rect>
<rect class="day" width="11" height="11" x="0" y="65" fill="rgb(255,247,251)" data-count="0" data-date="2020-08-15"></rect>
<rect class="day" width="11" height="11" x="0" y="78" fill="rgb(255,247,251)" data-count="0" data-date="2020-08-16"></rect>
</g>
<g transform="translate(462, 0)">
<rect class="day" width="11" height="11" x="0" y="0" fill="rgb(255,247,251)" data-count="0" data-date="2020-08-17"></rect>
<rect class="day" width="11" height="11" x="0" y="13" fill="rgb(255,247,251)" data-count="0" data-date="2020-08-18"></rect>
<rect class="day" width="11" height="11" x="0" y="26" fill="rgb(255,247,251)" data-count="0" data-date="2020-08-19"></rect>
<rect class="day" width="11" height="11" x="0" y="39" fill="rgb(255,247,251)" data-count="0" data-date="2020-08-20"></rect>
<rect class="day" width="11" height="11" x="0" y="52" fill="rgb(255,247,251)" data-count="0" data-date="2020-08-21"></rect>
<rect class="day" width="11" height="11" x="0" y="65" fill="rgb(255,247,251)" data-count="0" data-date="2020-08-22"></rect>
<rect class="day" width="11" height="11" x="0" y="78" fill="rgb(255,247,251)" data-count="0" data-date="2020-08-23"></rect>
</g>
<g transform="translate(476, 0)">
<rect class="day" width="11" height="11" x="0" y="0" fill="rgb(255,247,251)" data-count="0" data-date="2020-08-24"></rect>
<rect class="day" width="11" height="11" x="0" y="13" fill="rgb(255,247,251)" data-count="0" data-date="2020-08-25"></rect>
<rect class="day" width="11" height="11" x="0" y="26" fill="rgb(255,247,251)" data-count="0" data-date="2020-08-26"></rect>
<rect class="day" width="11" height="11" x="0" y="39" fill="rgb(255,247,251)" data-count="0" data-date="2020-08-27"></rect>
<rect class="day" width="11" height="11" x="0" y="52" fill="rgb(255,247,251)" data-count="0" data-date="2020-08-28"></rect>
<rect class="day" width="11" height="11" x="0" y="65" fill="rgb(255,247,251)" data-count="0" data-date="2020-08-29"></rect>
<rect class="day" width="11" height="11" x="0" y="78" fill="rgb(255,247,251)" data-count="0" data-date="2020-08-30"></rect>
</g>
<g transform="translate(490, 0)">
<rect class="day" width="11" height="11" x="0" y="0" fill="rgb(255,247,251)" data-count="0" data-date="2020-08-31"></rect>
<rect class="day" width="11" height="11" x="0" y="13" fill="rgb(255,247,251)" data-count="0" data-date="2020-09-01"></rect>
<rect class="day" width="11" height="11" x="0" y="26" fill="rgb(255,247,251)" data-count="0" data-date="2020-09-02"></rect>
<rect class="day" width="11" height="11" x="0" y="39" fill="rgb(255,247,251)" data-count="0" data-date="2020-09-03"></rect>
<rect class="day" width="11" height="11" x="0" y="52" fill="rgb(255,247,251)" data-count="0" data-date="2020-09-04"></rect>
<rect class="day" width="11" height="11" x="0" y="65" fill="rgb(255,247,251)" data-count="0" data-date="2020-09-05"></rect>
<rect class="day" width="11" height="11" x="0" y="78" fill="rgb(255,247,251)" data-count="0" data-date="2020-09-06"></rect>
</g>
<g transform="translate(504, 0)">
<rect class="day" width="11" height="11" x="0" y="0" fill="rgb(255,247,251)" data-count="0" data-date="2020-09-07"></rect>
<rect class="day" width="11" height="11" x="0" y="13" fill="rgb(255,247,251)" data-count="0" data-date="2020-09-08"></rect>
<rect class="day" width="11" height="11" x="0" y="26" fill="rgb(255,247,251)" data-count="0" data-date="2020-09-09"></rect>
<rect class="day" width="11" height="11" x="0" y="39" fill="rgb(255,247,251)" data-count="0" data-date="2020-09-10"></rect>
<rect class="day" width="11" height="11" x="0" y="52" fill="rgb(255,247,251)" data-count="0" data-date="2020-09-11"></rect>
<rect class="day" width="11" height="11" x="0" y="65" fill="rgb(255,247,251)" data-count="0" data-date="2020-09-12"></rect>
<rect class="day" width="11" height="11" x="0" y="78" fill="rgb(255,247,251)" data-count="0" data-date="2020-09-13"></rect>
</g>
<g transform="translate(518, 0)">
<rect class="day" width="11" height="11" x="0" y="0" fill="rgb(255,247,251)" data-count="0" data-date="2020-09-14"></rect>
<rect class="day" width="11" height="11" x="0" y="13" fill="rgb(255,247,251)" data-count="0" data-date="2020-09-15"></rect>
<rect class="day" width="11" height="11" x="0" y="26" fill="rgb(255,247,251)" data-count="0" data-date="2020-09-16"></rect>
<rect class="day" width="11" height="11" x="0" y="39" fill="rgb(255,247,251)" data-count="0" data-date="2020-09-17"></rect>
<rect class="day" width="11" height="11" x="0" y="52" fill="rgb(255,247,251)" data-count="0" data-date="2020-09-18"></rect>
<rect class="day" width="11" height="11" x="0" y="65" fill="rgb(255,247,251)" data-count="0" data-date="2020-09-19"></rect>
<rect class="day" width="11" height="11" x="0" y="78" fill="rgb(255,247,251)" data-count="0" data-date="2020-09-20"></rect>
</g>
<g transform="translate(532, 0)">
<rect class="day" width="11" height="11" x="0" y="0" fill="rgb(255,247,251)" data-count="0" data-date="2020-09-21"></rect>
<rect class="day" width="11" height="11" x="0" y="13" fill="rgb(255,247,251)" data-count="0" data-date="2020-09-22"></rect>
<rect class="day" width="11" height="11" x="0" y="26" fill="rgb(255,247,251)" data-count="0" data-date="2020-09-23"></rect>
<rect class="day" width="11" height="11" x="0" y="39" fill="rgb(255,247,251)" data-count="0" data-date="2020-09-24"></rect>
<rect class="day" width="11" height="11" x="0" y="52" fill="rgb(255,247,251)" data-count="0" data-date="2020-09-25"></rect>
<rect class="day" width="11" height="11" x="0" y="65" fill="rgb(255,247,251)" data-count="0" data-date="2020-09-26"></rect>
<rect class="day" width="11" height="11" x="0" y="78" fill="rgb(255,247,251)" data-count="0" data-date="2020-09-27"></rect>
</g>
<g transform="translate(546, 0)">
<rect class="day" width="11" height="11" x="0" y="0" fill="rgb(255,247,251)" data-count="0" data-date="2020-09-28"></rect>
<rect class="day" width="11" height="11" x="0" y="13" fill="rgb(255,247,251)" data-count="0" data-date="2020-09-29"></rect>
<rect class="day" width="11" height="11" x="0" y="26" fill="rgb(255,247,251)" data-count="0" data-date="2020-09-30"></rect>
<rect class="day" width="11" height="11" x="0" y="39" fill="rgb(255,247,251)" data-count="0" data-date="2020-10-01"></rect>
<rect class="day" width="11" height="11" x="0" y="52" fill="rgb(255,247,251)" data-count="0" data-date="2020-10-02"></rect>
<rect class="day" width="11" height="11" x="0" y="65" fill="rgb(255,247,251)" data-count="0" data-date="2020-10-03"></rect>
<rect class="day" width="11" height="11" x="0" y="78" fill="rgb(255,247,251)" data-count="0" data-date="2020-10-04"></rect>
</g>
<g transform="translate(560, 0)">
<rect class="day" width="11" height="11" x="0" y="0" fill="rgb(255,247,251)" data-count="0" data-date="2020-10-05"></rect>
<rect class="day" width="11" height="11" x="0" y="13" fill="rgb(255,247,251)" data-count="0" data-date="2020-10-06"></rect>
<rect class="day" width="11" height="11" x="0" y="26" fill="rgb(255,247,251)" data-count="0" data-date="2020-10-07"></rect>
<rect class="day" width="11" height="11" x="0" y="39" fill="rgb(255,247,251)" data-count="0" data-date="2020-10-08"></rect>
<rect class="day" width="11" height="11" x="0" y="52" fill="rgb(255,247,251)" data-count="0" data-date="2020-10-09"></rect>
<rect class="day" width="11" height="11" x="0" y="65" fill="rgb(255,247,251)" data-count="0" data-date="2020-10-10"></rect>
<rect class="day" width="11" height="11" x="0" y="78" fill="rgb(255,247,251)" data-count="0" data-date="2020-10-11"></rect>
</g>
<g transform="translate(574, 0)">
<rect class="day" width="11" height="11" x="0" y="0" fill="rgb(255,247,251)" data-count="0" data-date="2020-10-12"></rect>
<rect class="day" width="11" height="11" x="0" y="13" fill="rgb(255,247,251)" data-count="0" data-date="2020-10-13"></rect>
<rect class="day" width="11" height="11" x="0" y="26" fill="rgb(255,247,251)" data-count="0" data-date="2020-10-14"></rect>
<rect class="day" width="11" height="11" x="0" y="39" fill="rgb(255,247,251)" data-count="0" data-date="2020-10-15"></rect>
<rect class="day" width="11" height="11" x="0" y="52" fill="rgb(255,247,251)" data-count="0" data-date="2020-10-16"></rect>
<rect class="day" width="11" height="11" x="0" y="65" fill="rgb(255,247,251)" data-count="0" data-date="2020-10-17"></rect>
<rect class="day" width="11" height="11" x="0" y="78" fill="rgb(255,247,251)" data-count="0" data-date="2020-10-18"></rect>
</g>
<g transform="translate(588, 0)">
<rect class="day" width="11" height="11" x="0" y="0" fill="rgb(255,247,251)" data-count="0" data-date="2020-10-19"></rect>
<rect class="day" width="11" height="11" x="0" y="13" fill="rgb(255,247,251)" data-count="0" data-date="2020-10-20"></rect>
<rect class="day" width="11" height="11" x="0" y="26" fill="rgb(255,247,251)" data-count="0" data-date="2020-10-21"></rect>
<rect class="day" width="11" height="11" x="0" y="39" fill="rgb(255,247,251)" data-count="0" data-date="2020-10-22"></rect>
<rect class="day" width="11" height="11" x="0" y="52" fill="rgb(255,247,251)" data-count="0" data-date="2020-10-23"></rect>
<rect class="day" width="11" height="11" x="0" y="65" fill="rgb(255,247,251)" data-count="0" data-date="2020-10-24"></rect>
<rect class="day" width="11" height="11" x="0" y="78" fill="rgb(255,247,251)" data-count="0" data-date="2020-10-25"></rect>
</g>
<g transform="translate(602, 0)">
<rect class="day" width="11" height="11" x="0" y="0" fill="rgb(255,247,251)" data-count="0" data-date="2020-10-26"></rect>
<rect class="day" width="11" height="11" x="0" y="13" fill="rgb(255,247,251)" data-count="0" data-date="2020-10-27"></rect>
<rect class="day" width="11" height="11" x="0" y="26" fill="rgb(255,247,251)" data-count="0" data-date="2020-10-28"></rect>
<rect class="day" width="11" height="11" x="0" y="39" fill="rgb(255,247,251)" data-count="0" data-date="2020-10-29"></rect>
<rect class="day" width="11" height="11" x="0" y="52" fill="rgb(255,247,251)" data-count="0" data-date="2020-10-30"></rect>
<rect class="day" width="11" height="11" x="0" y="65" fill="rgb(255,247,251)" data-count="0" data-date="2020-10-31"></rect>
<rect class="day" width="11" height="11" x="0" y="78" fill="rgb(255,247,251)" data-count="0" data-date="2020-11-01"></rect>
</g>
<g transform="translate(616, 0)">
<rect class="day" width="11" height="11" x="0" y="0" fill="rgb(255,247,251)" data-count="0" data-date="2020-11-02"></rect>
<rect class="day" width="11" height="11" x="0" y="13" fill="rgb(255,247,251)" data-count="0" data-date="2020-11-03"></rect>
<rect class="day" width="11" height="11" x="0" y="26" fill="rgb(255,247,251)" data-count="0" data-date="2020-11-04"></rect>
<rect class="day" width="11" height="11" x="0" y="39" fill="rgb(255,247,251)" data-count="0" data-date="2020-11-05"></rect>
<rect class="day" width="11" height="11" x="0" y="52" fill="rgb(255,247,251)" data-count="0" data-date="2020-11-06"></rect>
<rect class="day" width="11" height="11" x="0" y="65" fill="rgb(255,247,251)" data-count="0" data-date="2020-11-07"></rect>
<rect class="day" width="11" height="11" x="0" y="78" fill="rgb(255,247,251)" data-count="0" data-date="2020-11-08"></rect>
</g>
<g transform="translate(630, 0)">
<rect class="day" width="11" height="11" x="0" y="0" fill="rgb(255,247,251)" data-count="0" data-date="2020-11-09"></rect>
<rect class="day" width="11" height="11" x="0" y="13" fill="rgb(255,247,251)" data-count="0" data-date="2020-11-10"></rect>
<rect class="day" width="11" height="11" x="0" y="26" fill="rgb(255,247,251)" data-count="0" data-date="2020-11-11"></rect>
<rect class="day" width="11" height="11" x="0" y="39" fill="rgb(255,247,251)" data-count="0" data-date="2020-11-12"></rect>
<rect class="day" width="11" height="11" x="0" y="52" fill="rgb(255,247,251)" data-count="0" data-date="2020-11-13"></rect>
<rect class="day" width="11" height="11" x="0" y="65" fill="rgb(255,247,251)" data-count="0" data-date="2020-11-14"></rect>
<rect class="day" width="11" height="11" x="0" y="78" fill="rgb(255,247,251)" data-count="0" data-date="2020-11-15"></rect>
</g>
<g transform="translate(644, 0)">
<rect class="day" width="11" height="11" x="0" y="0" fill="rgb(255,247,251)" data-count="0" data-date="2020-11-16"></rect>
<rect class="day" width="11" height="11" x="0" y="13" fill="rgb(255,247,251)" data-count="0" data-date="2020-11-17"></rect>
<rect class="day" width="11" height="11" x="0" y="26" fill="rgb(255,247,251)" data-count="0" data-date="2020-11-18"></rect>
<rect class="day" width="11" height="11" x="0" y="39" fill="rgb(255,247,251)" data-count="0" data-date="2020-11-19"></rect>
<rect class="day" width="11" height="11" x="0" y="52" fill="rgb(255,247,251)" data-count="0" data-date="2020-11-20"></rect>
<rect class="day" width="11" height="11" x="0" y="65" fill="rgb(255,247,251)" data-count="0" data-date="2020-11-21"></rect>
<rect class="day" width="11" height="11" x="0" y="78" fill="rgb(255,247,251)" data-count="0" data-date="2020-11-22"></rect>
</g>
<g transform="translate(658, 0)">
<rect class="day" width="11" height="11" x="0" y="0" fill="rgb(255,247,251)" data-count="0" data-date="2020-11-23"></rect>
<rect class="day" width="11" height="11" x="0" y="13" fill="rgb(255,247,251)" data-count="0" data-date="2020-11-24"></rect>
<rect class="day" width="11" height="11" x="0" y="26" fill="rgb(255,247,251)" data-count="0" data-date="2020-11-25"></rect>
<rect class="day" width="11" height="11" x="0" y="39" fill="rgb(255,247,251)" data-count="0" data-date="2020-11-26"></rect>
<rect class="day" width="11" height="11" x="0" y="52" fill="rgb(255,247,251)" data-count="0" data-date="2020-11-27"></rect>
<rect class="day" width="11" height="11" x="0" y="65" fill="rgb(255,247,251)" data-count="0" data-date="2020-11-28"></rect>
<rect class="day" width="11" height="11" x="0" y="78" fill="rgb(255,247,251)" data-count="0" data-date="2020-11-29"></rect>
</g>
<g transform="translate(672, 0)">
<rect class="day" width="11" height="11" x="0" y="0" fill="rgb(255,247,251)" data-count="0" data-date="2020-11-30"></rect>
<rect class="day" width="11" height="11" x="0" y="13" fill="rgb(255,247,251)" data-count="0" data-date="2020-12-01"></rect>
<rect class="day" width="11" height="11" x="0" y="26" fill="rgb(255,247,251)" data-count="0" data-date="2020-12-02"></rect>
<rect class="day" width="11" height="11" x="0" y="39" fill="rgb(255,247,251)" data-count="0" data-date="2020-12-03"></rect>
<rect class="day" width="11" height="11" x="0" y="52" fill="rgb(255,247,251)" data-count="0" data-date="2020-12-04"></rect>
<rect class="day" width="11" height="11" x="0" y="65" fill="rgb(255,247,251)" data-count="0" data-date="2020-12-05"></rect>
<rect class="day" width="11" height="11" x="0" y="78" fill="rgb(255,247,251)" data-count="0" data-date="2020-12-06"></rect>
</g>
<g transform="translate(686, 0)">
<rect class="day" width="11" height="11" x="0" y="0" fill="rgb(255,247,251)" data-count="0" data-date="2020-12-07"></rect>
<rect class="day" width="11" height="11" x="0" y="13" fill="rgb(255,247,251)" data-count="0" data-date="2020-12-08"></rect>
<rect class="day" width="11" height="11" x="0" y="26" fill="rgb(255,247,251)" data-count="0" data-date="2020-12-09"></rect>
<rect class="day" width="11" height="11" x="0" y="39" fill="rgb(255,247,251)" data-count="0" data-date="2020-12-10"></rect>
<rect class="day" width="11" height="11" x="0" y="52" fill="rgb(255,247,251)" data-count="0" data-date="2020-12-11"></rect>
<rect class="day" width="11" height="11" x="0" y="65" fill="rgb(255,247,251)" data-count="0" data-date="2020-12-12"></rect>
<rect class="day" width="11" height="11" x="0" y="78" fill="rgb(255,247,251)" data-count="0" data-date="2020-12-13"></rect>
</g>
<g transform="translate(700, 0)">
<rect class="day" width="11" height="11" x="0" y="0" fill="rgb(255,247,251)" data-count="0" data-date="2020-12-14"></rect>
<rect class="day" width="11" height="11" x="0" y="13" fill="rgb(255,247,251)" data-count="0" data-date="2020-12-15"></rect>
<rect class="day" width="11" height="11" x="0" y="26" fill="rgb(255,247,251)" data-count="0" data-date="2020-12-16"></rect>
<rect class="day" width="11" height="11" x="0" y="39" fill="rgb(255,247,251)" data-count="0" data-date="2020-12-17"></rect>
<rect class="day" width="11" height="11" x="0" y="52" fill="rgb(255,247,251)" data-count="0" data-date="2020-12-18"></rect>
<rect class="day" width="11" height="11" x="0" y="65" fill="rgb(255,247,251)" data-count="0" data-date="2020-12-19"></rect>
<rect class="day" width="11" height="11" x="0" y="78" fill="rgb(255,247,251)" data-count="0" data-date="2020-12-20"></rect>
</g>
<g transform="translate(714, 0)">
<rect class="day" width="11" height="11" x="0" y="0" fill="rgb(255,247,251)" data-count="0" data-date="2020-12-21"></rect>
<rect class="day" width="11" height="11" x="0" y="13" fill="rgb(255,247,251)" data-count="0" data-date="2020-12-22"></rect>
<rect class="day" width="11" height="11" x="0" y="26" fill="rgb(255,247,251)" data-count="0" data-date="2020-12-23"></rect>
<rect class="day" width="11" height="11" x="0" y="39" fill="rgb(255,247,251)" data-count="0" data-date="2020-12-24"></rect>
<rect class="day" width="11" height="11" x="0" y="52" fill="rgb(255,247,251)" data-count="0" data-date="2020-12-25"></rect>
<rect class="day" width="11" height="11" x="0" y="65" fill="rgb(255,247,251)" data-count="0" data-date="2020-12-26"></rect>
<rect class="day" width="11" height="11" x="0" y="78" fill="rgb(255,247,251)" data-count="0" data-date="2020-12-27"></rect>
</g>
<g transform="translate(728, 0)">
<rect class="day" width="11" height="11" x="0" y="0" fill="rgb(255,247,251)" data-count="0" data-date="2020-12-28"></rect>
<rect class="day" width="11" height="11" x="0" y="13" fill="rgb(255,247,251)" data-count="0" data-date="2020-12-29"></rect>
<rect class="day" width="11" height="11" x="0" y="26" fill="rgb(255,247,251)" data-count="0" data-date="2020-12-30"></rect>
<rect class="day" width="11" height="11" x="0" y="39" fill="rgb(255,247,251)" data-count="0" data-date="2020-12-31"></rect>
</g>
<text x="14" y="-7" font-size="8px" fill="rgb(100,100,100)">Jan</text>
<text x="70" y="-7" font-size="8px" fill="rgb(100,100,100)">Feb</text>
<text x="126" y="-7" font-size="8px" fill="rgb(100,100,100)">Mar</text>
<text x="196" y="-7" font-size="8px" fill="rgb(100,100,100)">Apr</text>
<text x="252" y="-7" font-size="8px" fill="rgb(100,100,100)">May</text>
<text x="308" y="-7" font-size="8px" fill="rgb(100,100,100)">Jun</text>
<text x="378" y="-7" font-size="8px" fill="rgb(100,100,100)">Jul</text>
<text x="434" y="-7" font-size="8px" fill="rgb(100,100,100)">Aug</text>
<text x="504" y="-7" font-size="8px" fill="rgb(100,100,100)">Sep</text>
<text x="560" y="-7" font-size="8px" fill="rgb(100,100,100)">Oct</text>
<text x="616" y="-7" font-size="8px" fill="rgb(100,100,100)">Nov</text>
<text x="686" y="-7" font-size="8px" fill="rgb(100,100,100)">Dec</text>
<text text-anchor="start" font-size="8px" dx="-20" dy="8" fill="rgb(100,100,100)" >Mon</text>
<text text-anchor="start" font-size="8px" dx="-20" dy="21" fill="rgb(100,100,100)" style="display: none;">Tue</text>
<text text-anchor="start" font-size="8px" dx="-20" dy="34" fill="rgb(100,100,100)" >Wed</text>
<text text-anchor="start" font-size="8px" dx="-20" dy="47" fill="rgb(100,100,100)" style="display: none;">Thu</text>
<text text-anchor="start" font-size="8px" dx="-20" dy="60" fill="rgb(100,100,100)" >Fri</text>
<text text-anchor="start" font-size="8px" dx="-20" dy="73" fill="rgb(100,100,100)" style="display: none;">Sat</text>
<text text-anchor="start" font-size="8px" dx="-20" dy="86" fill="rgb(100,100,100)" style="display: none;">Sun</text>
</g></svg>

Before

Width:  |  Height:  |  Size: 49 KiB

570
charts/testdata/svg-basic-expected.svg vendored Normal file
View File

@ -0,0 +1,570 @@
<svg viewBox="0 0 1188 176" xmlns="http://www.w3.org/2000/svg" xmlns:xlink= "http://www.w3.org/1999/xlink">
<g transform="translate(25, 23)">
<g transform="translate(0, 0)">
<rect class="day" width="18" height="18" x="0" y="44" fill="rgb(255,247,251)" data-count="0" data-date="2020-01-01"></rect>
<rect class="day" width="18" height="18" x="0" y="66" fill="rgb(255,247,251)" data-count="0" data-date="2020-01-02"></rect>
<rect class="day" width="18" height="18" x="0" y="88" fill="rgb(255,247,251)" data-count="0" data-date="2020-01-03"></rect>
<rect class="day" width="18" height="18" x="0" y="110" fill="rgb(255,247,251)" data-count="0" data-date="2020-01-04"></rect>
<rect class="day" width="18" height="18" x="0" y="132" fill="rgb(255,247,251)" data-count="0" data-date="2020-01-05"></rect>
</g>
<g transform="translate(22, 0)">
<rect class="day" width="18" height="18" x="0" y="0" fill="rgb(255,247,251)" data-count="0" data-date="2020-01-06"></rect>
<rect class="day" width="18" height="18" x="0" y="22" fill="rgb(255,247,251)" data-count="0" data-date="2020-01-07"></rect>
<rect class="day" width="18" height="18" x="0" y="44" fill="rgb(255,247,251)" data-count="0" data-date="2020-01-08"></rect>
<rect class="day" width="18" height="18" x="0" y="66" fill="rgb(255,247,251)" data-count="0" data-date="2020-01-09"></rect>
<rect class="day" width="18" height="18" x="0" y="88" fill="rgb(255,247,251)" data-count="0" data-date="2020-01-10"></rect>
<rect class="day" width="18" height="18" x="0" y="110" fill="rgb(255,247,251)" data-count="0" data-date="2020-01-11"></rect>
<rect class="day" width="18" height="18" x="0" y="132" fill="rgb(255,247,251)" data-count="0" data-date="2020-01-12"></rect>
</g>
<g transform="translate(44, 0)">
<rect class="day" width="18" height="18" x="0" y="0" fill="rgb(255,247,251)" data-count="0" data-date="2020-01-13"></rect>
<rect class="day" width="18" height="18" x="0" y="22" fill="rgb(255,247,251)" data-count="0" data-date="2020-01-14"></rect>
<rect class="day" width="18" height="18" x="0" y="44" fill="rgb(255,247,251)" data-count="0" data-date="2020-01-15"></rect>
<rect class="day" width="18" height="18" x="0" y="66" fill="rgb(255,247,251)" data-count="0" data-date="2020-01-16"></rect>
<rect class="day" width="18" height="18" x="0" y="88" fill="rgb(255,247,251)" data-count="0" data-date="2020-01-17"></rect>
<rect class="day" width="18" height="18" x="0" y="110" fill="rgb(255,247,251)" data-count="0" data-date="2020-01-18"></rect>
<rect class="day" width="18" height="18" x="0" y="132" fill="rgb(255,247,251)" data-count="0" data-date="2020-01-19"></rect>
</g>
<g transform="translate(66, 0)">
<rect class="day" width="18" height="18" x="0" y="0" fill="rgb(255,247,251)" data-count="0" data-date="2020-01-20"></rect>
<rect class="day" width="18" height="18" x="0" y="22" fill="rgb(255,247,251)" data-count="0" data-date="2020-01-21"></rect>
<rect class="day" width="18" height="18" x="0" y="44" fill="rgb(255,247,251)" data-count="0" data-date="2020-01-22"></rect>
<rect class="day" width="18" height="18" x="0" y="66" fill="rgb(255,247,251)" data-count="0" data-date="2020-01-23"></rect>
<rect class="day" width="18" height="18" x="0" y="88" fill="rgb(255,247,251)" data-count="0" data-date="2020-01-24"></rect>
<rect class="day" width="18" height="18" x="0" y="110" fill="rgb(255,247,251)" data-count="0" data-date="2020-01-25"></rect>
<rect class="day" width="18" height="18" x="0" y="132" fill="rgb(255,247,251)" data-count="0" data-date="2020-01-26"></rect>
</g>
<g transform="translate(88, 0)">
<rect class="day" width="18" height="18" x="0" y="0" fill="rgb(255,247,251)" data-count="0" data-date="2020-01-27"></rect>
<rect class="day" width="18" height="18" x="0" y="22" fill="rgb(255,247,251)" data-count="0" data-date="2020-01-28"></rect>
<rect class="day" width="18" height="18" x="0" y="44" fill="rgb(255,247,251)" data-count="0" data-date="2020-01-29"></rect>
<rect class="day" width="18" height="18" x="0" y="66" fill="rgb(255,247,251)" data-count="0" data-date="2020-01-30"></rect>
<rect class="day" width="18" height="18" x="0" y="88" fill="rgb(255,247,251)" data-count="0" data-date="2020-01-31"></rect>
<rect class="day" width="18" height="18" x="0" y="110" fill="rgb(255,247,251)" data-count="0" data-date="2020-02-01"></rect>
<rect class="day" width="18" height="18" x="0" y="132" fill="rgb(255,247,251)" data-count="0" data-date="2020-02-02"></rect>
</g>
<g transform="translate(110, 0)">
<rect class="day" width="18" height="18" x="0" y="0" fill="rgb(255,247,251)" data-count="0" data-date="2020-02-03"></rect>
<rect class="day" width="18" height="18" x="0" y="22" fill="rgb(255,247,251)" data-count="0" data-date="2020-02-04"></rect>
<rect class="day" width="18" height="18" x="0" y="44" fill="rgb(255,247,251)" data-count="0" data-date="2020-02-05"></rect>
<rect class="day" width="18" height="18" x="0" y="66" fill="rgb(255,247,251)" data-count="0" data-date="2020-02-06"></rect>
<rect class="day" width="18" height="18" x="0" y="88" fill="rgb(255,247,251)" data-count="0" data-date="2020-02-07"></rect>
<rect class="day" width="18" height="18" x="0" y="110" fill="rgb(255,247,251)" data-count="0" data-date="2020-02-08"></rect>
<rect class="day" width="18" height="18" x="0" y="132" fill="rgb(255,247,251)" data-count="0" data-date="2020-02-09"></rect>
</g>
<g transform="translate(132, 0)">
<rect class="day" width="18" height="18" x="0" y="0" fill="rgb(255,247,251)" data-count="0" data-date="2020-02-10"></rect>
<rect class="day" width="18" height="18" x="0" y="22" fill="rgb(255,247,251)" data-count="0" data-date="2020-02-11"></rect>
<rect class="day" width="18" height="18" x="0" y="44" fill="rgb(255,247,251)" data-count="0" data-date="2020-02-12"></rect>
<rect class="day" width="18" height="18" x="0" y="66" fill="rgb(255,247,251)" data-count="0" data-date="2020-02-13"></rect>
<rect class="day" width="18" height="18" x="0" y="88" fill="rgb(255,247,251)" data-count="0" data-date="2020-02-14"></rect>
<rect class="day" width="18" height="18" x="0" y="110" fill="rgb(255,247,251)" data-count="0" data-date="2020-02-15"></rect>
<rect class="day" width="18" height="18" x="0" y="132" fill="rgb(255,247,251)" data-count="0" data-date="2020-02-16"></rect>
</g>
<g transform="translate(154, 0)">
<rect class="day" width="18" height="18" x="0" y="0" fill="rgb(255,247,251)" data-count="0" data-date="2020-02-17"></rect>
<rect class="day" width="18" height="18" x="0" y="22" fill="rgb(255,247,251)" data-count="0" data-date="2020-02-18"></rect>
<rect class="day" width="18" height="18" x="0" y="44" fill="rgb(255,247,251)" data-count="0" data-date="2020-02-19"></rect>
<rect class="day" width="18" height="18" x="0" y="66" fill="rgb(255,247,251)" data-count="0" data-date="2020-02-20"></rect>
<rect class="day" width="18" height="18" x="0" y="88" fill="rgb(255,247,251)" data-count="0" data-date="2020-02-21"></rect>
<rect class="day" width="18" height="18" x="0" y="110" fill="rgb(255,247,251)" data-count="0" data-date="2020-02-22"></rect>
<rect class="day" width="18" height="18" x="0" y="132" fill="rgb(255,247,251)" data-count="0" data-date="2020-02-23"></rect>
</g>
<g transform="translate(176, 0)">
<rect class="day" width="18" height="18" x="0" y="0" fill="rgb(255,247,251)" data-count="0" data-date="2020-02-24"></rect>
<rect class="day" width="18" height="18" x="0" y="22" fill="rgb(255,247,251)" data-count="0" data-date="2020-02-25"></rect>
<rect class="day" width="18" height="18" x="0" y="44" fill="rgb(255,247,251)" data-count="0" data-date="2020-02-26"></rect>
<rect class="day" width="18" height="18" x="0" y="66" fill="rgb(255,247,251)" data-count="0" data-date="2020-02-27"></rect>
<rect class="day" width="18" height="18" x="0" y="88" fill="rgb(255,247,251)" data-count="0" data-date="2020-02-28"></rect>
<rect class="day" width="18" height="18" x="0" y="110" fill="rgb(255,247,251)" data-count="0" data-date="2020-02-29"></rect>
<rect class="day" width="18" height="18" x="0" y="132" fill="rgb(255,247,251)" data-count="0" data-date="2020-03-01"></rect>
</g>
<g transform="translate(198, 0)">
<rect class="day" width="18" height="18" x="0" y="0" fill="rgb(255,247,251)" data-count="0" data-date="2020-03-02"></rect>
<rect class="day" width="18" height="18" x="0" y="22" fill="rgb(255,247,251)" data-count="0" data-date="2020-03-03"></rect>
<rect class="day" width="18" height="18" x="0" y="44" fill="rgb(255,247,251)" data-count="0" data-date="2020-03-04"></rect>
<rect class="day" width="18" height="18" x="0" y="66" fill="rgb(255,247,251)" data-count="0" data-date="2020-03-05"></rect>
<rect class="day" width="18" height="18" x="0" y="88" fill="rgb(255,247,251)" data-count="0" data-date="2020-03-06"></rect>
<rect class="day" width="18" height="18" x="0" y="110" fill="rgb(255,247,251)" data-count="0" data-date="2020-03-07"></rect>
<rect class="day" width="18" height="18" x="0" y="132" fill="rgb(255,247,251)" data-count="0" data-date="2020-03-08"></rect>
</g>
<g transform="translate(220, 0)">
<rect class="day" width="18" height="18" x="0" y="0" fill="rgb(255,247,251)" data-count="0" data-date="2020-03-09"></rect>
<rect class="day" width="18" height="18" x="0" y="22" fill="rgb(255,247,251)" data-count="0" data-date="2020-03-10"></rect>
<rect class="day" width="18" height="18" x="0" y="44" fill="rgb(255,247,251)" data-count="0" data-date="2020-03-11"></rect>
<rect class="day" width="18" height="18" x="0" y="66" fill="rgb(255,247,251)" data-count="0" data-date="2020-03-12"></rect>
<rect class="day" width="18" height="18" x="0" y="88" fill="rgb(255,247,251)" data-count="0" data-date="2020-03-13"></rect>
<rect class="day" width="18" height="18" x="0" y="110" fill="rgb(255,247,251)" data-count="0" data-date="2020-03-14"></rect>
<rect class="day" width="18" height="18" x="0" y="132" fill="rgb(255,247,251)" data-count="0" data-date="2020-03-15"></rect>
</g>
<g transform="translate(242, 0)">
<rect class="day" width="18" height="18" x="0" y="0" fill="rgb(255,247,251)" data-count="0" data-date="2020-03-16"></rect>
<rect class="day" width="18" height="18" x="0" y="22" fill="rgb(255,247,251)" data-count="0" data-date="2020-03-17"></rect>
<rect class="day" width="18" height="18" x="0" y="44" fill="rgb(255,247,251)" data-count="0" data-date="2020-03-18"></rect>
<rect class="day" width="18" height="18" x="0" y="66" fill="rgb(255,247,251)" data-count="0" data-date="2020-03-19"></rect>
<rect class="day" width="18" height="18" x="0" y="88" fill="rgb(255,247,251)" data-count="0" data-date="2020-03-20"></rect>
<rect class="day" width="18" height="18" x="0" y="110" fill="rgb(255,247,251)" data-count="0" data-date="2020-03-21"></rect>
<rect class="day" width="18" height="18" x="0" y="132" fill="rgb(255,247,251)" data-count="0" data-date="2020-03-22"></rect>
</g>
<g transform="translate(264, 0)">
<rect class="day" width="18" height="18" x="0" y="0" fill="rgb(255,247,251)" data-count="0" data-date="2020-03-23"></rect>
<rect class="day" width="18" height="18" x="0" y="22" fill="rgb(255,247,251)" data-count="0" data-date="2020-03-24"></rect>
<rect class="day" width="18" height="18" x="0" y="44" fill="rgb(255,247,251)" data-count="0" data-date="2020-03-25"></rect>
<rect class="day" width="18" height="18" x="0" y="66" fill="rgb(255,247,251)" data-count="0" data-date="2020-03-26"></rect>
<rect class="day" width="18" height="18" x="0" y="88" fill="rgb(255,247,251)" data-count="0" data-date="2020-03-27"></rect>
<rect class="day" width="18" height="18" x="0" y="110" fill="rgb(255,247,251)" data-count="0" data-date="2020-03-28"></rect>
<rect class="day" width="18" height="18" x="0" y="132" fill="rgb(255,247,251)" data-count="0" data-date="2020-03-29"></rect>
</g>
<g transform="translate(286, 0)">
<rect class="day" width="18" height="18" x="0" y="0" fill="rgb(255,247,251)" data-count="0" data-date="2020-03-30"></rect>
<rect class="day" width="18" height="18" x="0" y="22" fill="rgb(255,247,251)" data-count="0" data-date="2020-03-31"></rect>
<rect class="day" width="18" height="18" x="0" y="44" fill="rgb(255,247,251)" data-count="0" data-date="2020-04-01"></rect>
<rect class="day" width="18" height="18" x="0" y="66" fill="rgb(255,247,251)" data-count="0" data-date="2020-04-02"></rect>
<rect class="day" width="18" height="18" x="0" y="88" fill="rgb(255,247,251)" data-count="0" data-date="2020-04-03"></rect>
<rect class="day" width="18" height="18" x="0" y="110" fill="rgb(255,247,251)" data-count="0" data-date="2020-04-04"></rect>
<rect class="day" width="18" height="18" x="0" y="132" fill="rgb(255,247,251)" data-count="0" data-date="2020-04-05"></rect>
</g>
<g transform="translate(308, 0)">
<rect class="day" width="18" height="18" x="0" y="0" fill="rgb(255,247,251)" data-count="0" data-date="2020-04-06"></rect>
<rect class="day" width="18" height="18" x="0" y="22" fill="rgb(255,247,251)" data-count="0" data-date="2020-04-07"></rect>
<rect class="day" width="18" height="18" x="0" y="44" fill="rgb(255,247,251)" data-count="0" data-date="2020-04-08"></rect>
<rect class="day" width="18" height="18" x="0" y="66" fill="rgb(255,247,251)" data-count="0" data-date="2020-04-09"></rect>
<rect class="day" width="18" height="18" x="0" y="88" fill="rgb(255,247,251)" data-count="0" data-date="2020-04-10"></rect>
<rect class="day" width="18" height="18" x="0" y="110" fill="rgb(255,247,251)" data-count="0" data-date="2020-04-11"></rect>
<rect class="day" width="18" height="18" x="0" y="132" fill="rgb(255,247,251)" data-count="0" data-date="2020-04-12"></rect>
</g>
<g transform="translate(330, 0)">
<rect class="day" width="18" height="18" x="0" y="0" fill="rgb(255,247,251)" data-count="0" data-date="2020-04-13"></rect>
<rect class="day" width="18" height="18" x="0" y="22" fill="rgb(255,247,251)" data-count="0" data-date="2020-04-14"></rect>
<rect class="day" width="18" height="18" x="0" y="44" fill="rgb(255,247,251)" data-count="0" data-date="2020-04-15"></rect>
<rect class="day" width="18" height="18" x="0" y="66" fill="rgb(255,247,251)" data-count="0" data-date="2020-04-16"></rect>
<rect class="day" width="18" height="18" x="0" y="88" fill="rgb(255,247,251)" data-count="0" data-date="2020-04-17"></rect>
<rect class="day" width="18" height="18" x="0" y="110" fill="rgb(255,247,251)" data-count="0" data-date="2020-04-18"></rect>
<rect class="day" width="18" height="18" x="0" y="132" fill="rgb(255,247,251)" data-count="0" data-date="2020-04-19"></rect>
</g>
<g transform="translate(352, 0)">
<rect class="day" width="18" height="18" x="0" y="0" fill="rgb(255,247,251)" data-count="0" data-date="2020-04-20"></rect>
<rect class="day" width="18" height="18" x="0" y="22" fill="rgb(255,247,251)" data-count="0" data-date="2020-04-21"></rect>
<rect class="day" width="18" height="18" x="0" y="44" fill="rgb(255,247,251)" data-count="0" data-date="2020-04-22"></rect>
<rect class="day" width="18" height="18" x="0" y="66" fill="rgb(255,247,251)" data-count="0" data-date="2020-04-23"></rect>
<rect class="day" width="18" height="18" x="0" y="88" fill="rgb(255,247,251)" data-count="0" data-date="2020-04-24"></rect>
<rect class="day" width="18" height="18" x="0" y="110" fill="rgb(255,247,251)" data-count="0" data-date="2020-04-25"></rect>
<rect class="day" width="18" height="18" x="0" y="132" fill="rgb(255,247,251)" data-count="0" data-date="2020-04-26"></rect>
</g>
<g transform="translate(374, 0)">
<rect class="day" width="18" height="18" x="0" y="0" fill="rgb(255,247,251)" data-count="0" data-date="2020-04-27"></rect>
<rect class="day" width="18" height="18" x="0" y="22" fill="rgb(255,247,251)" data-count="0" data-date="2020-04-28"></rect>
<rect class="day" width="18" height="18" x="0" y="44" fill="rgb(255,247,251)" data-count="0" data-date="2020-04-29"></rect>
<rect class="day" width="18" height="18" x="0" y="66" fill="rgb(255,247,251)" data-count="0" data-date="2020-04-30"></rect>
<rect class="day" width="18" height="18" x="0" y="88" fill="rgb(255,247,251)" data-count="0" data-date="2020-05-01"></rect>
<rect class="day" width="18" height="18" x="0" y="110" fill="rgb(255,247,251)" data-count="0" data-date="2020-05-02"></rect>
<rect class="day" width="18" height="18" x="0" y="132" fill="rgb(255,247,251)" data-count="0" data-date="2020-05-03"></rect>
</g>
<g transform="translate(396, 0)">
<rect class="day" width="18" height="18" x="0" y="0" fill="rgb(255,247,251)" data-count="0" data-date="2020-05-04"></rect>
<rect class="day" width="18" height="18" x="0" y="22" fill="rgb(255,247,251)" data-count="0" data-date="2020-05-05"></rect>
<rect class="day" width="18" height="18" x="0" y="44" fill="rgb(255,247,251)" data-count="0" data-date="2020-05-06"></rect>
<rect class="day" width="18" height="18" x="0" y="66" fill="rgb(255,247,251)" data-count="0" data-date="2020-05-07"></rect>
<rect class="day" width="18" height="18" x="0" y="88" fill="rgb(255,247,251)" data-count="0" data-date="2020-05-08"></rect>
<rect class="day" width="18" height="18" x="0" y="110" fill="rgb(255,247,251)" data-count="0" data-date="2020-05-09"></rect>
<rect class="day" width="18" height="18" x="0" y="132" fill="rgb(255,247,251)" data-count="0" data-date="2020-05-10"></rect>
</g>
<g transform="translate(418, 0)">
<rect class="day" width="18" height="18" x="0" y="0" fill="rgb(255,247,251)" data-count="0" data-date="2020-05-11"></rect>
<rect class="day" width="18" height="18" x="0" y="22" fill="rgb(255,247,251)" data-count="0" data-date="2020-05-12"></rect>
<rect class="day" width="18" height="18" x="0" y="44" fill="rgb(255,247,251)" data-count="0" data-date="2020-05-13"></rect>
<rect class="day" width="18" height="18" x="0" y="66" fill="rgb(255,247,251)" data-count="0" data-date="2020-05-14"></rect>
<rect class="day" width="18" height="18" x="0" y="88" fill="rgb(255,247,251)" data-count="0" data-date="2020-05-15"></rect>
<rect class="day" width="18" height="18" x="0" y="110" fill="rgb(54,144,192)" data-count="8" data-date="2020-05-16"></rect>
<rect class="day" width="18" height="18" x="0" y="132" fill="rgb(2,56,88)" data-count="13" data-date="2020-05-17"></rect>
</g>
<g transform="translate(440, 0)">
<rect class="day" width="18" height="18" x="0" y="0" fill="rgb(166,189,219)" data-count="5" data-date="2020-05-18"></rect>
<rect class="day" width="18" height="18" x="0" y="22" fill="rgb(54,144,192)" data-count="8" data-date="2020-05-19"></rect>
<rect class="day" width="18" height="18" x="0" y="44" fill="rgb(166,189,219)" data-count="5" data-date="2020-05-20"></rect>
<rect class="day" width="18" height="18" x="0" y="66" fill="rgb(166,189,219)" data-count="5" data-date="2020-05-21"></rect>
<rect class="day" width="18" height="18" x="0" y="88" fill="rgb(208,209,230)" data-count="3" data-date="2020-05-22"></rect>
<rect class="day" width="18" height="18" x="0" y="110" fill="rgb(166,189,219)" data-count="5" data-date="2020-05-23"></rect>
<rect class="day" width="18" height="18" x="0" y="132" fill="rgb(116,169,207)" data-count="6" data-date="2020-05-24"></rect>
</g>
<g transform="translate(462, 0)">
<rect class="day" width="18" height="18" x="0" y="0" fill="rgb(208,209,230)" data-count="3" data-date="2020-05-25"></rect>
<rect class="day" width="18" height="18" x="0" y="22" fill="rgb(166,189,219)" data-count="5" data-date="2020-05-26"></rect>
<rect class="day" width="18" height="18" x="0" y="44" fill="rgb(54,144,192)" data-count="8" data-date="2020-05-27"></rect>
<rect class="day" width="18" height="18" x="0" y="66" fill="rgb(236,231,242)" data-count="2" data-date="2020-05-28"></rect>
<rect class="day" width="18" height="18" x="0" y="88" fill="rgb(236,231,242)" data-count="2" data-date="2020-05-29"></rect>
<rect class="day" width="18" height="18" x="0" y="110" fill="rgb(54,144,192)" data-count="8" data-date="2020-05-30"></rect>
<rect class="day" width="18" height="18" x="0" y="132" fill="rgb(166,189,219)" data-count="5" data-date="2020-05-31"></rect>
</g>
<g transform="translate(484, 0)">
<rect class="day" width="18" height="18" x="0" y="0" fill="rgb(236,231,242)" data-count="1" data-date="2020-06-01"></rect>
<rect class="day" width="18" height="18" x="0" y="22" fill="rgb(208,209,230)" data-count="3" data-date="2020-06-02"></rect>
<rect class="day" width="18" height="18" x="0" y="44" fill="rgb(236,231,242)" data-count="1" data-date="2020-06-03"></rect>
<rect class="day" width="18" height="18" x="0" y="66" fill="rgb(208,209,230)" data-count="3" data-date="2020-06-04"></rect>
<rect class="day" width="18" height="18" x="0" y="88" fill="rgb(236,231,242)" data-count="1" data-date="2020-06-05"></rect>
<rect class="day" width="18" height="18" x="0" y="110" fill="rgb(208,209,230)" data-count="3" data-date="2020-06-06"></rect>
<rect class="day" width="18" height="18" x="0" y="132" fill="rgb(166,189,219)" data-count="5" data-date="2020-06-07"></rect>
</g>
<g transform="translate(506, 0)">
<rect class="day" width="18" height="18" x="0" y="0" fill="rgb(255,247,251)" data-count="0" data-date="2020-06-08"></rect>
<rect class="day" width="18" height="18" x="0" y="22" fill="rgb(236,231,242)" data-count="1" data-date="2020-06-09"></rect>
<rect class="day" width="18" height="18" x="0" y="44" fill="rgb(236,231,242)" data-count="2" data-date="2020-06-10"></rect>
<rect class="day" width="18" height="18" x="0" y="66" fill="rgb(255,247,251)" data-count="0" data-date="2020-06-11"></rect>
<rect class="day" width="18" height="18" x="0" y="88" fill="rgb(5,112,176)" data-count="9" data-date="2020-06-12"></rect>
<rect class="day" width="18" height="18" x="0" y="110" fill="rgb(116,169,207)" data-count="7" data-date="2020-06-13"></rect>
<rect class="day" width="18" height="18" x="0" y="132" fill="rgb(208,209,230)" data-count="4" data-date="2020-06-14"></rect>
</g>
<g transform="translate(528, 0)">
<rect class="day" width="18" height="18" x="0" y="0" fill="rgb(236,231,242)" data-count="1" data-date="2020-06-15"></rect>
<rect class="day" width="18" height="18" x="0" y="22" fill="rgb(255,247,251)" data-count="0" data-date="2020-06-16"></rect>
<rect class="day" width="18" height="18" x="0" y="44" fill="rgb(236,231,242)" data-count="1" data-date="2020-06-17"></rect>
<rect class="day" width="18" height="18" x="0" y="66" fill="rgb(255,247,251)" data-count="0" data-date="2020-06-18"></rect>
<rect class="day" width="18" height="18" x="0" y="88" fill="rgb(255,247,251)" data-count="0" data-date="2020-06-19"></rect>
<rect class="day" width="18" height="18" x="0" y="110" fill="rgb(236,231,242)" data-count="2" data-date="2020-06-20"></rect>
<rect class="day" width="18" height="18" x="0" y="132" fill="rgb(236,231,242)" data-count="1" data-date="2020-06-21"></rect>
</g>
<g transform="translate(550, 0)">
<rect class="day" width="18" height="18" x="0" y="0" fill="rgb(255,247,251)" data-count="0" data-date="2020-06-22"></rect>
<rect class="day" width="18" height="18" x="0" y="22" fill="rgb(236,231,242)" data-count="2" data-date="2020-06-23"></rect>
<rect class="day" width="18" height="18" x="0" y="44" fill="rgb(236,231,242)" data-count="2" data-date="2020-06-24"></rect>
<rect class="day" width="18" height="18" x="0" y="66" fill="rgb(208,209,230)" data-count="3" data-date="2020-06-25"></rect>
<rect class="day" width="18" height="18" x="0" y="88" fill="rgb(208,209,230)" data-count="3" data-date="2020-06-26"></rect>
<rect class="day" width="18" height="18" x="0" y="110" fill="rgb(236,231,242)" data-count="2" data-date="2020-06-27"></rect>
<rect class="day" width="18" height="18" x="0" y="132" fill="rgb(236,231,242)" data-count="1" data-date="2020-06-28"></rect>
</g>
<g transform="translate(572, 0)">
<rect class="day" width="18" height="18" x="0" y="0" fill="rgb(236,231,242)" data-count="1" data-date="2020-06-29"></rect>
<rect class="day" width="18" height="18" x="0" y="22" fill="rgb(236,231,242)" data-count="2" data-date="2020-06-30"></rect>
<rect class="day" width="18" height="18" x="0" y="44" fill="rgb(255,247,251)" data-count="0" data-date="2020-07-01"></rect>
<rect class="day" width="18" height="18" x="0" y="66" fill="rgb(255,247,251)" data-count="0" data-date="2020-07-02"></rect>
<rect class="day" width="18" height="18" x="0" y="88" fill="rgb(255,247,251)" data-count="0" data-date="2020-07-03"></rect>
<rect class="day" width="18" height="18" x="0" y="110" fill="rgb(255,247,251)" data-count="0" data-date="2020-07-04"></rect>
<rect class="day" width="18" height="18" x="0" y="132" fill="rgb(255,247,251)" data-count="0" data-date="2020-07-05"></rect>
</g>
<g transform="translate(594, 0)">
<rect class="day" width="18" height="18" x="0" y="0" fill="rgb(255,247,251)" data-count="0" data-date="2020-07-06"></rect>
<rect class="day" width="18" height="18" x="0" y="22" fill="rgb(255,247,251)" data-count="0" data-date="2020-07-07"></rect>
<rect class="day" width="18" height="18" x="0" y="44" fill="rgb(255,247,251)" data-count="0" data-date="2020-07-08"></rect>
<rect class="day" width="18" height="18" x="0" y="66" fill="rgb(255,247,251)" data-count="0" data-date="2020-07-09"></rect>
<rect class="day" width="18" height="18" x="0" y="88" fill="rgb(255,247,251)" data-count="0" data-date="2020-07-10"></rect>
<rect class="day" width="18" height="18" x="0" y="110" fill="rgb(255,247,251)" data-count="0" data-date="2020-07-11"></rect>
<rect class="day" width="18" height="18" x="0" y="132" fill="rgb(255,247,251)" data-count="0" data-date="2020-07-12"></rect>
</g>
<g transform="translate(616, 0)">
<rect class="day" width="18" height="18" x="0" y="0" fill="rgb(255,247,251)" data-count="0" data-date="2020-07-13"></rect>
<rect class="day" width="18" height="18" x="0" y="22" fill="rgb(255,247,251)" data-count="0" data-date="2020-07-14"></rect>
<rect class="day" width="18" height="18" x="0" y="44" fill="rgb(255,247,251)" data-count="0" data-date="2020-07-15"></rect>
<rect class="day" width="18" height="18" x="0" y="66" fill="rgb(255,247,251)" data-count="0" data-date="2020-07-16"></rect>
<rect class="day" width="18" height="18" x="0" y="88" fill="rgb(255,247,251)" data-count="0" data-date="2020-07-17"></rect>
<rect class="day" width="18" height="18" x="0" y="110" fill="rgb(255,247,251)" data-count="0" data-date="2020-07-18"></rect>
<rect class="day" width="18" height="18" x="0" y="132" fill="rgb(255,247,251)" data-count="0" data-date="2020-07-19"></rect>
</g>
<g transform="translate(638, 0)">
<rect class="day" width="18" height="18" x="0" y="0" fill="rgb(255,247,251)" data-count="0" data-date="2020-07-20"></rect>
<rect class="day" width="18" height="18" x="0" y="22" fill="rgb(255,247,251)" data-count="0" data-date="2020-07-21"></rect>
<rect class="day" width="18" height="18" x="0" y="44" fill="rgb(255,247,251)" data-count="0" data-date="2020-07-22"></rect>
<rect class="day" width="18" height="18" x="0" y="66" fill="rgb(255,247,251)" data-count="0" data-date="2020-07-23"></rect>
<rect class="day" width="18" height="18" x="0" y="88" fill="rgb(255,247,251)" data-count="0" data-date="2020-07-24"></rect>
<rect class="day" width="18" height="18" x="0" y="110" fill="rgb(255,247,251)" data-count="0" data-date="2020-07-25"></rect>
<rect class="day" width="18" height="18" x="0" y="132" fill="rgb(255,247,251)" data-count="0" data-date="2020-07-26"></rect>
</g>
<g transform="translate(660, 0)">
<rect class="day" width="18" height="18" x="0" y="0" fill="rgb(255,247,251)" data-count="0" data-date="2020-07-27"></rect>
<rect class="day" width="18" height="18" x="0" y="22" fill="rgb(255,247,251)" data-count="0" data-date="2020-07-28"></rect>
<rect class="day" width="18" height="18" x="0" y="44" fill="rgb(255,247,251)" data-count="0" data-date="2020-07-29"></rect>
<rect class="day" width="18" height="18" x="0" y="66" fill="rgb(255,247,251)" data-count="0" data-date="2020-07-30"></rect>
<rect class="day" width="18" height="18" x="0" y="88" fill="rgb(255,247,251)" data-count="0" data-date="2020-07-31"></rect>
<rect class="day" width="18" height="18" x="0" y="110" fill="rgb(255,247,251)" data-count="0" data-date="2020-08-01"></rect>
<rect class="day" width="18" height="18" x="0" y="132" fill="rgb(255,247,251)" data-count="0" data-date="2020-08-02"></rect>
</g>
<g transform="translate(682, 0)">
<rect class="day" width="18" height="18" x="0" y="0" fill="rgb(255,247,251)" data-count="0" data-date="2020-08-03"></rect>
<rect class="day" width="18" height="18" x="0" y="22" fill="rgb(255,247,251)" data-count="0" data-date="2020-08-04"></rect>
<rect class="day" width="18" height="18" x="0" y="44" fill="rgb(255,247,251)" data-count="0" data-date="2020-08-05"></rect>
<rect class="day" width="18" height="18" x="0" y="66" fill="rgb(255,247,251)" data-count="0" data-date="2020-08-06"></rect>
<rect class="day" width="18" height="18" x="0" y="88" fill="rgb(255,247,251)" data-count="0" data-date="2020-08-07"></rect>
<rect class="day" width="18" height="18" x="0" y="110" fill="rgb(255,247,251)" data-count="0" data-date="2020-08-08"></rect>
<rect class="day" width="18" height="18" x="0" y="132" fill="rgb(255,247,251)" data-count="0" data-date="2020-08-09"></rect>
</g>
<g transform="translate(704, 0)">
<rect class="day" width="18" height="18" x="0" y="0" fill="rgb(255,247,251)" data-count="0" data-date="2020-08-10"></rect>
<rect class="day" width="18" height="18" x="0" y="22" fill="rgb(255,247,251)" data-count="0" data-date="2020-08-11"></rect>
<rect class="day" width="18" height="18" x="0" y="44" fill="rgb(255,247,251)" data-count="0" data-date="2020-08-12"></rect>
<rect class="day" width="18" height="18" x="0" y="66" fill="rgb(255,247,251)" data-count="0" data-date="2020-08-13"></rect>
<rect class="day" width="18" height="18" x="0" y="88" fill="rgb(255,247,251)" data-count="0" data-date="2020-08-14"></rect>
<rect class="day" width="18" height="18" x="0" y="110" fill="rgb(255,247,251)" data-count="0" data-date="2020-08-15"></rect>
<rect class="day" width="18" height="18" x="0" y="132" fill="rgb(255,247,251)" data-count="0" data-date="2020-08-16"></rect>
</g>
<g transform="translate(726, 0)">
<rect class="day" width="18" height="18" x="0" y="0" fill="rgb(255,247,251)" data-count="0" data-date="2020-08-17"></rect>
<rect class="day" width="18" height="18" x="0" y="22" fill="rgb(255,247,251)" data-count="0" data-date="2020-08-18"></rect>
<rect class="day" width="18" height="18" x="0" y="44" fill="rgb(255,247,251)" data-count="0" data-date="2020-08-19"></rect>
<rect class="day" width="18" height="18" x="0" y="66" fill="rgb(255,247,251)" data-count="0" data-date="2020-08-20"></rect>
<rect class="day" width="18" height="18" x="0" y="88" fill="rgb(255,247,251)" data-count="0" data-date="2020-08-21"></rect>
<rect class="day" width="18" height="18" x="0" y="110" fill="rgb(255,247,251)" data-count="0" data-date="2020-08-22"></rect>
<rect class="day" width="18" height="18" x="0" y="132" fill="rgb(255,247,251)" data-count="0" data-date="2020-08-23"></rect>
</g>
<g transform="translate(748, 0)">
<rect class="day" width="18" height="18" x="0" y="0" fill="rgb(255,247,251)" data-count="0" data-date="2020-08-24"></rect>
<rect class="day" width="18" height="18" x="0" y="22" fill="rgb(255,247,251)" data-count="0" data-date="2020-08-25"></rect>
<rect class="day" width="18" height="18" x="0" y="44" fill="rgb(255,247,251)" data-count="0" data-date="2020-08-26"></rect>
<rect class="day" width="18" height="18" x="0" y="66" fill="rgb(255,247,251)" data-count="0" data-date="2020-08-27"></rect>
<rect class="day" width="18" height="18" x="0" y="88" fill="rgb(255,247,251)" data-count="0" data-date="2020-08-28"></rect>
<rect class="day" width="18" height="18" x="0" y="110" fill="rgb(255,247,251)" data-count="0" data-date="2020-08-29"></rect>
<rect class="day" width="18" height="18" x="0" y="132" fill="rgb(255,247,251)" data-count="0" data-date="2020-08-30"></rect>
</g>
<g transform="translate(770, 0)">
<rect class="day" width="18" height="18" x="0" y="0" fill="rgb(255,247,251)" data-count="0" data-date="2020-08-31"></rect>
<rect class="day" width="18" height="18" x="0" y="22" fill="rgb(255,247,251)" data-count="0" data-date="2020-09-01"></rect>
<rect class="day" width="18" height="18" x="0" y="44" fill="rgb(255,247,251)" data-count="0" data-date="2020-09-02"></rect>
<rect class="day" width="18" height="18" x="0" y="66" fill="rgb(255,247,251)" data-count="0" data-date="2020-09-03"></rect>
<rect class="day" width="18" height="18" x="0" y="88" fill="rgb(255,247,251)" data-count="0" data-date="2020-09-04"></rect>
<rect class="day" width="18" height="18" x="0" y="110" fill="rgb(255,247,251)" data-count="0" data-date="2020-09-05"></rect>
<rect class="day" width="18" height="18" x="0" y="132" fill="rgb(255,247,251)" data-count="0" data-date="2020-09-06"></rect>
</g>
<g transform="translate(792, 0)">
<rect class="day" width="18" height="18" x="0" y="0" fill="rgb(255,247,251)" data-count="0" data-date="2020-09-07"></rect>
<rect class="day" width="18" height="18" x="0" y="22" fill="rgb(255,247,251)" data-count="0" data-date="2020-09-08"></rect>
<rect class="day" width="18" height="18" x="0" y="44" fill="rgb(255,247,251)" data-count="0" data-date="2020-09-09"></rect>
<rect class="day" width="18" height="18" x="0" y="66" fill="rgb(255,247,251)" data-count="0" data-date="2020-09-10"></rect>
<rect class="day" width="18" height="18" x="0" y="88" fill="rgb(255,247,251)" data-count="0" data-date="2020-09-11"></rect>
<rect class="day" width="18" height="18" x="0" y="110" fill="rgb(255,247,251)" data-count="0" data-date="2020-09-12"></rect>
<rect class="day" width="18" height="18" x="0" y="132" fill="rgb(255,247,251)" data-count="0" data-date="2020-09-13"></rect>
</g>
<g transform="translate(814, 0)">
<rect class="day" width="18" height="18" x="0" y="0" fill="rgb(255,247,251)" data-count="0" data-date="2020-09-14"></rect>
<rect class="day" width="18" height="18" x="0" y="22" fill="rgb(255,247,251)" data-count="0" data-date="2020-09-15"></rect>
<rect class="day" width="18" height="18" x="0" y="44" fill="rgb(255,247,251)" data-count="0" data-date="2020-09-16"></rect>
<rect class="day" width="18" height="18" x="0" y="66" fill="rgb(255,247,251)" data-count="0" data-date="2020-09-17"></rect>
<rect class="day" width="18" height="18" x="0" y="88" fill="rgb(255,247,251)" data-count="0" data-date="2020-09-18"></rect>
<rect class="day" width="18" height="18" x="0" y="110" fill="rgb(255,247,251)" data-count="0" data-date="2020-09-19"></rect>
<rect class="day" width="18" height="18" x="0" y="132" fill="rgb(255,247,251)" data-count="0" data-date="2020-09-20"></rect>
</g>
<g transform="translate(836, 0)">
<rect class="day" width="18" height="18" x="0" y="0" fill="rgb(255,247,251)" data-count="0" data-date="2020-09-21"></rect>
<rect class="day" width="18" height="18" x="0" y="22" fill="rgb(255,247,251)" data-count="0" data-date="2020-09-22"></rect>
<rect class="day" width="18" height="18" x="0" y="44" fill="rgb(255,247,251)" data-count="0" data-date="2020-09-23"></rect>
<rect class="day" width="18" height="18" x="0" y="66" fill="rgb(255,247,251)" data-count="0" data-date="2020-09-24"></rect>
<rect class="day" width="18" height="18" x="0" y="88" fill="rgb(255,247,251)" data-count="0" data-date="2020-09-25"></rect>
<rect class="day" width="18" height="18" x="0" y="110" fill="rgb(255,247,251)" data-count="0" data-date="2020-09-26"></rect>
<rect class="day" width="18" height="18" x="0" y="132" fill="rgb(255,247,251)" data-count="0" data-date="2020-09-27"></rect>
</g>
<g transform="translate(858, 0)">
<rect class="day" width="18" height="18" x="0" y="0" fill="rgb(255,247,251)" data-count="0" data-date="2020-09-28"></rect>
<rect class="day" width="18" height="18" x="0" y="22" fill="rgb(255,247,251)" data-count="0" data-date="2020-09-29"></rect>
<rect class="day" width="18" height="18" x="0" y="44" fill="rgb(255,247,251)" data-count="0" data-date="2020-09-30"></rect>
<rect class="day" width="18" height="18" x="0" y="66" fill="rgb(255,247,251)" data-count="0" data-date="2020-10-01"></rect>
<rect class="day" width="18" height="18" x="0" y="88" fill="rgb(255,247,251)" data-count="0" data-date="2020-10-02"></rect>
<rect class="day" width="18" height="18" x="0" y="110" fill="rgb(255,247,251)" data-count="0" data-date="2020-10-03"></rect>
<rect class="day" width="18" height="18" x="0" y="132" fill="rgb(255,247,251)" data-count="0" data-date="2020-10-04"></rect>
</g>
<g transform="translate(880, 0)">
<rect class="day" width="18" height="18" x="0" y="0" fill="rgb(255,247,251)" data-count="0" data-date="2020-10-05"></rect>
<rect class="day" width="18" height="18" x="0" y="22" fill="rgb(255,247,251)" data-count="0" data-date="2020-10-06"></rect>
<rect class="day" width="18" height="18" x="0" y="44" fill="rgb(255,247,251)" data-count="0" data-date="2020-10-07"></rect>
<rect class="day" width="18" height="18" x="0" y="66" fill="rgb(255,247,251)" data-count="0" data-date="2020-10-08"></rect>
<rect class="day" width="18" height="18" x="0" y="88" fill="rgb(255,247,251)" data-count="0" data-date="2020-10-09"></rect>
<rect class="day" width="18" height="18" x="0" y="110" fill="rgb(255,247,251)" data-count="0" data-date="2020-10-10"></rect>
<rect class="day" width="18" height="18" x="0" y="132" fill="rgb(255,247,251)" data-count="0" data-date="2020-10-11"></rect>
</g>
<g transform="translate(902, 0)">
<rect class="day" width="18" height="18" x="0" y="0" fill="rgb(255,247,251)" data-count="0" data-date="2020-10-12"></rect>
<rect class="day" width="18" height="18" x="0" y="22" fill="rgb(255,247,251)" data-count="0" data-date="2020-10-13"></rect>
<rect class="day" width="18" height="18" x="0" y="44" fill="rgb(255,247,251)" data-count="0" data-date="2020-10-14"></rect>
<rect class="day" width="18" height="18" x="0" y="66" fill="rgb(255,247,251)" data-count="0" data-date="2020-10-15"></rect>
<rect class="day" width="18" height="18" x="0" y="88" fill="rgb(255,247,251)" data-count="0" data-date="2020-10-16"></rect>
<rect class="day" width="18" height="18" x="0" y="110" fill="rgb(255,247,251)" data-count="0" data-date="2020-10-17"></rect>
<rect class="day" width="18" height="18" x="0" y="132" fill="rgb(255,247,251)" data-count="0" data-date="2020-10-18"></rect>
</g>
<g transform="translate(924, 0)">
<rect class="day" width="18" height="18" x="0" y="0" fill="rgb(255,247,251)" data-count="0" data-date="2020-10-19"></rect>
<rect class="day" width="18" height="18" x="0" y="22" fill="rgb(255,247,251)" data-count="0" data-date="2020-10-20"></rect>
<rect class="day" width="18" height="18" x="0" y="44" fill="rgb(255,247,251)" data-count="0" data-date="2020-10-21"></rect>
<rect class="day" width="18" height="18" x="0" y="66" fill="rgb(255,247,251)" data-count="0" data-date="2020-10-22"></rect>
<rect class="day" width="18" height="18" x="0" y="88" fill="rgb(255,247,251)" data-count="0" data-date="2020-10-23"></rect>
<rect class="day" width="18" height="18" x="0" y="110" fill="rgb(255,247,251)" data-count="0" data-date="2020-10-24"></rect>
<rect class="day" width="18" height="18" x="0" y="132" fill="rgb(255,247,251)" data-count="0" data-date="2020-10-25"></rect>
</g>
<g transform="translate(946, 0)">
<rect class="day" width="18" height="18" x="0" y="0" fill="rgb(255,247,251)" data-count="0" data-date="2020-10-26"></rect>
<rect class="day" width="18" height="18" x="0" y="22" fill="rgb(255,247,251)" data-count="0" data-date="2020-10-27"></rect>
<rect class="day" width="18" height="18" x="0" y="44" fill="rgb(255,247,251)" data-count="0" data-date="2020-10-28"></rect>
<rect class="day" width="18" height="18" x="0" y="66" fill="rgb(255,247,251)" data-count="0" data-date="2020-10-29"></rect>
<rect class="day" width="18" height="18" x="0" y="88" fill="rgb(255,247,251)" data-count="0" data-date="2020-10-30"></rect>
<rect class="day" width="18" height="18" x="0" y="110" fill="rgb(255,247,251)" data-count="0" data-date="2020-10-31"></rect>
<rect class="day" width="18" height="18" x="0" y="132" fill="rgb(255,247,251)" data-count="0" data-date="2020-11-01"></rect>
</g>
<g transform="translate(968, 0)">
<rect class="day" width="18" height="18" x="0" y="0" fill="rgb(255,247,251)" data-count="0" data-date="2020-11-02"></rect>
<rect class="day" width="18" height="18" x="0" y="22" fill="rgb(255,247,251)" data-count="0" data-date="2020-11-03"></rect>
<rect class="day" width="18" height="18" x="0" y="44" fill="rgb(255,247,251)" data-count="0" data-date="2020-11-04"></rect>
<rect class="day" width="18" height="18" x="0" y="66" fill="rgb(255,247,251)" data-count="0" data-date="2020-11-05"></rect>
<rect class="day" width="18" height="18" x="0" y="88" fill="rgb(255,247,251)" data-count="0" data-date="2020-11-06"></rect>
<rect class="day" width="18" height="18" x="0" y="110" fill="rgb(255,247,251)" data-count="0" data-date="2020-11-07"></rect>
<rect class="day" width="18" height="18" x="0" y="132" fill="rgb(255,247,251)" data-count="0" data-date="2020-11-08"></rect>
</g>
<g transform="translate(990, 0)">
<rect class="day" width="18" height="18" x="0" y="0" fill="rgb(255,247,251)" data-count="0" data-date="2020-11-09"></rect>
<rect class="day" width="18" height="18" x="0" y="22" fill="rgb(255,247,251)" data-count="0" data-date="2020-11-10"></rect>
<rect class="day" width="18" height="18" x="0" y="44" fill="rgb(255,247,251)" data-count="0" data-date="2020-11-11"></rect>
<rect class="day" width="18" height="18" x="0" y="66" fill="rgb(255,247,251)" data-count="0" data-date="2020-11-12"></rect>
<rect class="day" width="18" height="18" x="0" y="88" fill="rgb(255,247,251)" data-count="0" data-date="2020-11-13"></rect>
<rect class="day" width="18" height="18" x="0" y="110" fill="rgb(255,247,251)" data-count="0" data-date="2020-11-14"></rect>
<rect class="day" width="18" height="18" x="0" y="132" fill="rgb(255,247,251)" data-count="0" data-date="2020-11-15"></rect>
</g>
<g transform="translate(1012, 0)">
<rect class="day" width="18" height="18" x="0" y="0" fill="rgb(255,247,251)" data-count="0" data-date="2020-11-16"></rect>
<rect class="day" width="18" height="18" x="0" y="22" fill="rgb(255,247,251)" data-count="0" data-date="2020-11-17"></rect>
<rect class="day" width="18" height="18" x="0" y="44" fill="rgb(255,247,251)" data-count="0" data-date="2020-11-18"></rect>
<rect class="day" width="18" height="18" x="0" y="66" fill="rgb(255,247,251)" data-count="0" data-date="2020-11-19"></rect>
<rect class="day" width="18" height="18" x="0" y="88" fill="rgb(255,247,251)" data-count="0" data-date="2020-11-20"></rect>
<rect class="day" width="18" height="18" x="0" y="110" fill="rgb(255,247,251)" data-count="0" data-date="2020-11-21"></rect>
<rect class="day" width="18" height="18" x="0" y="132" fill="rgb(255,247,251)" data-count="0" data-date="2020-11-22"></rect>
</g>
<g transform="translate(1034, 0)">
<rect class="day" width="18" height="18" x="0" y="0" fill="rgb(255,247,251)" data-count="0" data-date="2020-11-23"></rect>
<rect class="day" width="18" height="18" x="0" y="22" fill="rgb(255,247,251)" data-count="0" data-date="2020-11-24"></rect>
<rect class="day" width="18" height="18" x="0" y="44" fill="rgb(255,247,251)" data-count="0" data-date="2020-11-25"></rect>
<rect class="day" width="18" height="18" x="0" y="66" fill="rgb(255,247,251)" data-count="0" data-date="2020-11-26"></rect>
<rect class="day" width="18" height="18" x="0" y="88" fill="rgb(255,247,251)" data-count="0" data-date="2020-11-27"></rect>
<rect class="day" width="18" height="18" x="0" y="110" fill="rgb(255,247,251)" data-count="0" data-date="2020-11-28"></rect>
<rect class="day" width="18" height="18" x="0" y="132" fill="rgb(255,247,251)" data-count="0" data-date="2020-11-29"></rect>
</g>
<g transform="translate(1056, 0)">
<rect class="day" width="18" height="18" x="0" y="0" fill="rgb(255,247,251)" data-count="0" data-date="2020-11-30"></rect>
<rect class="day" width="18" height="18" x="0" y="22" fill="rgb(255,247,251)" data-count="0" data-date="2020-12-01"></rect>
<rect class="day" width="18" height="18" x="0" y="44" fill="rgb(255,247,251)" data-count="0" data-date="2020-12-02"></rect>
<rect class="day" width="18" height="18" x="0" y="66" fill="rgb(255,247,251)" data-count="0" data-date="2020-12-03"></rect>
<rect class="day" width="18" height="18" x="0" y="88" fill="rgb(255,247,251)" data-count="0" data-date="2020-12-04"></rect>
<rect class="day" width="18" height="18" x="0" y="110" fill="rgb(255,247,251)" data-count="0" data-date="2020-12-05"></rect>
<rect class="day" width="18" height="18" x="0" y="132" fill="rgb(255,247,251)" data-count="0" data-date="2020-12-06"></rect>
</g>
<g transform="translate(1078, 0)">
<rect class="day" width="18" height="18" x="0" y="0" fill="rgb(255,247,251)" data-count="0" data-date="2020-12-07"></rect>
<rect class="day" width="18" height="18" x="0" y="22" fill="rgb(255,247,251)" data-count="0" data-date="2020-12-08"></rect>
<rect class="day" width="18" height="18" x="0" y="44" fill="rgb(255,247,251)" data-count="0" data-date="2020-12-09"></rect>
<rect class="day" width="18" height="18" x="0" y="66" fill="rgb(255,247,251)" data-count="0" data-date="2020-12-10"></rect>
<rect class="day" width="18" height="18" x="0" y="88" fill="rgb(255,247,251)" data-count="0" data-date="2020-12-11"></rect>
<rect class="day" width="18" height="18" x="0" y="110" fill="rgb(255,247,251)" data-count="0" data-date="2020-12-12"></rect>
<rect class="day" width="18" height="18" x="0" y="132" fill="rgb(255,247,251)" data-count="0" data-date="2020-12-13"></rect>
</g>
<g transform="translate(1100, 0)">
<rect class="day" width="18" height="18" x="0" y="0" fill="rgb(255,247,251)" data-count="0" data-date="2020-12-14"></rect>
<rect class="day" width="18" height="18" x="0" y="22" fill="rgb(255,247,251)" data-count="0" data-date="2020-12-15"></rect>
<rect class="day" width="18" height="18" x="0" y="44" fill="rgb(255,247,251)" data-count="0" data-date="2020-12-16"></rect>
<rect class="day" width="18" height="18" x="0" y="66" fill="rgb(255,247,251)" data-count="0" data-date="2020-12-17"></rect>
<rect class="day" width="18" height="18" x="0" y="88" fill="rgb(255,247,251)" data-count="0" data-date="2020-12-18"></rect>
<rect class="day" width="18" height="18" x="0" y="110" fill="rgb(255,247,251)" data-count="0" data-date="2020-12-19"></rect>
<rect class="day" width="18" height="18" x="0" y="132" fill="rgb(255,247,251)" data-count="0" data-date="2020-12-20"></rect>
</g>
<g transform="translate(1122, 0)">
<rect class="day" width="18" height="18" x="0" y="0" fill="rgb(255,247,251)" data-count="0" data-date="2020-12-21"></rect>
<rect class="day" width="18" height="18" x="0" y="22" fill="rgb(255,247,251)" data-count="0" data-date="2020-12-22"></rect>
<rect class="day" width="18" height="18" x="0" y="44" fill="rgb(255,247,251)" data-count="0" data-date="2020-12-23"></rect>
<rect class="day" width="18" height="18" x="0" y="66" fill="rgb(255,247,251)" data-count="0" data-date="2020-12-24"></rect>
<rect class="day" width="18" height="18" x="0" y="88" fill="rgb(255,247,251)" data-count="0" data-date="2020-12-25"></rect>
<rect class="day" width="18" height="18" x="0" y="110" fill="rgb(255,247,251)" data-count="0" data-date="2020-12-26"></rect>
<rect class="day" width="18" height="18" x="0" y="132" fill="rgb(255,247,251)" data-count="0" data-date="2020-12-27"></rect>
</g>
<g transform="translate(1144, 0)">
<rect class="day" width="18" height="18" x="0" y="0" fill="rgb(255,247,251)" data-count="0" data-date="2020-12-28"></rect>
<rect class="day" width="18" height="18" x="0" y="22" fill="rgb(255,247,251)" data-count="0" data-date="2020-12-29"></rect>
<rect class="day" width="18" height="18" x="0" y="44" fill="rgb(255,247,251)" data-count="0" data-date="2020-12-30"></rect>
<rect class="day" width="18" height="18" x="0" y="66" fill="rgb(255,247,251)" data-count="0" data-date="2020-12-31"></rect>
</g>
<text x="22" y="-7" font-size="10" fill="rgb(100,100,100)">Jan</text>
<text x="110" y="-7" font-size="10" fill="rgb(100,100,100)">Feb</text>
<text x="198" y="-7" font-size="10" fill="rgb(100,100,100)">Mar</text>
<text x="308" y="-7" font-size="10" fill="rgb(100,100,100)">Apr</text>
<text x="396" y="-7" font-size="10" fill="rgb(100,100,100)">May</text>
<text x="484" y="-7" font-size="10" fill="rgb(100,100,100)">Jun</text>
<text x="594" y="-7" font-size="10" fill="rgb(100,100,100)">Jul</text>
<text x="682" y="-7" font-size="10" fill="rgb(100,100,100)">Aug</text>
<text x="792" y="-7" font-size="10" fill="rgb(100,100,100)">Sep</text>
<text x="880" y="-7" font-size="10" fill="rgb(100,100,100)">Oct</text>
<text x="968" y="-7" font-size="10" fill="rgb(100,100,100)">Nov</text>
<text x="1078" y="-7" font-size="10" fill="rgb(100,100,100)">Dec</text>
<text text-anchor="start" font-size="10" dx="-25" dy="15" fill="rgb(100,100,100)" >Mon</text>
<text text-anchor="start" font-size="10" dx="-25" dy="37" fill="rgb(100,100,100)" style="display: none;">Tue</text>
<text text-anchor="start" font-size="10" dx="-25" dy="59" fill="rgb(100,100,100)" >Wed</text>
<text text-anchor="start" font-size="10" dx="-25" dy="81" fill="rgb(100,100,100)" style="display: none;">Thu</text>
<text text-anchor="start" font-size="10" dx="-25" dy="103" fill="rgb(100,100,100)" >Fri</text>
<text text-anchor="start" font-size="10" dx="-25" dy="125" fill="rgb(100,100,100)" style="display: none;">Sat</text>
<text text-anchor="start" font-size="10" dx="-25" dy="147" fill="rgb(100,100,100)" style="display: none;">Sun</text>
<polyline style="fill:none;stroke:rgb(200,200,200);stroke-width:1" points="86,150 86,110 86,108 108,108 108,108 108,0"></polyline>
<polyline style="fill:none;stroke:rgb(200,200,200);stroke-width:1" points="174,150 174,132 174,130 196,130 196,130 196,0"></polyline>
<polyline style="fill:none;stroke:rgb(200,200,200);stroke-width:1" points="284,150 284,44 284,42 306,42 306,42 306,0"></polyline>
<polyline style="fill:none;stroke:rgb(200,200,200);stroke-width:1" points="372,150 372,88 372,86 394,86 394,86 394,0"></polyline>
<polyline style="fill:none;stroke:rgb(200,200,200);stroke-width:1" points="482,150 482,0"></polyline>
<polyline style="fill:none;stroke:rgb(200,200,200);stroke-width:1" points="570,150 570,44 570,42 592,42 592,42 592,0"></polyline>
<polyline style="fill:none;stroke:rgb(200,200,200);stroke-width:1" points="658,150 658,110 658,108 680,108 680,108 680,0"></polyline>
<polyline style="fill:none;stroke:rgb(200,200,200);stroke-width:1" points="768,150 768,22 768,20 790,20 790,20 790,0"></polyline>
<polyline style="fill:none;stroke:rgb(200,200,200);stroke-width:1" points="856,150 856,66 856,64 878,64 878,64 878,0"></polyline>
<polyline style="fill:none;stroke:rgb(200,200,200);stroke-width:1" points="944,150 944,132 944,130 966,130 966,130 966,0"></polyline>
<polyline style="fill:none;stroke:rgb(200,200,200);stroke-width:1" points="1054,150 1054,22 1054,20 1076,20 1076,20 1076,0"></polyline>
</g></svg>

After

Width:  |  Height:  |  Size: 51 KiB

570
charts/testdata/svg-basic-output.svg vendored Normal file
View File

@ -0,0 +1,570 @@
<svg viewBox="0 0 1188 176" xmlns="http://www.w3.org/2000/svg" xmlns:xlink= "http://www.w3.org/1999/xlink">
<g transform="translate(25, 23)">
<g transform="translate(0, 0)">
<rect class="day" width="18" height="18" x="0" y="44" fill="rgb(255,247,251)" data-count="0" data-date="2020-01-01"></rect>
<rect class="day" width="18" height="18" x="0" y="66" fill="rgb(255,247,251)" data-count="0" data-date="2020-01-02"></rect>
<rect class="day" width="18" height="18" x="0" y="88" fill="rgb(255,247,251)" data-count="0" data-date="2020-01-03"></rect>
<rect class="day" width="18" height="18" x="0" y="110" fill="rgb(255,247,251)" data-count="0" data-date="2020-01-04"></rect>
<rect class="day" width="18" height="18" x="0" y="132" fill="rgb(255,247,251)" data-count="0" data-date="2020-01-05"></rect>
</g>
<g transform="translate(22, 0)">
<rect class="day" width="18" height="18" x="0" y="0" fill="rgb(255,247,251)" data-count="0" data-date="2020-01-06"></rect>
<rect class="day" width="18" height="18" x="0" y="22" fill="rgb(255,247,251)" data-count="0" data-date="2020-01-07"></rect>
<rect class="day" width="18" height="18" x="0" y="44" fill="rgb(255,247,251)" data-count="0" data-date="2020-01-08"></rect>
<rect class="day" width="18" height="18" x="0" y="66" fill="rgb(255,247,251)" data-count="0" data-date="2020-01-09"></rect>
<rect class="day" width="18" height="18" x="0" y="88" fill="rgb(255,247,251)" data-count="0" data-date="2020-01-10"></rect>
<rect class="day" width="18" height="18" x="0" y="110" fill="rgb(255,247,251)" data-count="0" data-date="2020-01-11"></rect>
<rect class="day" width="18" height="18" x="0" y="132" fill="rgb(255,247,251)" data-count="0" data-date="2020-01-12"></rect>
</g>
<g transform="translate(44, 0)">
<rect class="day" width="18" height="18" x="0" y="0" fill="rgb(255,247,251)" data-count="0" data-date="2020-01-13"></rect>
<rect class="day" width="18" height="18" x="0" y="22" fill="rgb(255,247,251)" data-count="0" data-date="2020-01-14"></rect>
<rect class="day" width="18" height="18" x="0" y="44" fill="rgb(255,247,251)" data-count="0" data-date="2020-01-15"></rect>
<rect class="day" width="18" height="18" x="0" y="66" fill="rgb(255,247,251)" data-count="0" data-date="2020-01-16"></rect>
<rect class="day" width="18" height="18" x="0" y="88" fill="rgb(255,247,251)" data-count="0" data-date="2020-01-17"></rect>
<rect class="day" width="18" height="18" x="0" y="110" fill="rgb(255,247,251)" data-count="0" data-date="2020-01-18"></rect>
<rect class="day" width="18" height="18" x="0" y="132" fill="rgb(255,247,251)" data-count="0" data-date="2020-01-19"></rect>
</g>
<g transform="translate(66, 0)">
<rect class="day" width="18" height="18" x="0" y="0" fill="rgb(255,247,251)" data-count="0" data-date="2020-01-20"></rect>
<rect class="day" width="18" height="18" x="0" y="22" fill="rgb(255,247,251)" data-count="0" data-date="2020-01-21"></rect>
<rect class="day" width="18" height="18" x="0" y="44" fill="rgb(255,247,251)" data-count="0" data-date="2020-01-22"></rect>
<rect class="day" width="18" height="18" x="0" y="66" fill="rgb(255,247,251)" data-count="0" data-date="2020-01-23"></rect>
<rect class="day" width="18" height="18" x="0" y="88" fill="rgb(255,247,251)" data-count="0" data-date="2020-01-24"></rect>
<rect class="day" width="18" height="18" x="0" y="110" fill="rgb(255,247,251)" data-count="0" data-date="2020-01-25"></rect>
<rect class="day" width="18" height="18" x="0" y="132" fill="rgb(255,247,251)" data-count="0" data-date="2020-01-26"></rect>
</g>
<g transform="translate(88, 0)">
<rect class="day" width="18" height="18" x="0" y="0" fill="rgb(255,247,251)" data-count="0" data-date="2020-01-27"></rect>
<rect class="day" width="18" height="18" x="0" y="22" fill="rgb(255,247,251)" data-count="0" data-date="2020-01-28"></rect>
<rect class="day" width="18" height="18" x="0" y="44" fill="rgb(255,247,251)" data-count="0" data-date="2020-01-29"></rect>
<rect class="day" width="18" height="18" x="0" y="66" fill="rgb(255,247,251)" data-count="0" data-date="2020-01-30"></rect>
<rect class="day" width="18" height="18" x="0" y="88" fill="rgb(255,247,251)" data-count="0" data-date="2020-01-31"></rect>
<rect class="day" width="18" height="18" x="0" y="110" fill="rgb(255,247,251)" data-count="0" data-date="2020-02-01"></rect>
<rect class="day" width="18" height="18" x="0" y="132" fill="rgb(255,247,251)" data-count="0" data-date="2020-02-02"></rect>
</g>
<g transform="translate(110, 0)">
<rect class="day" width="18" height="18" x="0" y="0" fill="rgb(255,247,251)" data-count="0" data-date="2020-02-03"></rect>
<rect class="day" width="18" height="18" x="0" y="22" fill="rgb(255,247,251)" data-count="0" data-date="2020-02-04"></rect>
<rect class="day" width="18" height="18" x="0" y="44" fill="rgb(255,247,251)" data-count="0" data-date="2020-02-05"></rect>
<rect class="day" width="18" height="18" x="0" y="66" fill="rgb(255,247,251)" data-count="0" data-date="2020-02-06"></rect>
<rect class="day" width="18" height="18" x="0" y="88" fill="rgb(255,247,251)" data-count="0" data-date="2020-02-07"></rect>
<rect class="day" width="18" height="18" x="0" y="110" fill="rgb(255,247,251)" data-count="0" data-date="2020-02-08"></rect>
<rect class="day" width="18" height="18" x="0" y="132" fill="rgb(255,247,251)" data-count="0" data-date="2020-02-09"></rect>
</g>
<g transform="translate(132, 0)">
<rect class="day" width="18" height="18" x="0" y="0" fill="rgb(255,247,251)" data-count="0" data-date="2020-02-10"></rect>
<rect class="day" width="18" height="18" x="0" y="22" fill="rgb(255,247,251)" data-count="0" data-date="2020-02-11"></rect>
<rect class="day" width="18" height="18" x="0" y="44" fill="rgb(255,247,251)" data-count="0" data-date="2020-02-12"></rect>
<rect class="day" width="18" height="18" x="0" y="66" fill="rgb(255,247,251)" data-count="0" data-date="2020-02-13"></rect>
<rect class="day" width="18" height="18" x="0" y="88" fill="rgb(255,247,251)" data-count="0" data-date="2020-02-14"></rect>
<rect class="day" width="18" height="18" x="0" y="110" fill="rgb(255,247,251)" data-count="0" data-date="2020-02-15"></rect>
<rect class="day" width="18" height="18" x="0" y="132" fill="rgb(255,247,251)" data-count="0" data-date="2020-02-16"></rect>
</g>
<g transform="translate(154, 0)">
<rect class="day" width="18" height="18" x="0" y="0" fill="rgb(255,247,251)" data-count="0" data-date="2020-02-17"></rect>
<rect class="day" width="18" height="18" x="0" y="22" fill="rgb(255,247,251)" data-count="0" data-date="2020-02-18"></rect>
<rect class="day" width="18" height="18" x="0" y="44" fill="rgb(255,247,251)" data-count="0" data-date="2020-02-19"></rect>
<rect class="day" width="18" height="18" x="0" y="66" fill="rgb(255,247,251)" data-count="0" data-date="2020-02-20"></rect>
<rect class="day" width="18" height="18" x="0" y="88" fill="rgb(255,247,251)" data-count="0" data-date="2020-02-21"></rect>
<rect class="day" width="18" height="18" x="0" y="110" fill="rgb(255,247,251)" data-count="0" data-date="2020-02-22"></rect>
<rect class="day" width="18" height="18" x="0" y="132" fill="rgb(255,247,251)" data-count="0" data-date="2020-02-23"></rect>
</g>
<g transform="translate(176, 0)">
<rect class="day" width="18" height="18" x="0" y="0" fill="rgb(255,247,251)" data-count="0" data-date="2020-02-24"></rect>
<rect class="day" width="18" height="18" x="0" y="22" fill="rgb(255,247,251)" data-count="0" data-date="2020-02-25"></rect>
<rect class="day" width="18" height="18" x="0" y="44" fill="rgb(255,247,251)" data-count="0" data-date="2020-02-26"></rect>
<rect class="day" width="18" height="18" x="0" y="66" fill="rgb(255,247,251)" data-count="0" data-date="2020-02-27"></rect>
<rect class="day" width="18" height="18" x="0" y="88" fill="rgb(255,247,251)" data-count="0" data-date="2020-02-28"></rect>
<rect class="day" width="18" height="18" x="0" y="110" fill="rgb(255,247,251)" data-count="0" data-date="2020-02-29"></rect>
<rect class="day" width="18" height="18" x="0" y="132" fill="rgb(255,247,251)" data-count="0" data-date="2020-03-01"></rect>
</g>
<g transform="translate(198, 0)">
<rect class="day" width="18" height="18" x="0" y="0" fill="rgb(255,247,251)" data-count="0" data-date="2020-03-02"></rect>
<rect class="day" width="18" height="18" x="0" y="22" fill="rgb(255,247,251)" data-count="0" data-date="2020-03-03"></rect>
<rect class="day" width="18" height="18" x="0" y="44" fill="rgb(255,247,251)" data-count="0" data-date="2020-03-04"></rect>
<rect class="day" width="18" height="18" x="0" y="66" fill="rgb(255,247,251)" data-count="0" data-date="2020-03-05"></rect>
<rect class="day" width="18" height="18" x="0" y="88" fill="rgb(255,247,251)" data-count="0" data-date="2020-03-06"></rect>
<rect class="day" width="18" height="18" x="0" y="110" fill="rgb(255,247,251)" data-count="0" data-date="2020-03-07"></rect>
<rect class="day" width="18" height="18" x="0" y="132" fill="rgb(255,247,251)" data-count="0" data-date="2020-03-08"></rect>
</g>
<g transform="translate(220, 0)">
<rect class="day" width="18" height="18" x="0" y="0" fill="rgb(255,247,251)" data-count="0" data-date="2020-03-09"></rect>
<rect class="day" width="18" height="18" x="0" y="22" fill="rgb(255,247,251)" data-count="0" data-date="2020-03-10"></rect>
<rect class="day" width="18" height="18" x="0" y="44" fill="rgb(255,247,251)" data-count="0" data-date="2020-03-11"></rect>
<rect class="day" width="18" height="18" x="0" y="66" fill="rgb(255,247,251)" data-count="0" data-date="2020-03-12"></rect>
<rect class="day" width="18" height="18" x="0" y="88" fill="rgb(255,247,251)" data-count="0" data-date="2020-03-13"></rect>
<rect class="day" width="18" height="18" x="0" y="110" fill="rgb(255,247,251)" data-count="0" data-date="2020-03-14"></rect>
<rect class="day" width="18" height="18" x="0" y="132" fill="rgb(255,247,251)" data-count="0" data-date="2020-03-15"></rect>
</g>
<g transform="translate(242, 0)">
<rect class="day" width="18" height="18" x="0" y="0" fill="rgb(255,247,251)" data-count="0" data-date="2020-03-16"></rect>
<rect class="day" width="18" height="18" x="0" y="22" fill="rgb(255,247,251)" data-count="0" data-date="2020-03-17"></rect>
<rect class="day" width="18" height="18" x="0" y="44" fill="rgb(255,247,251)" data-count="0" data-date="2020-03-18"></rect>
<rect class="day" width="18" height="18" x="0" y="66" fill="rgb(255,247,251)" data-count="0" data-date="2020-03-19"></rect>
<rect class="day" width="18" height="18" x="0" y="88" fill="rgb(255,247,251)" data-count="0" data-date="2020-03-20"></rect>
<rect class="day" width="18" height="18" x="0" y="110" fill="rgb(255,247,251)" data-count="0" data-date="2020-03-21"></rect>
<rect class="day" width="18" height="18" x="0" y="132" fill="rgb(255,247,251)" data-count="0" data-date="2020-03-22"></rect>
</g>
<g transform="translate(264, 0)">
<rect class="day" width="18" height="18" x="0" y="0" fill="rgb(255,247,251)" data-count="0" data-date="2020-03-23"></rect>
<rect class="day" width="18" height="18" x="0" y="22" fill="rgb(255,247,251)" data-count="0" data-date="2020-03-24"></rect>
<rect class="day" width="18" height="18" x="0" y="44" fill="rgb(255,247,251)" data-count="0" data-date="2020-03-25"></rect>
<rect class="day" width="18" height="18" x="0" y="66" fill="rgb(255,247,251)" data-count="0" data-date="2020-03-26"></rect>
<rect class="day" width="18" height="18" x="0" y="88" fill="rgb(255,247,251)" data-count="0" data-date="2020-03-27"></rect>
<rect class="day" width="18" height="18" x="0" y="110" fill="rgb(255,247,251)" data-count="0" data-date="2020-03-28"></rect>
<rect class="day" width="18" height="18" x="0" y="132" fill="rgb(255,247,251)" data-count="0" data-date="2020-03-29"></rect>
</g>
<g transform="translate(286, 0)">
<rect class="day" width="18" height="18" x="0" y="0" fill="rgb(255,247,251)" data-count="0" data-date="2020-03-30"></rect>
<rect class="day" width="18" height="18" x="0" y="22" fill="rgb(255,247,251)" data-count="0" data-date="2020-03-31"></rect>
<rect class="day" width="18" height="18" x="0" y="44" fill="rgb(255,247,251)" data-count="0" data-date="2020-04-01"></rect>
<rect class="day" width="18" height="18" x="0" y="66" fill="rgb(255,247,251)" data-count="0" data-date="2020-04-02"></rect>
<rect class="day" width="18" height="18" x="0" y="88" fill="rgb(255,247,251)" data-count="0" data-date="2020-04-03"></rect>
<rect class="day" width="18" height="18" x="0" y="110" fill="rgb(255,247,251)" data-count="0" data-date="2020-04-04"></rect>
<rect class="day" width="18" height="18" x="0" y="132" fill="rgb(255,247,251)" data-count="0" data-date="2020-04-05"></rect>
</g>
<g transform="translate(308, 0)">
<rect class="day" width="18" height="18" x="0" y="0" fill="rgb(255,247,251)" data-count="0" data-date="2020-04-06"></rect>
<rect class="day" width="18" height="18" x="0" y="22" fill="rgb(255,247,251)" data-count="0" data-date="2020-04-07"></rect>
<rect class="day" width="18" height="18" x="0" y="44" fill="rgb(255,247,251)" data-count="0" data-date="2020-04-08"></rect>
<rect class="day" width="18" height="18" x="0" y="66" fill="rgb(255,247,251)" data-count="0" data-date="2020-04-09"></rect>
<rect class="day" width="18" height="18" x="0" y="88" fill="rgb(255,247,251)" data-count="0" data-date="2020-04-10"></rect>
<rect class="day" width="18" height="18" x="0" y="110" fill="rgb(255,247,251)" data-count="0" data-date="2020-04-11"></rect>
<rect class="day" width="18" height="18" x="0" y="132" fill="rgb(255,247,251)" data-count="0" data-date="2020-04-12"></rect>
</g>
<g transform="translate(330, 0)">
<rect class="day" width="18" height="18" x="0" y="0" fill="rgb(255,247,251)" data-count="0" data-date="2020-04-13"></rect>
<rect class="day" width="18" height="18" x="0" y="22" fill="rgb(255,247,251)" data-count="0" data-date="2020-04-14"></rect>
<rect class="day" width="18" height="18" x="0" y="44" fill="rgb(255,247,251)" data-count="0" data-date="2020-04-15"></rect>
<rect class="day" width="18" height="18" x="0" y="66" fill="rgb(255,247,251)" data-count="0" data-date="2020-04-16"></rect>
<rect class="day" width="18" height="18" x="0" y="88" fill="rgb(255,247,251)" data-count="0" data-date="2020-04-17"></rect>
<rect class="day" width="18" height="18" x="0" y="110" fill="rgb(255,247,251)" data-count="0" data-date="2020-04-18"></rect>
<rect class="day" width="18" height="18" x="0" y="132" fill="rgb(255,247,251)" data-count="0" data-date="2020-04-19"></rect>
</g>
<g transform="translate(352, 0)">
<rect class="day" width="18" height="18" x="0" y="0" fill="rgb(255,247,251)" data-count="0" data-date="2020-04-20"></rect>
<rect class="day" width="18" height="18" x="0" y="22" fill="rgb(255,247,251)" data-count="0" data-date="2020-04-21"></rect>
<rect class="day" width="18" height="18" x="0" y="44" fill="rgb(255,247,251)" data-count="0" data-date="2020-04-22"></rect>
<rect class="day" width="18" height="18" x="0" y="66" fill="rgb(255,247,251)" data-count="0" data-date="2020-04-23"></rect>
<rect class="day" width="18" height="18" x="0" y="88" fill="rgb(255,247,251)" data-count="0" data-date="2020-04-24"></rect>
<rect class="day" width="18" height="18" x="0" y="110" fill="rgb(255,247,251)" data-count="0" data-date="2020-04-25"></rect>
<rect class="day" width="18" height="18" x="0" y="132" fill="rgb(255,247,251)" data-count="0" data-date="2020-04-26"></rect>
</g>
<g transform="translate(374, 0)">
<rect class="day" width="18" height="18" x="0" y="0" fill="rgb(255,247,251)" data-count="0" data-date="2020-04-27"></rect>
<rect class="day" width="18" height="18" x="0" y="22" fill="rgb(255,247,251)" data-count="0" data-date="2020-04-28"></rect>
<rect class="day" width="18" height="18" x="0" y="44" fill="rgb(255,247,251)" data-count="0" data-date="2020-04-29"></rect>
<rect class="day" width="18" height="18" x="0" y="66" fill="rgb(255,247,251)" data-count="0" data-date="2020-04-30"></rect>
<rect class="day" width="18" height="18" x="0" y="88" fill="rgb(255,247,251)" data-count="0" data-date="2020-05-01"></rect>
<rect class="day" width="18" height="18" x="0" y="110" fill="rgb(255,247,251)" data-count="0" data-date="2020-05-02"></rect>
<rect class="day" width="18" height="18" x="0" y="132" fill="rgb(255,247,251)" data-count="0" data-date="2020-05-03"></rect>
</g>
<g transform="translate(396, 0)">
<rect class="day" width="18" height="18" x="0" y="0" fill="rgb(255,247,251)" data-count="0" data-date="2020-05-04"></rect>
<rect class="day" width="18" height="18" x="0" y="22" fill="rgb(255,247,251)" data-count="0" data-date="2020-05-05"></rect>
<rect class="day" width="18" height="18" x="0" y="44" fill="rgb(255,247,251)" data-count="0" data-date="2020-05-06"></rect>
<rect class="day" width="18" height="18" x="0" y="66" fill="rgb(255,247,251)" data-count="0" data-date="2020-05-07"></rect>
<rect class="day" width="18" height="18" x="0" y="88" fill="rgb(255,247,251)" data-count="0" data-date="2020-05-08"></rect>
<rect class="day" width="18" height="18" x="0" y="110" fill="rgb(255,247,251)" data-count="0" data-date="2020-05-09"></rect>
<rect class="day" width="18" height="18" x="0" y="132" fill="rgb(255,247,251)" data-count="0" data-date="2020-05-10"></rect>
</g>
<g transform="translate(418, 0)">
<rect class="day" width="18" height="18" x="0" y="0" fill="rgb(255,247,251)" data-count="0" data-date="2020-05-11"></rect>
<rect class="day" width="18" height="18" x="0" y="22" fill="rgb(255,247,251)" data-count="0" data-date="2020-05-12"></rect>
<rect class="day" width="18" height="18" x="0" y="44" fill="rgb(255,247,251)" data-count="0" data-date="2020-05-13"></rect>
<rect class="day" width="18" height="18" x="0" y="66" fill="rgb(255,247,251)" data-count="0" data-date="2020-05-14"></rect>
<rect class="day" width="18" height="18" x="0" y="88" fill="rgb(255,247,251)" data-count="0" data-date="2020-05-15"></rect>
<rect class="day" width="18" height="18" x="0" y="110" fill="rgb(54,144,192)" data-count="8" data-date="2020-05-16"></rect>
<rect class="day" width="18" height="18" x="0" y="132" fill="rgb(2,56,88)" data-count="13" data-date="2020-05-17"></rect>
</g>
<g transform="translate(440, 0)">
<rect class="day" width="18" height="18" x="0" y="0" fill="rgb(166,189,219)" data-count="5" data-date="2020-05-18"></rect>
<rect class="day" width="18" height="18" x="0" y="22" fill="rgb(54,144,192)" data-count="8" data-date="2020-05-19"></rect>
<rect class="day" width="18" height="18" x="0" y="44" fill="rgb(166,189,219)" data-count="5" data-date="2020-05-20"></rect>
<rect class="day" width="18" height="18" x="0" y="66" fill="rgb(166,189,219)" data-count="5" data-date="2020-05-21"></rect>
<rect class="day" width="18" height="18" x="0" y="88" fill="rgb(208,209,230)" data-count="3" data-date="2020-05-22"></rect>
<rect class="day" width="18" height="18" x="0" y="110" fill="rgb(166,189,219)" data-count="5" data-date="2020-05-23"></rect>
<rect class="day" width="18" height="18" x="0" y="132" fill="rgb(116,169,207)" data-count="6" data-date="2020-05-24"></rect>
</g>
<g transform="translate(462, 0)">
<rect class="day" width="18" height="18" x="0" y="0" fill="rgb(208,209,230)" data-count="3" data-date="2020-05-25"></rect>
<rect class="day" width="18" height="18" x="0" y="22" fill="rgb(166,189,219)" data-count="5" data-date="2020-05-26"></rect>
<rect class="day" width="18" height="18" x="0" y="44" fill="rgb(54,144,192)" data-count="8" data-date="2020-05-27"></rect>
<rect class="day" width="18" height="18" x="0" y="66" fill="rgb(236,231,242)" data-count="2" data-date="2020-05-28"></rect>
<rect class="day" width="18" height="18" x="0" y="88" fill="rgb(236,231,242)" data-count="2" data-date="2020-05-29"></rect>
<rect class="day" width="18" height="18" x="0" y="110" fill="rgb(54,144,192)" data-count="8" data-date="2020-05-30"></rect>
<rect class="day" width="18" height="18" x="0" y="132" fill="rgb(166,189,219)" data-count="5" data-date="2020-05-31"></rect>
</g>
<g transform="translate(484, 0)">
<rect class="day" width="18" height="18" x="0" y="0" fill="rgb(236,231,242)" data-count="1" data-date="2020-06-01"></rect>
<rect class="day" width="18" height="18" x="0" y="22" fill="rgb(208,209,230)" data-count="3" data-date="2020-06-02"></rect>
<rect class="day" width="18" height="18" x="0" y="44" fill="rgb(236,231,242)" data-count="1" data-date="2020-06-03"></rect>
<rect class="day" width="18" height="18" x="0" y="66" fill="rgb(208,209,230)" data-count="3" data-date="2020-06-04"></rect>
<rect class="day" width="18" height="18" x="0" y="88" fill="rgb(236,231,242)" data-count="1" data-date="2020-06-05"></rect>
<rect class="day" width="18" height="18" x="0" y="110" fill="rgb(208,209,230)" data-count="3" data-date="2020-06-06"></rect>
<rect class="day" width="18" height="18" x="0" y="132" fill="rgb(166,189,219)" data-count="5" data-date="2020-06-07"></rect>
</g>
<g transform="translate(506, 0)">
<rect class="day" width="18" height="18" x="0" y="0" fill="rgb(255,247,251)" data-count="0" data-date="2020-06-08"></rect>
<rect class="day" width="18" height="18" x="0" y="22" fill="rgb(236,231,242)" data-count="1" data-date="2020-06-09"></rect>
<rect class="day" width="18" height="18" x="0" y="44" fill="rgb(236,231,242)" data-count="2" data-date="2020-06-10"></rect>
<rect class="day" width="18" height="18" x="0" y="66" fill="rgb(255,247,251)" data-count="0" data-date="2020-06-11"></rect>
<rect class="day" width="18" height="18" x="0" y="88" fill="rgb(5,112,176)" data-count="9" data-date="2020-06-12"></rect>
<rect class="day" width="18" height="18" x="0" y="110" fill="rgb(116,169,207)" data-count="7" data-date="2020-06-13"></rect>
<rect class="day" width="18" height="18" x="0" y="132" fill="rgb(208,209,230)" data-count="4" data-date="2020-06-14"></rect>
</g>
<g transform="translate(528, 0)">
<rect class="day" width="18" height="18" x="0" y="0" fill="rgb(236,231,242)" data-count="1" data-date="2020-06-15"></rect>
<rect class="day" width="18" height="18" x="0" y="22" fill="rgb(255,247,251)" data-count="0" data-date="2020-06-16"></rect>
<rect class="day" width="18" height="18" x="0" y="44" fill="rgb(236,231,242)" data-count="1" data-date="2020-06-17"></rect>
<rect class="day" width="18" height="18" x="0" y="66" fill="rgb(255,247,251)" data-count="0" data-date="2020-06-18"></rect>
<rect class="day" width="18" height="18" x="0" y="88" fill="rgb(255,247,251)" data-count="0" data-date="2020-06-19"></rect>
<rect class="day" width="18" height="18" x="0" y="110" fill="rgb(236,231,242)" data-count="2" data-date="2020-06-20"></rect>
<rect class="day" width="18" height="18" x="0" y="132" fill="rgb(236,231,242)" data-count="1" data-date="2020-06-21"></rect>
</g>
<g transform="translate(550, 0)">
<rect class="day" width="18" height="18" x="0" y="0" fill="rgb(255,247,251)" data-count="0" data-date="2020-06-22"></rect>
<rect class="day" width="18" height="18" x="0" y="22" fill="rgb(236,231,242)" data-count="2" data-date="2020-06-23"></rect>
<rect class="day" width="18" height="18" x="0" y="44" fill="rgb(236,231,242)" data-count="2" data-date="2020-06-24"></rect>
<rect class="day" width="18" height="18" x="0" y="66" fill="rgb(208,209,230)" data-count="3" data-date="2020-06-25"></rect>
<rect class="day" width="18" height="18" x="0" y="88" fill="rgb(208,209,230)" data-count="3" data-date="2020-06-26"></rect>
<rect class="day" width="18" height="18" x="0" y="110" fill="rgb(236,231,242)" data-count="2" data-date="2020-06-27"></rect>
<rect class="day" width="18" height="18" x="0" y="132" fill="rgb(236,231,242)" data-count="1" data-date="2020-06-28"></rect>
</g>
<g transform="translate(572, 0)">
<rect class="day" width="18" height="18" x="0" y="0" fill="rgb(236,231,242)" data-count="1" data-date="2020-06-29"></rect>
<rect class="day" width="18" height="18" x="0" y="22" fill="rgb(236,231,242)" data-count="2" data-date="2020-06-30"></rect>
<rect class="day" width="18" height="18" x="0" y="44" fill="rgb(255,247,251)" data-count="0" data-date="2020-07-01"></rect>
<rect class="day" width="18" height="18" x="0" y="66" fill="rgb(255,247,251)" data-count="0" data-date="2020-07-02"></rect>
<rect class="day" width="18" height="18" x="0" y="88" fill="rgb(255,247,251)" data-count="0" data-date="2020-07-03"></rect>
<rect class="day" width="18" height="18" x="0" y="110" fill="rgb(255,247,251)" data-count="0" data-date="2020-07-04"></rect>
<rect class="day" width="18" height="18" x="0" y="132" fill="rgb(255,247,251)" data-count="0" data-date="2020-07-05"></rect>
</g>
<g transform="translate(594, 0)">
<rect class="day" width="18" height="18" x="0" y="0" fill="rgb(255,247,251)" data-count="0" data-date="2020-07-06"></rect>
<rect class="day" width="18" height="18" x="0" y="22" fill="rgb(255,247,251)" data-count="0" data-date="2020-07-07"></rect>
<rect class="day" width="18" height="18" x="0" y="44" fill="rgb(255,247,251)" data-count="0" data-date="2020-07-08"></rect>
<rect class="day" width="18" height="18" x="0" y="66" fill="rgb(255,247,251)" data-count="0" data-date="2020-07-09"></rect>
<rect class="day" width="18" height="18" x="0" y="88" fill="rgb(255,247,251)" data-count="0" data-date="2020-07-10"></rect>
<rect class="day" width="18" height="18" x="0" y="110" fill="rgb(255,247,251)" data-count="0" data-date="2020-07-11"></rect>
<rect class="day" width="18" height="18" x="0" y="132" fill="rgb(255,247,251)" data-count="0" data-date="2020-07-12"></rect>
</g>
<g transform="translate(616, 0)">
<rect class="day" width="18" height="18" x="0" y="0" fill="rgb(255,247,251)" data-count="0" data-date="2020-07-13"></rect>
<rect class="day" width="18" height="18" x="0" y="22" fill="rgb(255,247,251)" data-count="0" data-date="2020-07-14"></rect>
<rect class="day" width="18" height="18" x="0" y="44" fill="rgb(255,247,251)" data-count="0" data-date="2020-07-15"></rect>
<rect class="day" width="18" height="18" x="0" y="66" fill="rgb(255,247,251)" data-count="0" data-date="2020-07-16"></rect>
<rect class="day" width="18" height="18" x="0" y="88" fill="rgb(255,247,251)" data-count="0" data-date="2020-07-17"></rect>
<rect class="day" width="18" height="18" x="0" y="110" fill="rgb(255,247,251)" data-count="0" data-date="2020-07-18"></rect>
<rect class="day" width="18" height="18" x="0" y="132" fill="rgb(255,247,251)" data-count="0" data-date="2020-07-19"></rect>
</g>
<g transform="translate(638, 0)">
<rect class="day" width="18" height="18" x="0" y="0" fill="rgb(255,247,251)" data-count="0" data-date="2020-07-20"></rect>
<rect class="day" width="18" height="18" x="0" y="22" fill="rgb(255,247,251)" data-count="0" data-date="2020-07-21"></rect>
<rect class="day" width="18" height="18" x="0" y="44" fill="rgb(255,247,251)" data-count="0" data-date="2020-07-22"></rect>
<rect class="day" width="18" height="18" x="0" y="66" fill="rgb(255,247,251)" data-count="0" data-date="2020-07-23"></rect>
<rect class="day" width="18" height="18" x="0" y="88" fill="rgb(255,247,251)" data-count="0" data-date="2020-07-24"></rect>
<rect class="day" width="18" height="18" x="0" y="110" fill="rgb(255,247,251)" data-count="0" data-date="2020-07-25"></rect>
<rect class="day" width="18" height="18" x="0" y="132" fill="rgb(255,247,251)" data-count="0" data-date="2020-07-26"></rect>
</g>
<g transform="translate(660, 0)">
<rect class="day" width="18" height="18" x="0" y="0" fill="rgb(255,247,251)" data-count="0" data-date="2020-07-27"></rect>
<rect class="day" width="18" height="18" x="0" y="22" fill="rgb(255,247,251)" data-count="0" data-date="2020-07-28"></rect>
<rect class="day" width="18" height="18" x="0" y="44" fill="rgb(255,247,251)" data-count="0" data-date="2020-07-29"></rect>
<rect class="day" width="18" height="18" x="0" y="66" fill="rgb(255,247,251)" data-count="0" data-date="2020-07-30"></rect>
<rect class="day" width="18" height="18" x="0" y="88" fill="rgb(255,247,251)" data-count="0" data-date="2020-07-31"></rect>
<rect class="day" width="18" height="18" x="0" y="110" fill="rgb(255,247,251)" data-count="0" data-date="2020-08-01"></rect>
<rect class="day" width="18" height="18" x="0" y="132" fill="rgb(255,247,251)" data-count="0" data-date="2020-08-02"></rect>
</g>
<g transform="translate(682, 0)">
<rect class="day" width="18" height="18" x="0" y="0" fill="rgb(255,247,251)" data-count="0" data-date="2020-08-03"></rect>
<rect class="day" width="18" height="18" x="0" y="22" fill="rgb(255,247,251)" data-count="0" data-date="2020-08-04"></rect>
<rect class="day" width="18" height="18" x="0" y="44" fill="rgb(255,247,251)" data-count="0" data-date="2020-08-05"></rect>
<rect class="day" width="18" height="18" x="0" y="66" fill="rgb(255,247,251)" data-count="0" data-date="2020-08-06"></rect>
<rect class="day" width="18" height="18" x="0" y="88" fill="rgb(255,247,251)" data-count="0" data-date="2020-08-07"></rect>
<rect class="day" width="18" height="18" x="0" y="110" fill="rgb(255,247,251)" data-count="0" data-date="2020-08-08"></rect>
<rect class="day" width="18" height="18" x="0" y="132" fill="rgb(255,247,251)" data-count="0" data-date="2020-08-09"></rect>
</g>
<g transform="translate(704, 0)">
<rect class="day" width="18" height="18" x="0" y="0" fill="rgb(255,247,251)" data-count="0" data-date="2020-08-10"></rect>
<rect class="day" width="18" height="18" x="0" y="22" fill="rgb(255,247,251)" data-count="0" data-date="2020-08-11"></rect>
<rect class="day" width="18" height="18" x="0" y="44" fill="rgb(255,247,251)" data-count="0" data-date="2020-08-12"></rect>
<rect class="day" width="18" height="18" x="0" y="66" fill="rgb(255,247,251)" data-count="0" data-date="2020-08-13"></rect>
<rect class="day" width="18" height="18" x="0" y="88" fill="rgb(255,247,251)" data-count="0" data-date="2020-08-14"></rect>
<rect class="day" width="18" height="18" x="0" y="110" fill="rgb(255,247,251)" data-count="0" data-date="2020-08-15"></rect>
<rect class="day" width="18" height="18" x="0" y="132" fill="rgb(255,247,251)" data-count="0" data-date="2020-08-16"></rect>
</g>
<g transform="translate(726, 0)">
<rect class="day" width="18" height="18" x="0" y="0" fill="rgb(255,247,251)" data-count="0" data-date="2020-08-17"></rect>
<rect class="day" width="18" height="18" x="0" y="22" fill="rgb(255,247,251)" data-count="0" data-date="2020-08-18"></rect>
<rect class="day" width="18" height="18" x="0" y="44" fill="rgb(255,247,251)" data-count="0" data-date="2020-08-19"></rect>
<rect class="day" width="18" height="18" x="0" y="66" fill="rgb(255,247,251)" data-count="0" data-date="2020-08-20"></rect>
<rect class="day" width="18" height="18" x="0" y="88" fill="rgb(255,247,251)" data-count="0" data-date="2020-08-21"></rect>
<rect class="day" width="18" height="18" x="0" y="110" fill="rgb(255,247,251)" data-count="0" data-date="2020-08-22"></rect>
<rect class="day" width="18" height="18" x="0" y="132" fill="rgb(255,247,251)" data-count="0" data-date="2020-08-23"></rect>
</g>
<g transform="translate(748, 0)">
<rect class="day" width="18" height="18" x="0" y="0" fill="rgb(255,247,251)" data-count="0" data-date="2020-08-24"></rect>
<rect class="day" width="18" height="18" x="0" y="22" fill="rgb(255,247,251)" data-count="0" data-date="2020-08-25"></rect>
<rect class="day" width="18" height="18" x="0" y="44" fill="rgb(255,247,251)" data-count="0" data-date="2020-08-26"></rect>
<rect class="day" width="18" height="18" x="0" y="66" fill="rgb(255,247,251)" data-count="0" data-date="2020-08-27"></rect>
<rect class="day" width="18" height="18" x="0" y="88" fill="rgb(255,247,251)" data-count="0" data-date="2020-08-28"></rect>
<rect class="day" width="18" height="18" x="0" y="110" fill="rgb(255,247,251)" data-count="0" data-date="2020-08-29"></rect>
<rect class="day" width="18" height="18" x="0" y="132" fill="rgb(255,247,251)" data-count="0" data-date="2020-08-30"></rect>
</g>
<g transform="translate(770, 0)">
<rect class="day" width="18" height="18" x="0" y="0" fill="rgb(255,247,251)" data-count="0" data-date="2020-08-31"></rect>
<rect class="day" width="18" height="18" x="0" y="22" fill="rgb(255,247,251)" data-count="0" data-date="2020-09-01"></rect>
<rect class="day" width="18" height="18" x="0" y="44" fill="rgb(255,247,251)" data-count="0" data-date="2020-09-02"></rect>
<rect class="day" width="18" height="18" x="0" y="66" fill="rgb(255,247,251)" data-count="0" data-date="2020-09-03"></rect>
<rect class="day" width="18" height="18" x="0" y="88" fill="rgb(255,247,251)" data-count="0" data-date="2020-09-04"></rect>
<rect class="day" width="18" height="18" x="0" y="110" fill="rgb(255,247,251)" data-count="0" data-date="2020-09-05"></rect>
<rect class="day" width="18" height="18" x="0" y="132" fill="rgb(255,247,251)" data-count="0" data-date="2020-09-06"></rect>
</g>
<g transform="translate(792, 0)">
<rect class="day" width="18" height="18" x="0" y="0" fill="rgb(255,247,251)" data-count="0" data-date="2020-09-07"></rect>
<rect class="day" width="18" height="18" x="0" y="22" fill="rgb(255,247,251)" data-count="0" data-date="2020-09-08"></rect>
<rect class="day" width="18" height="18" x="0" y="44" fill="rgb(255,247,251)" data-count="0" data-date="2020-09-09"></rect>
<rect class="day" width="18" height="18" x="0" y="66" fill="rgb(255,247,251)" data-count="0" data-date="2020-09-10"></rect>
<rect class="day" width="18" height="18" x="0" y="88" fill="rgb(255,247,251)" data-count="0" data-date="2020-09-11"></rect>
<rect class="day" width="18" height="18" x="0" y="110" fill="rgb(255,247,251)" data-count="0" data-date="2020-09-12"></rect>
<rect class="day" width="18" height="18" x="0" y="132" fill="rgb(255,247,251)" data-count="0" data-date="2020-09-13"></rect>
</g>
<g transform="translate(814, 0)">
<rect class="day" width="18" height="18" x="0" y="0" fill="rgb(255,247,251)" data-count="0" data-date="2020-09-14"></rect>
<rect class="day" width="18" height="18" x="0" y="22" fill="rgb(255,247,251)" data-count="0" data-date="2020-09-15"></rect>
<rect class="day" width="18" height="18" x="0" y="44" fill="rgb(255,247,251)" data-count="0" data-date="2020-09-16"></rect>
<rect class="day" width="18" height="18" x="0" y="66" fill="rgb(255,247,251)" data-count="0" data-date="2020-09-17"></rect>
<rect class="day" width="18" height="18" x="0" y="88" fill="rgb(255,247,251)" data-count="0" data-date="2020-09-18"></rect>
<rect class="day" width="18" height="18" x="0" y="110" fill="rgb(255,247,251)" data-count="0" data-date="2020-09-19"></rect>
<rect class="day" width="18" height="18" x="0" y="132" fill="rgb(255,247,251)" data-count="0" data-date="2020-09-20"></rect>
</g>
<g transform="translate(836, 0)">
<rect class="day" width="18" height="18" x="0" y="0" fill="rgb(255,247,251)" data-count="0" data-date="2020-09-21"></rect>
<rect class="day" width="18" height="18" x="0" y="22" fill="rgb(255,247,251)" data-count="0" data-date="2020-09-22"></rect>
<rect class="day" width="18" height="18" x="0" y="44" fill="rgb(255,247,251)" data-count="0" data-date="2020-09-23"></rect>
<rect class="day" width="18" height="18" x="0" y="66" fill="rgb(255,247,251)" data-count="0" data-date="2020-09-24"></rect>
<rect class="day" width="18" height="18" x="0" y="88" fill="rgb(255,247,251)" data-count="0" data-date="2020-09-25"></rect>
<rect class="day" width="18" height="18" x="0" y="110" fill="rgb(255,247,251)" data-count="0" data-date="2020-09-26"></rect>
<rect class="day" width="18" height="18" x="0" y="132" fill="rgb(255,247,251)" data-count="0" data-date="2020-09-27"></rect>
</g>
<g transform="translate(858, 0)">
<rect class="day" width="18" height="18" x="0" y="0" fill="rgb(255,247,251)" data-count="0" data-date="2020-09-28"></rect>
<rect class="day" width="18" height="18" x="0" y="22" fill="rgb(255,247,251)" data-count="0" data-date="2020-09-29"></rect>
<rect class="day" width="18" height="18" x="0" y="44" fill="rgb(255,247,251)" data-count="0" data-date="2020-09-30"></rect>
<rect class="day" width="18" height="18" x="0" y="66" fill="rgb(255,247,251)" data-count="0" data-date="2020-10-01"></rect>
<rect class="day" width="18" height="18" x="0" y="88" fill="rgb(255,247,251)" data-count="0" data-date="2020-10-02"></rect>
<rect class="day" width="18" height="18" x="0" y="110" fill="rgb(255,247,251)" data-count="0" data-date="2020-10-03"></rect>
<rect class="day" width="18" height="18" x="0" y="132" fill="rgb(255,247,251)" data-count="0" data-date="2020-10-04"></rect>
</g>
<g transform="translate(880, 0)">
<rect class="day" width="18" height="18" x="0" y="0" fill="rgb(255,247,251)" data-count="0" data-date="2020-10-05"></rect>
<rect class="day" width="18" height="18" x="0" y="22" fill="rgb(255,247,251)" data-count="0" data-date="2020-10-06"></rect>
<rect class="day" width="18" height="18" x="0" y="44" fill="rgb(255,247,251)" data-count="0" data-date="2020-10-07"></rect>
<rect class="day" width="18" height="18" x="0" y="66" fill="rgb(255,247,251)" data-count="0" data-date="2020-10-08"></rect>
<rect class="day" width="18" height="18" x="0" y="88" fill="rgb(255,247,251)" data-count="0" data-date="2020-10-09"></rect>
<rect class="day" width="18" height="18" x="0" y="110" fill="rgb(255,247,251)" data-count="0" data-date="2020-10-10"></rect>
<rect class="day" width="18" height="18" x="0" y="132" fill="rgb(255,247,251)" data-count="0" data-date="2020-10-11"></rect>
</g>
<g transform="translate(902, 0)">
<rect class="day" width="18" height="18" x="0" y="0" fill="rgb(255,247,251)" data-count="0" data-date="2020-10-12"></rect>
<rect class="day" width="18" height="18" x="0" y="22" fill="rgb(255,247,251)" data-count="0" data-date="2020-10-13"></rect>
<rect class="day" width="18" height="18" x="0" y="44" fill="rgb(255,247,251)" data-count="0" data-date="2020-10-14"></rect>
<rect class="day" width="18" height="18" x="0" y="66" fill="rgb(255,247,251)" data-count="0" data-date="2020-10-15"></rect>
<rect class="day" width="18" height="18" x="0" y="88" fill="rgb(255,247,251)" data-count="0" data-date="2020-10-16"></rect>
<rect class="day" width="18" height="18" x="0" y="110" fill="rgb(255,247,251)" data-count="0" data-date="2020-10-17"></rect>
<rect class="day" width="18" height="18" x="0" y="132" fill="rgb(255,247,251)" data-count="0" data-date="2020-10-18"></rect>
</g>
<g transform="translate(924, 0)">
<rect class="day" width="18" height="18" x="0" y="0" fill="rgb(255,247,251)" data-count="0" data-date="2020-10-19"></rect>
<rect class="day" width="18" height="18" x="0" y="22" fill="rgb(255,247,251)" data-count="0" data-date="2020-10-20"></rect>
<rect class="day" width="18" height="18" x="0" y="44" fill="rgb(255,247,251)" data-count="0" data-date="2020-10-21"></rect>
<rect class="day" width="18" height="18" x="0" y="66" fill="rgb(255,247,251)" data-count="0" data-date="2020-10-22"></rect>
<rect class="day" width="18" height="18" x="0" y="88" fill="rgb(255,247,251)" data-count="0" data-date="2020-10-23"></rect>
<rect class="day" width="18" height="18" x="0" y="110" fill="rgb(255,247,251)" data-count="0" data-date="2020-10-24"></rect>
<rect class="day" width="18" height="18" x="0" y="132" fill="rgb(255,247,251)" data-count="0" data-date="2020-10-25"></rect>
</g>
<g transform="translate(946, 0)">
<rect class="day" width="18" height="18" x="0" y="0" fill="rgb(255,247,251)" data-count="0" data-date="2020-10-26"></rect>
<rect class="day" width="18" height="18" x="0" y="22" fill="rgb(255,247,251)" data-count="0" data-date="2020-10-27"></rect>
<rect class="day" width="18" height="18" x="0" y="44" fill="rgb(255,247,251)" data-count="0" data-date="2020-10-28"></rect>
<rect class="day" width="18" height="18" x="0" y="66" fill="rgb(255,247,251)" data-count="0" data-date="2020-10-29"></rect>
<rect class="day" width="18" height="18" x="0" y="88" fill="rgb(255,247,251)" data-count="0" data-date="2020-10-30"></rect>
<rect class="day" width="18" height="18" x="0" y="110" fill="rgb(255,247,251)" data-count="0" data-date="2020-10-31"></rect>
<rect class="day" width="18" height="18" x="0" y="132" fill="rgb(255,247,251)" data-count="0" data-date="2020-11-01"></rect>
</g>
<g transform="translate(968, 0)">
<rect class="day" width="18" height="18" x="0" y="0" fill="rgb(255,247,251)" data-count="0" data-date="2020-11-02"></rect>
<rect class="day" width="18" height="18" x="0" y="22" fill="rgb(255,247,251)" data-count="0" data-date="2020-11-03"></rect>
<rect class="day" width="18" height="18" x="0" y="44" fill="rgb(255,247,251)" data-count="0" data-date="2020-11-04"></rect>
<rect class="day" width="18" height="18" x="0" y="66" fill="rgb(255,247,251)" data-count="0" data-date="2020-11-05"></rect>
<rect class="day" width="18" height="18" x="0" y="88" fill="rgb(255,247,251)" data-count="0" data-date="2020-11-06"></rect>
<rect class="day" width="18" height="18" x="0" y="110" fill="rgb(255,247,251)" data-count="0" data-date="2020-11-07"></rect>
<rect class="day" width="18" height="18" x="0" y="132" fill="rgb(255,247,251)" data-count="0" data-date="2020-11-08"></rect>
</g>
<g transform="translate(990, 0)">
<rect class="day" width="18" height="18" x="0" y="0" fill="rgb(255,247,251)" data-count="0" data-date="2020-11-09"></rect>
<rect class="day" width="18" height="18" x="0" y="22" fill="rgb(255,247,251)" data-count="0" data-date="2020-11-10"></rect>
<rect class="day" width="18" height="18" x="0" y="44" fill="rgb(255,247,251)" data-count="0" data-date="2020-11-11"></rect>
<rect class="day" width="18" height="18" x="0" y="66" fill="rgb(255,247,251)" data-count="0" data-date="2020-11-12"></rect>
<rect class="day" width="18" height="18" x="0" y="88" fill="rgb(255,247,251)" data-count="0" data-date="2020-11-13"></rect>
<rect class="day" width="18" height="18" x="0" y="110" fill="rgb(255,247,251)" data-count="0" data-date="2020-11-14"></rect>
<rect class="day" width="18" height="18" x="0" y="132" fill="rgb(255,247,251)" data-count="0" data-date="2020-11-15"></rect>
</g>
<g transform="translate(1012, 0)">
<rect class="day" width="18" height="18" x="0" y="0" fill="rgb(255,247,251)" data-count="0" data-date="2020-11-16"></rect>
<rect class="day" width="18" height="18" x="0" y="22" fill="rgb(255,247,251)" data-count="0" data-date="2020-11-17"></rect>
<rect class="day" width="18" height="18" x="0" y="44" fill="rgb(255,247,251)" data-count="0" data-date="2020-11-18"></rect>
<rect class="day" width="18" height="18" x="0" y="66" fill="rgb(255,247,251)" data-count="0" data-date="2020-11-19"></rect>
<rect class="day" width="18" height="18" x="0" y="88" fill="rgb(255,247,251)" data-count="0" data-date="2020-11-20"></rect>
<rect class="day" width="18" height="18" x="0" y="110" fill="rgb(255,247,251)" data-count="0" data-date="2020-11-21"></rect>
<rect class="day" width="18" height="18" x="0" y="132" fill="rgb(255,247,251)" data-count="0" data-date="2020-11-22"></rect>
</g>
<g transform="translate(1034, 0)">
<rect class="day" width="18" height="18" x="0" y="0" fill="rgb(255,247,251)" data-count="0" data-date="2020-11-23"></rect>
<rect class="day" width="18" height="18" x="0" y="22" fill="rgb(255,247,251)" data-count="0" data-date="2020-11-24"></rect>
<rect class="day" width="18" height="18" x="0" y="44" fill="rgb(255,247,251)" data-count="0" data-date="2020-11-25"></rect>
<rect class="day" width="18" height="18" x="0" y="66" fill="rgb(255,247,251)" data-count="0" data-date="2020-11-26"></rect>
<rect class="day" width="18" height="18" x="0" y="88" fill="rgb(255,247,251)" data-count="0" data-date="2020-11-27"></rect>
<rect class="day" width="18" height="18" x="0" y="110" fill="rgb(255,247,251)" data-count="0" data-date="2020-11-28"></rect>
<rect class="day" width="18" height="18" x="0" y="132" fill="rgb(255,247,251)" data-count="0" data-date="2020-11-29"></rect>
</g>
<g transform="translate(1056, 0)">
<rect class="day" width="18" height="18" x="0" y="0" fill="rgb(255,247,251)" data-count="0" data-date="2020-11-30"></rect>
<rect class="day" width="18" height="18" x="0" y="22" fill="rgb(255,247,251)" data-count="0" data-date="2020-12-01"></rect>
<rect class="day" width="18" height="18" x="0" y="44" fill="rgb(255,247,251)" data-count="0" data-date="2020-12-02"></rect>
<rect class="day" width="18" height="18" x="0" y="66" fill="rgb(255,247,251)" data-count="0" data-date="2020-12-03"></rect>
<rect class="day" width="18" height="18" x="0" y="88" fill="rgb(255,247,251)" data-count="0" data-date="2020-12-04"></rect>
<rect class="day" width="18" height="18" x="0" y="110" fill="rgb(255,247,251)" data-count="0" data-date="2020-12-05"></rect>
<rect class="day" width="18" height="18" x="0" y="132" fill="rgb(255,247,251)" data-count="0" data-date="2020-12-06"></rect>
</g>
<g transform="translate(1078, 0)">
<rect class="day" width="18" height="18" x="0" y="0" fill="rgb(255,247,251)" data-count="0" data-date="2020-12-07"></rect>
<rect class="day" width="18" height="18" x="0" y="22" fill="rgb(255,247,251)" data-count="0" data-date="2020-12-08"></rect>
<rect class="day" width="18" height="18" x="0" y="44" fill="rgb(255,247,251)" data-count="0" data-date="2020-12-09"></rect>
<rect class="day" width="18" height="18" x="0" y="66" fill="rgb(255,247,251)" data-count="0" data-date="2020-12-10"></rect>
<rect class="day" width="18" height="18" x="0" y="88" fill="rgb(255,247,251)" data-count="0" data-date="2020-12-11"></rect>
<rect class="day" width="18" height="18" x="0" y="110" fill="rgb(255,247,251)" data-count="0" data-date="2020-12-12"></rect>
<rect class="day" width="18" height="18" x="0" y="132" fill="rgb(255,247,251)" data-count="0" data-date="2020-12-13"></rect>
</g>
<g transform="translate(1100, 0)">
<rect class="day" width="18" height="18" x="0" y="0" fill="rgb(255,247,251)" data-count="0" data-date="2020-12-14"></rect>
<rect class="day" width="18" height="18" x="0" y="22" fill="rgb(255,247,251)" data-count="0" data-date="2020-12-15"></rect>
<rect class="day" width="18" height="18" x="0" y="44" fill="rgb(255,247,251)" data-count="0" data-date="2020-12-16"></rect>
<rect class="day" width="18" height="18" x="0" y="66" fill="rgb(255,247,251)" data-count="0" data-date="2020-12-17"></rect>
<rect class="day" width="18" height="18" x="0" y="88" fill="rgb(255,247,251)" data-count="0" data-date="2020-12-18"></rect>
<rect class="day" width="18" height="18" x="0" y="110" fill="rgb(255,247,251)" data-count="0" data-date="2020-12-19"></rect>
<rect class="day" width="18" height="18" x="0" y="132" fill="rgb(255,247,251)" data-count="0" data-date="2020-12-20"></rect>
</g>
<g transform="translate(1122, 0)">
<rect class="day" width="18" height="18" x="0" y="0" fill="rgb(255,247,251)" data-count="0" data-date="2020-12-21"></rect>
<rect class="day" width="18" height="18" x="0" y="22" fill="rgb(255,247,251)" data-count="0" data-date="2020-12-22"></rect>
<rect class="day" width="18" height="18" x="0" y="44" fill="rgb(255,247,251)" data-count="0" data-date="2020-12-23"></rect>
<rect class="day" width="18" height="18" x="0" y="66" fill="rgb(255,247,251)" data-count="0" data-date="2020-12-24"></rect>
<rect class="day" width="18" height="18" x="0" y="88" fill="rgb(255,247,251)" data-count="0" data-date="2020-12-25"></rect>
<rect class="day" width="18" height="18" x="0" y="110" fill="rgb(255,247,251)" data-count="0" data-date="2020-12-26"></rect>
<rect class="day" width="18" height="18" x="0" y="132" fill="rgb(255,247,251)" data-count="0" data-date="2020-12-27"></rect>
</g>
<g transform="translate(1144, 0)">
<rect class="day" width="18" height="18" x="0" y="0" fill="rgb(255,247,251)" data-count="0" data-date="2020-12-28"></rect>
<rect class="day" width="18" height="18" x="0" y="22" fill="rgb(255,247,251)" data-count="0" data-date="2020-12-29"></rect>
<rect class="day" width="18" height="18" x="0" y="44" fill="rgb(255,247,251)" data-count="0" data-date="2020-12-30"></rect>
<rect class="day" width="18" height="18" x="0" y="66" fill="rgb(255,247,251)" data-count="0" data-date="2020-12-31"></rect>
</g>
<text x="22" y="-7" font-size="10" fill="rgb(100,100,100)">Jan</text>
<text x="110" y="-7" font-size="10" fill="rgb(100,100,100)">Feb</text>
<text x="198" y="-7" font-size="10" fill="rgb(100,100,100)">Mar</text>
<text x="308" y="-7" font-size="10" fill="rgb(100,100,100)">Apr</text>
<text x="396" y="-7" font-size="10" fill="rgb(100,100,100)">May</text>
<text x="484" y="-7" font-size="10" fill="rgb(100,100,100)">Jun</text>
<text x="594" y="-7" font-size="10" fill="rgb(100,100,100)">Jul</text>
<text x="682" y="-7" font-size="10" fill="rgb(100,100,100)">Aug</text>
<text x="792" y="-7" font-size="10" fill="rgb(100,100,100)">Sep</text>
<text x="880" y="-7" font-size="10" fill="rgb(100,100,100)">Oct</text>
<text x="968" y="-7" font-size="10" fill="rgb(100,100,100)">Nov</text>
<text x="1078" y="-7" font-size="10" fill="rgb(100,100,100)">Dec</text>
<text text-anchor="start" font-size="10" dx="-25" dy="15" fill="rgb(100,100,100)" >Mon</text>
<text text-anchor="start" font-size="10" dx="-25" dy="37" fill="rgb(100,100,100)" style="display: none;">Tue</text>
<text text-anchor="start" font-size="10" dx="-25" dy="59" fill="rgb(100,100,100)" >Wed</text>
<text text-anchor="start" font-size="10" dx="-25" dy="81" fill="rgb(100,100,100)" style="display: none;">Thu</text>
<text text-anchor="start" font-size="10" dx="-25" dy="103" fill="rgb(100,100,100)" >Fri</text>
<text text-anchor="start" font-size="10" dx="-25" dy="125" fill="rgb(100,100,100)" style="display: none;">Sat</text>
<text text-anchor="start" font-size="10" dx="-25" dy="147" fill="rgb(100,100,100)" style="display: none;">Sun</text>
<polyline style="fill:none;stroke:rgb(200,200,200);stroke-width:1" points="86,150 86,110 86,108 108,108 108,108 108,0"></polyline>
<polyline style="fill:none;stroke:rgb(200,200,200);stroke-width:1" points="174,150 174,132 174,130 196,130 196,130 196,0"></polyline>
<polyline style="fill:none;stroke:rgb(200,200,200);stroke-width:1" points="284,150 284,44 284,42 306,42 306,42 306,0"></polyline>
<polyline style="fill:none;stroke:rgb(200,200,200);stroke-width:1" points="372,150 372,88 372,86 394,86 394,86 394,0"></polyline>
<polyline style="fill:none;stroke:rgb(200,200,200);stroke-width:1" points="482,150 482,0"></polyline>
<polyline style="fill:none;stroke:rgb(200,200,200);stroke-width:1" points="570,150 570,44 570,42 592,42 592,42 592,0"></polyline>
<polyline style="fill:none;stroke:rgb(200,200,200);stroke-width:1" points="658,150 658,110 658,108 680,108 680,108 680,0"></polyline>
<polyline style="fill:none;stroke:rgb(200,200,200);stroke-width:1" points="768,150 768,22 768,20 790,20 790,20 790,0"></polyline>
<polyline style="fill:none;stroke:rgb(200,200,200);stroke-width:1" points="856,150 856,66 856,64 878,64 878,64 878,0"></polyline>
<polyline style="fill:none;stroke:rgb(200,200,200);stroke-width:1" points="944,150 944,132 944,130 966,130 966,130 966,0"></polyline>
<polyline style="fill:none;stroke:rgb(200,200,200);stroke-width:1" points="1054,150 1054,22 1054,20 1076,20 1076,20 1076,0"></polyline>
</g></svg>

After

Width:  |  Height:  |  Size: 51 KiB

View File

@ -0,0 +1,540 @@
<svg viewBox="0 0 1188 176" xmlns="http://www.w3.org/2000/svg" xmlns:xlink= "http://www.w3.org/1999/xlink">
<g transform="translate(25, 23)">
<g transform="translate(0, 0)">
<rect class="day" width="18" height="18" x="0" y="44" fill="rgb(255,247,251)" data-count="0" data-date="2020-01-01"></rect>
<rect class="day" width="18" height="18" x="0" y="66" fill="rgb(255,247,251)" data-count="0" data-date="2020-01-02"></rect>
<rect class="day" width="18" height="18" x="0" y="88" fill="rgb(255,247,251)" data-count="0" data-date="2020-01-03"></rect>
<rect class="day" width="18" height="18" x="0" y="110" fill="rgb(255,247,251)" data-count="0" data-date="2020-01-04"></rect>
<rect class="day" width="18" height="18" x="0" y="132" fill="rgb(255,247,251)" data-count="0" data-date="2020-01-05"></rect>
</g>
<g transform="translate(22, 0)">
<rect class="day" width="18" height="18" x="0" y="0" fill="rgb(255,247,251)" data-count="0" data-date="2020-01-06"></rect>
<rect class="day" width="18" height="18" x="0" y="22" fill="rgb(255,247,251)" data-count="0" data-date="2020-01-07"></rect>
<rect class="day" width="18" height="18" x="0" y="44" fill="rgb(255,247,251)" data-count="0" data-date="2020-01-08"></rect>
<rect class="day" width="18" height="18" x="0" y="66" fill="rgb(255,247,251)" data-count="0" data-date="2020-01-09"></rect>
<rect class="day" width="18" height="18" x="0" y="88" fill="rgb(255,247,251)" data-count="0" data-date="2020-01-10"></rect>
<rect class="day" width="18" height="18" x="0" y="110" fill="rgb(255,247,251)" data-count="0" data-date="2020-01-11"></rect>
<rect class="day" width="18" height="18" x="0" y="132" fill="rgb(255,247,251)" data-count="0" data-date="2020-01-12"></rect>
</g>
<g transform="translate(44, 0)">
<rect class="day" width="18" height="18" x="0" y="0" fill="rgb(255,247,251)" data-count="0" data-date="2020-01-13"></rect>
<rect class="day" width="18" height="18" x="0" y="22" fill="rgb(255,247,251)" data-count="0" data-date="2020-01-14"></rect>
<rect class="day" width="18" height="18" x="0" y="44" fill="rgb(255,247,251)" data-count="0" data-date="2020-01-15"></rect>
<rect class="day" width="18" height="18" x="0" y="66" fill="rgb(255,247,251)" data-count="0" data-date="2020-01-16"></rect>
<rect class="day" width="18" height="18" x="0" y="88" fill="rgb(255,247,251)" data-count="0" data-date="2020-01-17"></rect>
<rect class="day" width="18" height="18" x="0" y="110" fill="rgb(255,247,251)" data-count="0" data-date="2020-01-18"></rect>
<rect class="day" width="18" height="18" x="0" y="132" fill="rgb(255,247,251)" data-count="0" data-date="2020-01-19"></rect>
</g>
<g transform="translate(66, 0)">
<rect class="day" width="18" height="18" x="0" y="0" fill="rgb(255,247,251)" data-count="0" data-date="2020-01-20"></rect>
<rect class="day" width="18" height="18" x="0" y="22" fill="rgb(255,247,251)" data-count="0" data-date="2020-01-21"></rect>
<rect class="day" width="18" height="18" x="0" y="44" fill="rgb(255,247,251)" data-count="0" data-date="2020-01-22"></rect>
<rect class="day" width="18" height="18" x="0" y="66" fill="rgb(255,247,251)" data-count="0" data-date="2020-01-23"></rect>
<rect class="day" width="18" height="18" x="0" y="88" fill="rgb(255,247,251)" data-count="0" data-date="2020-01-24"></rect>
<rect class="day" width="18" height="18" x="0" y="110" fill="rgb(255,247,251)" data-count="0" data-date="2020-01-25"></rect>
<rect class="day" width="18" height="18" x="0" y="132" fill="rgb(255,247,251)" data-count="0" data-date="2020-01-26"></rect>
</g>
<g transform="translate(88, 0)">
<rect class="day" width="18" height="18" x="0" y="0" fill="rgb(255,247,251)" data-count="0" data-date="2020-01-27"></rect>
<rect class="day" width="18" height="18" x="0" y="22" fill="rgb(255,247,251)" data-count="0" data-date="2020-01-28"></rect>
<rect class="day" width="18" height="18" x="0" y="44" fill="rgb(255,247,251)" data-count="0" data-date="2020-01-29"></rect>
<rect class="day" width="18" height="18" x="0" y="66" fill="rgb(255,247,251)" data-count="0" data-date="2020-01-30"></rect>
<rect class="day" width="18" height="18" x="0" y="88" fill="rgb(255,247,251)" data-count="0" data-date="2020-01-31"></rect>
<rect class="day" width="18" height="18" x="0" y="110" fill="rgb(255,247,251)" data-count="0" data-date="2020-02-01"></rect>
<rect class="day" width="18" height="18" x="0" y="132" fill="rgb(255,247,251)" data-count="0" data-date="2020-02-02"></rect>
</g>
<g transform="translate(110, 0)">
<rect class="day" width="18" height="18" x="0" y="0" fill="rgb(255,247,251)" data-count="0" data-date="2020-02-03"></rect>
<rect class="day" width="18" height="18" x="0" y="22" fill="rgb(255,247,251)" data-count="0" data-date="2020-02-04"></rect>
<rect class="day" width="18" height="18" x="0" y="44" fill="rgb(255,247,251)" data-count="0" data-date="2020-02-05"></rect>
<rect class="day" width="18" height="18" x="0" y="66" fill="rgb(255,247,251)" data-count="0" data-date="2020-02-06"></rect>
<rect class="day" width="18" height="18" x="0" y="88" fill="rgb(255,247,251)" data-count="0" data-date="2020-02-07"></rect>
<rect class="day" width="18" height="18" x="0" y="110" fill="rgb(255,247,251)" data-count="0" data-date="2020-02-08"></rect>
<rect class="day" width="18" height="18" x="0" y="132" fill="rgb(255,247,251)" data-count="0" data-date="2020-02-09"></rect>
</g>
<g transform="translate(132, 0)">
<rect class="day" width="18" height="18" x="0" y="0" fill="rgb(255,247,251)" data-count="0" data-date="2020-02-10"></rect>
<rect class="day" width="18" height="18" x="0" y="22" fill="rgb(255,247,251)" data-count="0" data-date="2020-02-11"></rect>
<rect class="day" width="18" height="18" x="0" y="44" fill="rgb(255,247,251)" data-count="0" data-date="2020-02-12"></rect>
<rect class="day" width="18" height="18" x="0" y="66" fill="rgb(255,247,251)" data-count="0" data-date="2020-02-13"></rect>
<rect class="day" width="18" height="18" x="0" y="88" fill="rgb(255,247,251)" data-count="0" data-date="2020-02-14"></rect>
<rect class="day" width="18" height="18" x="0" y="110" fill="rgb(255,247,251)" data-count="0" data-date="2020-02-15"></rect>
<rect class="day" width="18" height="18" x="0" y="132" fill="rgb(255,247,251)" data-count="0" data-date="2020-02-16"></rect>
</g>
<g transform="translate(154, 0)">
<rect class="day" width="18" height="18" x="0" y="0" fill="rgb(255,247,251)" data-count="0" data-date="2020-02-17"></rect>
<rect class="day" width="18" height="18" x="0" y="22" fill="rgb(255,247,251)" data-count="0" data-date="2020-02-18"></rect>
<rect class="day" width="18" height="18" x="0" y="44" fill="rgb(255,247,251)" data-count="0" data-date="2020-02-19"></rect>
<rect class="day" width="18" height="18" x="0" y="66" fill="rgb(255,247,251)" data-count="0" data-date="2020-02-20"></rect>
<rect class="day" width="18" height="18" x="0" y="88" fill="rgb(255,247,251)" data-count="0" data-date="2020-02-21"></rect>
<rect class="day" width="18" height="18" x="0" y="110" fill="rgb(255,247,251)" data-count="0" data-date="2020-02-22"></rect>
<rect class="day" width="18" height="18" x="0" y="132" fill="rgb(255,247,251)" data-count="0" data-date="2020-02-23"></rect>
</g>
<g transform="translate(176, 0)">
<rect class="day" width="18" height="18" x="0" y="0" fill="rgb(255,247,251)" data-count="0" data-date="2020-02-24"></rect>
<rect class="day" width="18" height="18" x="0" y="22" fill="rgb(255,247,251)" data-count="0" data-date="2020-02-25"></rect>
<rect class="day" width="18" height="18" x="0" y="44" fill="rgb(255,247,251)" data-count="0" data-date="2020-02-26"></rect>
<rect class="day" width="18" height="18" x="0" y="66" fill="rgb(255,247,251)" data-count="0" data-date="2020-02-27"></rect>
<rect class="day" width="18" height="18" x="0" y="88" fill="rgb(255,247,251)" data-count="0" data-date="2020-02-28"></rect>
<rect class="day" width="18" height="18" x="0" y="110" fill="rgb(255,247,251)" data-count="0" data-date="2020-02-29"></rect>
<rect class="day" width="18" height="18" x="0" y="132" fill="rgb(255,247,251)" data-count="0" data-date="2020-03-01"></rect>
</g>
<g transform="translate(198, 0)">
<rect class="day" width="18" height="18" x="0" y="0" fill="rgb(255,247,251)" data-count="0" data-date="2020-03-02"></rect>
<rect class="day" width="18" height="18" x="0" y="22" fill="rgb(255,247,251)" data-count="0" data-date="2020-03-03"></rect>
<rect class="day" width="18" height="18" x="0" y="44" fill="rgb(255,247,251)" data-count="0" data-date="2020-03-04"></rect>
<rect class="day" width="18" height="18" x="0" y="66" fill="rgb(255,247,251)" data-count="0" data-date="2020-03-05"></rect>
<rect class="day" width="18" height="18" x="0" y="88" fill="rgb(255,247,251)" data-count="0" data-date="2020-03-06"></rect>
<rect class="day" width="18" height="18" x="0" y="110" fill="rgb(255,247,251)" data-count="0" data-date="2020-03-07"></rect>
<rect class="day" width="18" height="18" x="0" y="132" fill="rgb(255,247,251)" data-count="0" data-date="2020-03-08"></rect>
</g>
<g transform="translate(220, 0)">
<rect class="day" width="18" height="18" x="0" y="0" fill="rgb(255,247,251)" data-count="0" data-date="2020-03-09"></rect>
<rect class="day" width="18" height="18" x="0" y="22" fill="rgb(255,247,251)" data-count="0" data-date="2020-03-10"></rect>
<rect class="day" width="18" height="18" x="0" y="44" fill="rgb(255,247,251)" data-count="0" data-date="2020-03-11"></rect>
<rect class="day" width="18" height="18" x="0" y="66" fill="rgb(255,247,251)" data-count="0" data-date="2020-03-12"></rect>
<rect class="day" width="18" height="18" x="0" y="88" fill="rgb(255,247,251)" data-count="0" data-date="2020-03-13"></rect>
<rect class="day" width="18" height="18" x="0" y="110" fill="rgb(255,247,251)" data-count="0" data-date="2020-03-14"></rect>
<rect class="day" width="18" height="18" x="0" y="132" fill="rgb(255,247,251)" data-count="0" data-date="2020-03-15"></rect>
</g>
<g transform="translate(242, 0)">
<rect class="day" width="18" height="18" x="0" y="0" fill="rgb(255,247,251)" data-count="0" data-date="2020-03-16"></rect>
<rect class="day" width="18" height="18" x="0" y="22" fill="rgb(255,247,251)" data-count="0" data-date="2020-03-17"></rect>
<rect class="day" width="18" height="18" x="0" y="44" fill="rgb(255,247,251)" data-count="0" data-date="2020-03-18"></rect>
<rect class="day" width="18" height="18" x="0" y="66" fill="rgb(255,247,251)" data-count="0" data-date="2020-03-19"></rect>
<rect class="day" width="18" height="18" x="0" y="88" fill="rgb(255,247,251)" data-count="0" data-date="2020-03-20"></rect>
<rect class="day" width="18" height="18" x="0" y="110" fill="rgb(255,247,251)" data-count="0" data-date="2020-03-21"></rect>
<rect class="day" width="18" height="18" x="0" y="132" fill="rgb(255,247,251)" data-count="0" data-date="2020-03-22"></rect>
</g>
<g transform="translate(264, 0)">
<rect class="day" width="18" height="18" x="0" y="0" fill="rgb(255,247,251)" data-count="0" data-date="2020-03-23"></rect>
<rect class="day" width="18" height="18" x="0" y="22" fill="rgb(255,247,251)" data-count="0" data-date="2020-03-24"></rect>
<rect class="day" width="18" height="18" x="0" y="44" fill="rgb(255,247,251)" data-count="0" data-date="2020-03-25"></rect>
<rect class="day" width="18" height="18" x="0" y="66" fill="rgb(255,247,251)" data-count="0" data-date="2020-03-26"></rect>
<rect class="day" width="18" height="18" x="0" y="88" fill="rgb(255,247,251)" data-count="0" data-date="2020-03-27"></rect>
<rect class="day" width="18" height="18" x="0" y="110" fill="rgb(255,247,251)" data-count="0" data-date="2020-03-28"></rect>
<rect class="day" width="18" height="18" x="0" y="132" fill="rgb(255,247,251)" data-count="0" data-date="2020-03-29"></rect>
</g>
<g transform="translate(286, 0)">
<rect class="day" width="18" height="18" x="0" y="0" fill="rgb(255,247,251)" data-count="0" data-date="2020-03-30"></rect>
<rect class="day" width="18" height="18" x="0" y="22" fill="rgb(255,247,251)" data-count="0" data-date="2020-03-31"></rect>
<rect class="day" width="18" height="18" x="0" y="44" fill="rgb(255,247,251)" data-count="0" data-date="2020-04-01"></rect>
<rect class="day" width="18" height="18" x="0" y="66" fill="rgb(255,247,251)" data-count="0" data-date="2020-04-02"></rect>
<rect class="day" width="18" height="18" x="0" y="88" fill="rgb(255,247,251)" data-count="0" data-date="2020-04-03"></rect>
<rect class="day" width="18" height="18" x="0" y="110" fill="rgb(255,247,251)" data-count="0" data-date="2020-04-04"></rect>
<rect class="day" width="18" height="18" x="0" y="132" fill="rgb(255,247,251)" data-count="0" data-date="2020-04-05"></rect>
</g>
<g transform="translate(308, 0)">
<rect class="day" width="18" height="18" x="0" y="0" fill="rgb(255,247,251)" data-count="0" data-date="2020-04-06"></rect>
<rect class="day" width="18" height="18" x="0" y="22" fill="rgb(255,247,251)" data-count="0" data-date="2020-04-07"></rect>
<rect class="day" width="18" height="18" x="0" y="44" fill="rgb(255,247,251)" data-count="0" data-date="2020-04-08"></rect>
<rect class="day" width="18" height="18" x="0" y="66" fill="rgb(255,247,251)" data-count="0" data-date="2020-04-09"></rect>
<rect class="day" width="18" height="18" x="0" y="88" fill="rgb(255,247,251)" data-count="0" data-date="2020-04-10"></rect>
<rect class="day" width="18" height="18" x="0" y="110" fill="rgb(255,247,251)" data-count="0" data-date="2020-04-11"></rect>
<rect class="day" width="18" height="18" x="0" y="132" fill="rgb(255,247,251)" data-count="0" data-date="2020-04-12"></rect>
</g>
<g transform="translate(330, 0)">
<rect class="day" width="18" height="18" x="0" y="0" fill="rgb(255,247,251)" data-count="0" data-date="2020-04-13"></rect>
<rect class="day" width="18" height="18" x="0" y="22" fill="rgb(255,247,251)" data-count="0" data-date="2020-04-14"></rect>
<rect class="day" width="18" height="18" x="0" y="44" fill="rgb(255,247,251)" data-count="0" data-date="2020-04-15"></rect>
<rect class="day" width="18" height="18" x="0" y="66" fill="rgb(255,247,251)" data-count="0" data-date="2020-04-16"></rect>
<rect class="day" width="18" height="18" x="0" y="88" fill="rgb(255,247,251)" data-count="0" data-date="2020-04-17"></rect>
<rect class="day" width="18" height="18" x="0" y="110" fill="rgb(255,247,251)" data-count="0" data-date="2020-04-18"></rect>
<rect class="day" width="18" height="18" x="0" y="132" fill="rgb(255,247,251)" data-count="0" data-date="2020-04-19"></rect>
</g>
<g transform="translate(352, 0)">
<rect class="day" width="18" height="18" x="0" y="0" fill="rgb(255,247,251)" data-count="0" data-date="2020-04-20"></rect>
<rect class="day" width="18" height="18" x="0" y="22" fill="rgb(255,247,251)" data-count="0" data-date="2020-04-21"></rect>
<rect class="day" width="18" height="18" x="0" y="44" fill="rgb(255,247,251)" data-count="0" data-date="2020-04-22"></rect>
<rect class="day" width="18" height="18" x="0" y="66" fill="rgb(255,247,251)" data-count="0" data-date="2020-04-23"></rect>
<rect class="day" width="18" height="18" x="0" y="88" fill="rgb(255,247,251)" data-count="0" data-date="2020-04-24"></rect>
<rect class="day" width="18" height="18" x="0" y="110" fill="rgb(255,247,251)" data-count="0" data-date="2020-04-25"></rect>
<rect class="day" width="18" height="18" x="0" y="132" fill="rgb(255,247,251)" data-count="0" data-date="2020-04-26"></rect>
</g>
<g transform="translate(374, 0)">
<rect class="day" width="18" height="18" x="0" y="0" fill="rgb(255,247,251)" data-count="0" data-date="2020-04-27"></rect>
<rect class="day" width="18" height="18" x="0" y="22" fill="rgb(255,247,251)" data-count="0" data-date="2020-04-28"></rect>
<rect class="day" width="18" height="18" x="0" y="44" fill="rgb(255,247,251)" data-count="0" data-date="2020-04-29"></rect>
<rect class="day" width="18" height="18" x="0" y="66" fill="rgb(255,247,251)" data-count="0" data-date="2020-04-30"></rect>
<rect class="day" width="18" height="18" x="0" y="88" fill="rgb(255,247,251)" data-count="0" data-date="2020-05-01"></rect>
<rect class="day" width="18" height="18" x="0" y="110" fill="rgb(255,247,251)" data-count="0" data-date="2020-05-02"></rect>
<rect class="day" width="18" height="18" x="0" y="132" fill="rgb(255,247,251)" data-count="0" data-date="2020-05-03"></rect>
</g>
<g transform="translate(396, 0)">
<rect class="day" width="18" height="18" x="0" y="0" fill="rgb(255,247,251)" data-count="0" data-date="2020-05-04"></rect>
<rect class="day" width="18" height="18" x="0" y="22" fill="rgb(255,247,251)" data-count="0" data-date="2020-05-05"></rect>
<rect class="day" width="18" height="18" x="0" y="44" fill="rgb(255,247,251)" data-count="0" data-date="2020-05-06"></rect>
<rect class="day" width="18" height="18" x="0" y="66" fill="rgb(255,247,251)" data-count="0" data-date="2020-05-07"></rect>
<rect class="day" width="18" height="18" x="0" y="88" fill="rgb(255,247,251)" data-count="0" data-date="2020-05-08"></rect>
<rect class="day" width="18" height="18" x="0" y="110" fill="rgb(255,247,251)" data-count="0" data-date="2020-05-09"></rect>
<rect class="day" width="18" height="18" x="0" y="132" fill="rgb(255,247,251)" data-count="0" data-date="2020-05-10"></rect>
</g>
<g transform="translate(418, 0)">
<rect class="day" width="18" height="18" x="0" y="0" fill="rgb(255,247,251)" data-count="0" data-date="2020-05-11"></rect>
<rect class="day" width="18" height="18" x="0" y="22" fill="rgb(255,247,251)" data-count="0" data-date="2020-05-12"></rect>
<rect class="day" width="18" height="18" x="0" y="44" fill="rgb(255,247,251)" data-count="0" data-date="2020-05-13"></rect>
<rect class="day" width="18" height="18" x="0" y="66" fill="rgb(255,247,251)" data-count="0" data-date="2020-05-14"></rect>
<rect class="day" width="18" height="18" x="0" y="88" fill="rgb(255,247,251)" data-count="0" data-date="2020-05-15"></rect>
<rect class="day" width="18" height="18" x="0" y="110" fill="rgb(54,144,192)" data-count="8" data-date="2020-05-16"></rect>
<rect class="day" width="18" height="18" x="0" y="132" fill="rgb(2,56,88)" data-count="13" data-date="2020-05-17"></rect>
</g>
<g transform="translate(440, 0)">
<rect class="day" width="18" height="18" x="0" y="0" fill="rgb(166,189,219)" data-count="5" data-date="2020-05-18"></rect>
<rect class="day" width="18" height="18" x="0" y="22" fill="rgb(54,144,192)" data-count="8" data-date="2020-05-19"></rect>
<rect class="day" width="18" height="18" x="0" y="44" fill="rgb(166,189,219)" data-count="5" data-date="2020-05-20"></rect>
<rect class="day" width="18" height="18" x="0" y="66" fill="rgb(166,189,219)" data-count="5" data-date="2020-05-21"></rect>
<rect class="day" width="18" height="18" x="0" y="88" fill="rgb(208,209,230)" data-count="3" data-date="2020-05-22"></rect>
<rect class="day" width="18" height="18" x="0" y="110" fill="rgb(166,189,219)" data-count="5" data-date="2020-05-23"></rect>
<rect class="day" width="18" height="18" x="0" y="132" fill="rgb(116,169,207)" data-count="6" data-date="2020-05-24"></rect>
</g>
<g transform="translate(462, 0)">
<rect class="day" width="18" height="18" x="0" y="0" fill="rgb(208,209,230)" data-count="3" data-date="2020-05-25"></rect>
<rect class="day" width="18" height="18" x="0" y="22" fill="rgb(166,189,219)" data-count="5" data-date="2020-05-26"></rect>
<rect class="day" width="18" height="18" x="0" y="44" fill="rgb(54,144,192)" data-count="8" data-date="2020-05-27"></rect>
<rect class="day" width="18" height="18" x="0" y="66" fill="rgb(236,231,242)" data-count="2" data-date="2020-05-28"></rect>
<rect class="day" width="18" height="18" x="0" y="88" fill="rgb(236,231,242)" data-count="2" data-date="2020-05-29"></rect>
<rect class="day" width="18" height="18" x="0" y="110" fill="rgb(54,144,192)" data-count="8" data-date="2020-05-30"></rect>
<rect class="day" width="18" height="18" x="0" y="132" fill="rgb(166,189,219)" data-count="5" data-date="2020-05-31"></rect>
</g>
<g transform="translate(484, 0)">
<rect class="day" width="18" height="18" x="0" y="0" fill="rgb(236,231,242)" data-count="1" data-date="2020-06-01"></rect>
<rect class="day" width="18" height="18" x="0" y="22" fill="rgb(208,209,230)" data-count="3" data-date="2020-06-02"></rect>
<rect class="day" width="18" height="18" x="0" y="44" fill="rgb(236,231,242)" data-count="1" data-date="2020-06-03"></rect>
<rect class="day" width="18" height="18" x="0" y="66" fill="rgb(208,209,230)" data-count="3" data-date="2020-06-04"></rect>
<rect class="day" width="18" height="18" x="0" y="88" fill="rgb(236,231,242)" data-count="1" data-date="2020-06-05"></rect>
<rect class="day" width="18" height="18" x="0" y="110" fill="rgb(208,209,230)" data-count="3" data-date="2020-06-06"></rect>
<rect class="day" width="18" height="18" x="0" y="132" fill="rgb(166,189,219)" data-count="5" data-date="2020-06-07"></rect>
</g>
<g transform="translate(506, 0)">
<rect class="day" width="18" height="18" x="0" y="0" fill="rgb(255,247,251)" data-count="0" data-date="2020-06-08"></rect>
<rect class="day" width="18" height="18" x="0" y="22" fill="rgb(236,231,242)" data-count="1" data-date="2020-06-09"></rect>
<rect class="day" width="18" height="18" x="0" y="44" fill="rgb(236,231,242)" data-count="2" data-date="2020-06-10"></rect>
<rect class="day" width="18" height="18" x="0" y="66" fill="rgb(255,247,251)" data-count="0" data-date="2020-06-11"></rect>
<rect class="day" width="18" height="18" x="0" y="88" fill="rgb(5,112,176)" data-count="9" data-date="2020-06-12"></rect>
<rect class="day" width="18" height="18" x="0" y="110" fill="rgb(116,169,207)" data-count="7" data-date="2020-06-13"></rect>
<rect class="day" width="18" height="18" x="0" y="132" fill="rgb(208,209,230)" data-count="4" data-date="2020-06-14"></rect>
</g>
<g transform="translate(528, 0)">
<rect class="day" width="18" height="18" x="0" y="0" fill="rgb(236,231,242)" data-count="1" data-date="2020-06-15"></rect>
<rect class="day" width="18" height="18" x="0" y="22" fill="rgb(255,247,251)" data-count="0" data-date="2020-06-16"></rect>
<rect class="day" width="18" height="18" x="0" y="44" fill="rgb(236,231,242)" data-count="1" data-date="2020-06-17"></rect>
<rect class="day" width="18" height="18" x="0" y="66" fill="rgb(255,247,251)" data-count="0" data-date="2020-06-18"></rect>
<rect class="day" width="18" height="18" x="0" y="88" fill="rgb(255,247,251)" data-count="0" data-date="2020-06-19"></rect>
<rect class="day" width="18" height="18" x="0" y="110" fill="rgb(236,231,242)" data-count="2" data-date="2020-06-20"></rect>
<rect class="day" width="18" height="18" x="0" y="132" fill="rgb(236,231,242)" data-count="1" data-date="2020-06-21"></rect>
</g>
<g transform="translate(550, 0)">
<rect class="day" width="18" height="18" x="0" y="0" fill="rgb(255,247,251)" data-count="0" data-date="2020-06-22"></rect>
<rect class="day" width="18" height="18" x="0" y="22" fill="rgb(236,231,242)" data-count="2" data-date="2020-06-23"></rect>
<rect class="day" width="18" height="18" x="0" y="44" fill="rgb(236,231,242)" data-count="2" data-date="2020-06-24"></rect>
<rect class="day" width="18" height="18" x="0" y="66" fill="rgb(208,209,230)" data-count="3" data-date="2020-06-25"></rect>
<rect class="day" width="18" height="18" x="0" y="88" fill="rgb(208,209,230)" data-count="3" data-date="2020-06-26"></rect>
<rect class="day" width="18" height="18" x="0" y="110" fill="rgb(236,231,242)" data-count="2" data-date="2020-06-27"></rect>
<rect class="day" width="18" height="18" x="0" y="132" fill="rgb(236,231,242)" data-count="1" data-date="2020-06-28"></rect>
</g>
<g transform="translate(572, 0)">
<rect class="day" width="18" height="18" x="0" y="0" fill="rgb(236,231,242)" data-count="1" data-date="2020-06-29"></rect>
<rect class="day" width="18" height="18" x="0" y="22" fill="rgb(236,231,242)" data-count="2" data-date="2020-06-30"></rect>
<rect class="day" width="18" height="18" x="0" y="44" fill="rgb(255,247,251)" data-count="0" data-date="2020-07-01"></rect>
<rect class="day" width="18" height="18" x="0" y="66" fill="rgb(255,247,251)" data-count="0" data-date="2020-07-02"></rect>
<rect class="day" width="18" height="18" x="0" y="88" fill="rgb(255,247,251)" data-count="0" data-date="2020-07-03"></rect>
<rect class="day" width="18" height="18" x="0" y="110" fill="rgb(255,247,251)" data-count="0" data-date="2020-07-04"></rect>
<rect class="day" width="18" height="18" x="0" y="132" fill="rgb(255,247,251)" data-count="0" data-date="2020-07-05"></rect>
</g>
<g transform="translate(594, 0)">
<rect class="day" width="18" height="18" x="0" y="0" fill="rgb(255,247,251)" data-count="0" data-date="2020-07-06"></rect>
<rect class="day" width="18" height="18" x="0" y="22" fill="rgb(255,247,251)" data-count="0" data-date="2020-07-07"></rect>
<rect class="day" width="18" height="18" x="0" y="44" fill="rgb(255,247,251)" data-count="0" data-date="2020-07-08"></rect>
<rect class="day" width="18" height="18" x="0" y="66" fill="rgb(255,247,251)" data-count="0" data-date="2020-07-09"></rect>
<rect class="day" width="18" height="18" x="0" y="88" fill="rgb(255,247,251)" data-count="0" data-date="2020-07-10"></rect>
<rect class="day" width="18" height="18" x="0" y="110" fill="rgb(255,247,251)" data-count="0" data-date="2020-07-11"></rect>
<rect class="day" width="18" height="18" x="0" y="132" fill="rgb(255,247,251)" data-count="0" data-date="2020-07-12"></rect>
</g>
<g transform="translate(616, 0)">
<rect class="day" width="18" height="18" x="0" y="0" fill="rgb(255,247,251)" data-count="0" data-date="2020-07-13"></rect>
<rect class="day" width="18" height="18" x="0" y="22" fill="rgb(255,247,251)" data-count="0" data-date="2020-07-14"></rect>
<rect class="day" width="18" height="18" x="0" y="44" fill="rgb(255,247,251)" data-count="0" data-date="2020-07-15"></rect>
<rect class="day" width="18" height="18" x="0" y="66" fill="rgb(255,247,251)" data-count="0" data-date="2020-07-16"></rect>
<rect class="day" width="18" height="18" x="0" y="88" fill="rgb(255,247,251)" data-count="0" data-date="2020-07-17"></rect>
<rect class="day" width="18" height="18" x="0" y="110" fill="rgb(255,247,251)" data-count="0" data-date="2020-07-18"></rect>
<rect class="day" width="18" height="18" x="0" y="132" fill="rgb(255,247,251)" data-count="0" data-date="2020-07-19"></rect>
</g>
<g transform="translate(638, 0)">
<rect class="day" width="18" height="18" x="0" y="0" fill="rgb(255,247,251)" data-count="0" data-date="2020-07-20"></rect>
<rect class="day" width="18" height="18" x="0" y="22" fill="rgb(255,247,251)" data-count="0" data-date="2020-07-21"></rect>
<rect class="day" width="18" height="18" x="0" y="44" fill="rgb(255,247,251)" data-count="0" data-date="2020-07-22"></rect>
<rect class="day" width="18" height="18" x="0" y="66" fill="rgb(255,247,251)" data-count="0" data-date="2020-07-23"></rect>
<rect class="day" width="18" height="18" x="0" y="88" fill="rgb(255,247,251)" data-count="0" data-date="2020-07-24"></rect>
<rect class="day" width="18" height="18" x="0" y="110" fill="rgb(255,247,251)" data-count="0" data-date="2020-07-25"></rect>
<rect class="day" width="18" height="18" x="0" y="132" fill="rgb(255,247,251)" data-count="0" data-date="2020-07-26"></rect>
</g>
<g transform="translate(660, 0)">
<rect class="day" width="18" height="18" x="0" y="0" fill="rgb(255,247,251)" data-count="0" data-date="2020-07-27"></rect>
<rect class="day" width="18" height="18" x="0" y="22" fill="rgb(255,247,251)" data-count="0" data-date="2020-07-28"></rect>
<rect class="day" width="18" height="18" x="0" y="44" fill="rgb(255,247,251)" data-count="0" data-date="2020-07-29"></rect>
<rect class="day" width="18" height="18" x="0" y="66" fill="rgb(255,247,251)" data-count="0" data-date="2020-07-30"></rect>
<rect class="day" width="18" height="18" x="0" y="88" fill="rgb(255,247,251)" data-count="0" data-date="2020-07-31"></rect>
<rect class="day" width="18" height="18" x="0" y="110" fill="rgb(255,247,251)" data-count="0" data-date="2020-08-01"></rect>
<rect class="day" width="18" height="18" x="0" y="132" fill="rgb(255,247,251)" data-count="0" data-date="2020-08-02"></rect>
</g>
<g transform="translate(682, 0)">
<rect class="day" width="18" height="18" x="0" y="0" fill="rgb(255,247,251)" data-count="0" data-date="2020-08-03"></rect>
<rect class="day" width="18" height="18" x="0" y="22" fill="rgb(255,247,251)" data-count="0" data-date="2020-08-04"></rect>
<rect class="day" width="18" height="18" x="0" y="44" fill="rgb(255,247,251)" data-count="0" data-date="2020-08-05"></rect>
<rect class="day" width="18" height="18" x="0" y="66" fill="rgb(255,247,251)" data-count="0" data-date="2020-08-06"></rect>
<rect class="day" width="18" height="18" x="0" y="88" fill="rgb(255,247,251)" data-count="0" data-date="2020-08-07"></rect>
<rect class="day" width="18" height="18" x="0" y="110" fill="rgb(255,247,251)" data-count="0" data-date="2020-08-08"></rect>
<rect class="day" width="18" height="18" x="0" y="132" fill="rgb(255,247,251)" data-count="0" data-date="2020-08-09"></rect>
</g>
<g transform="translate(704, 0)">
<rect class="day" width="18" height="18" x="0" y="0" fill="rgb(255,247,251)" data-count="0" data-date="2020-08-10"></rect>
<rect class="day" width="18" height="18" x="0" y="22" fill="rgb(255,247,251)" data-count="0" data-date="2020-08-11"></rect>
<rect class="day" width="18" height="18" x="0" y="44" fill="rgb(255,247,251)" data-count="0" data-date="2020-08-12"></rect>
<rect class="day" width="18" height="18" x="0" y="66" fill="rgb(255,247,251)" data-count="0" data-date="2020-08-13"></rect>
<rect class="day" width="18" height="18" x="0" y="88" fill="rgb(255,247,251)" data-count="0" data-date="2020-08-14"></rect>
<rect class="day" width="18" height="18" x="0" y="110" fill="rgb(255,247,251)" data-count="0" data-date="2020-08-15"></rect>
<rect class="day" width="18" height="18" x="0" y="132" fill="rgb(255,247,251)" data-count="0" data-date="2020-08-16"></rect>
</g>
<g transform="translate(726, 0)">
<rect class="day" width="18" height="18" x="0" y="0" fill="rgb(255,247,251)" data-count="0" data-date="2020-08-17"></rect>
<rect class="day" width="18" height="18" x="0" y="22" fill="rgb(255,247,251)" data-count="0" data-date="2020-08-18"></rect>
<rect class="day" width="18" height="18" x="0" y="44" fill="rgb(255,247,251)" data-count="0" data-date="2020-08-19"></rect>
<rect class="day" width="18" height="18" x="0" y="66" fill="rgb(255,247,251)" data-count="0" data-date="2020-08-20"></rect>
<rect class="day" width="18" height="18" x="0" y="88" fill="rgb(255,247,251)" data-count="0" data-date="2020-08-21"></rect>
<rect class="day" width="18" height="18" x="0" y="110" fill="rgb(255,247,251)" data-count="0" data-date="2020-08-22"></rect>
<rect class="day" width="18" height="18" x="0" y="132" fill="rgb(255,247,251)" data-count="0" data-date="2020-08-23"></rect>
</g>
<g transform="translate(748, 0)">
<rect class="day" width="18" height="18" x="0" y="0" fill="rgb(255,247,251)" data-count="0" data-date="2020-08-24"></rect>
<rect class="day" width="18" height="18" x="0" y="22" fill="rgb(255,247,251)" data-count="0" data-date="2020-08-25"></rect>
<rect class="day" width="18" height="18" x="0" y="44" fill="rgb(255,247,251)" data-count="0" data-date="2020-08-26"></rect>
<rect class="day" width="18" height="18" x="0" y="66" fill="rgb(255,247,251)" data-count="0" data-date="2020-08-27"></rect>
<rect class="day" width="18" height="18" x="0" y="88" fill="rgb(255,247,251)" data-count="0" data-date="2020-08-28"></rect>
<rect class="day" width="18" height="18" x="0" y="110" fill="rgb(255,247,251)" data-count="0" data-date="2020-08-29"></rect>
<rect class="day" width="18" height="18" x="0" y="132" fill="rgb(255,247,251)" data-count="0" data-date="2020-08-30"></rect>
</g>
<g transform="translate(770, 0)">
<rect class="day" width="18" height="18" x="0" y="0" fill="rgb(255,247,251)" data-count="0" data-date="2020-08-31"></rect>
<rect class="day" width="18" height="18" x="0" y="22" fill="rgb(255,247,251)" data-count="0" data-date="2020-09-01"></rect>
<rect class="day" width="18" height="18" x="0" y="44" fill="rgb(255,247,251)" data-count="0" data-date="2020-09-02"></rect>
<rect class="day" width="18" height="18" x="0" y="66" fill="rgb(255,247,251)" data-count="0" data-date="2020-09-03"></rect>
<rect class="day" width="18" height="18" x="0" y="88" fill="rgb(255,247,251)" data-count="0" data-date="2020-09-04"></rect>
<rect class="day" width="18" height="18" x="0" y="110" fill="rgb(255,247,251)" data-count="0" data-date="2020-09-05"></rect>
<rect class="day" width="18" height="18" x="0" y="132" fill="rgb(255,247,251)" data-count="0" data-date="2020-09-06"></rect>
</g>
<g transform="translate(792, 0)">
<rect class="day" width="18" height="18" x="0" y="0" fill="rgb(255,247,251)" data-count="0" data-date="2020-09-07"></rect>
<rect class="day" width="18" height="18" x="0" y="22" fill="rgb(255,247,251)" data-count="0" data-date="2020-09-08"></rect>
<rect class="day" width="18" height="18" x="0" y="44" fill="rgb(255,247,251)" data-count="0" data-date="2020-09-09"></rect>
<rect class="day" width="18" height="18" x="0" y="66" fill="rgb(255,247,251)" data-count="0" data-date="2020-09-10"></rect>
<rect class="day" width="18" height="18" x="0" y="88" fill="rgb(255,247,251)" data-count="0" data-date="2020-09-11"></rect>
<rect class="day" width="18" height="18" x="0" y="110" fill="rgb(255,247,251)" data-count="0" data-date="2020-09-12"></rect>
<rect class="day" width="18" height="18" x="0" y="132" fill="rgb(255,247,251)" data-count="0" data-date="2020-09-13"></rect>
</g>
<g transform="translate(814, 0)">
<rect class="day" width="18" height="18" x="0" y="0" fill="rgb(255,247,251)" data-count="0" data-date="2020-09-14"></rect>
<rect class="day" width="18" height="18" x="0" y="22" fill="rgb(255,247,251)" data-count="0" data-date="2020-09-15"></rect>
<rect class="day" width="18" height="18" x="0" y="44" fill="rgb(255,247,251)" data-count="0" data-date="2020-09-16"></rect>
<rect class="day" width="18" height="18" x="0" y="66" fill="rgb(255,247,251)" data-count="0" data-date="2020-09-17"></rect>
<rect class="day" width="18" height="18" x="0" y="88" fill="rgb(255,247,251)" data-count="0" data-date="2020-09-18"></rect>
<rect class="day" width="18" height="18" x="0" y="110" fill="rgb(255,247,251)" data-count="0" data-date="2020-09-19"></rect>
<rect class="day" width="18" height="18" x="0" y="132" fill="rgb(255,247,251)" data-count="0" data-date="2020-09-20"></rect>
</g>
<g transform="translate(836, 0)">
<rect class="day" width="18" height="18" x="0" y="0" fill="rgb(255,247,251)" data-count="0" data-date="2020-09-21"></rect>
<rect class="day" width="18" height="18" x="0" y="22" fill="rgb(255,247,251)" data-count="0" data-date="2020-09-22"></rect>
<rect class="day" width="18" height="18" x="0" y="44" fill="rgb(255,247,251)" data-count="0" data-date="2020-09-23"></rect>
<rect class="day" width="18" height="18" x="0" y="66" fill="rgb(255,247,251)" data-count="0" data-date="2020-09-24"></rect>
<rect class="day" width="18" height="18" x="0" y="88" fill="rgb(255,247,251)" data-count="0" data-date="2020-09-25"></rect>
<rect class="day" width="18" height="18" x="0" y="110" fill="rgb(255,247,251)" data-count="0" data-date="2020-09-26"></rect>
<rect class="day" width="18" height="18" x="0" y="132" fill="rgb(255,247,251)" data-count="0" data-date="2020-09-27"></rect>
</g>
<g transform="translate(858, 0)">
<rect class="day" width="18" height="18" x="0" y="0" fill="rgb(255,247,251)" data-count="0" data-date="2020-09-28"></rect>
<rect class="day" width="18" height="18" x="0" y="22" fill="rgb(255,247,251)" data-count="0" data-date="2020-09-29"></rect>
<rect class="day" width="18" height="18" x="0" y="44" fill="rgb(255,247,251)" data-count="0" data-date="2020-09-30"></rect>
<rect class="day" width="18" height="18" x="0" y="66" fill="rgb(255,247,251)" data-count="0" data-date="2020-10-01"></rect>
<rect class="day" width="18" height="18" x="0" y="88" fill="rgb(255,247,251)" data-count="0" data-date="2020-10-02"></rect>
<rect class="day" width="18" height="18" x="0" y="110" fill="rgb(255,247,251)" data-count="0" data-date="2020-10-03"></rect>
<rect class="day" width="18" height="18" x="0" y="132" fill="rgb(255,247,251)" data-count="0" data-date="2020-10-04"></rect>
</g>
<g transform="translate(880, 0)">
<rect class="day" width="18" height="18" x="0" y="0" fill="rgb(255,247,251)" data-count="0" data-date="2020-10-05"></rect>
<rect class="day" width="18" height="18" x="0" y="22" fill="rgb(255,247,251)" data-count="0" data-date="2020-10-06"></rect>
<rect class="day" width="18" height="18" x="0" y="44" fill="rgb(255,247,251)" data-count="0" data-date="2020-10-07"></rect>
<rect class="day" width="18" height="18" x="0" y="66" fill="rgb(255,247,251)" data-count="0" data-date="2020-10-08"></rect>
<rect class="day" width="18" height="18" x="0" y="88" fill="rgb(255,247,251)" data-count="0" data-date="2020-10-09"></rect>
<rect class="day" width="18" height="18" x="0" y="110" fill="rgb(255,247,251)" data-count="0" data-date="2020-10-10"></rect>
<rect class="day" width="18" height="18" x="0" y="132" fill="rgb(255,247,251)" data-count="0" data-date="2020-10-11"></rect>
</g>
<g transform="translate(902, 0)">
<rect class="day" width="18" height="18" x="0" y="0" fill="rgb(255,247,251)" data-count="0" data-date="2020-10-12"></rect>
<rect class="day" width="18" height="18" x="0" y="22" fill="rgb(255,247,251)" data-count="0" data-date="2020-10-13"></rect>
<rect class="day" width="18" height="18" x="0" y="44" fill="rgb(255,247,251)" data-count="0" data-date="2020-10-14"></rect>
<rect class="day" width="18" height="18" x="0" y="66" fill="rgb(255,247,251)" data-count="0" data-date="2020-10-15"></rect>
<rect class="day" width="18" height="18" x="0" y="88" fill="rgb(255,247,251)" data-count="0" data-date="2020-10-16"></rect>
<rect class="day" width="18" height="18" x="0" y="110" fill="rgb(255,247,251)" data-count="0" data-date="2020-10-17"></rect>
<rect class="day" width="18" height="18" x="0" y="132" fill="rgb(255,247,251)" data-count="0" data-date="2020-10-18"></rect>
</g>
<g transform="translate(924, 0)">
<rect class="day" width="18" height="18" x="0" y="0" fill="rgb(255,247,251)" data-count="0" data-date="2020-10-19"></rect>
<rect class="day" width="18" height="18" x="0" y="22" fill="rgb(255,247,251)" data-count="0" data-date="2020-10-20"></rect>
<rect class="day" width="18" height="18" x="0" y="44" fill="rgb(255,247,251)" data-count="0" data-date="2020-10-21"></rect>
<rect class="day" width="18" height="18" x="0" y="66" fill="rgb(255,247,251)" data-count="0" data-date="2020-10-22"></rect>
<rect class="day" width="18" height="18" x="0" y="88" fill="rgb(255,247,251)" data-count="0" data-date="2020-10-23"></rect>
<rect class="day" width="18" height="18" x="0" y="110" fill="rgb(255,247,251)" data-count="0" data-date="2020-10-24"></rect>
<rect class="day" width="18" height="18" x="0" y="132" fill="rgb(255,247,251)" data-count="0" data-date="2020-10-25"></rect>
</g>
<g transform="translate(946, 0)">
<rect class="day" width="18" height="18" x="0" y="0" fill="rgb(255,247,251)" data-count="0" data-date="2020-10-26"></rect>
<rect class="day" width="18" height="18" x="0" y="22" fill="rgb(255,247,251)" data-count="0" data-date="2020-10-27"></rect>
<rect class="day" width="18" height="18" x="0" y="44" fill="rgb(255,247,251)" data-count="0" data-date="2020-10-28"></rect>
<rect class="day" width="18" height="18" x="0" y="66" fill="rgb(255,247,251)" data-count="0" data-date="2020-10-29"></rect>
<rect class="day" width="18" height="18" x="0" y="88" fill="rgb(255,247,251)" data-count="0" data-date="2020-10-30"></rect>
<rect class="day" width="18" height="18" x="0" y="110" fill="rgb(255,247,251)" data-count="0" data-date="2020-10-31"></rect>
<rect class="day" width="18" height="18" x="0" y="132" fill="rgb(255,247,251)" data-count="0" data-date="2020-11-01"></rect>
</g>
<g transform="translate(968, 0)">
<rect class="day" width="18" height="18" x="0" y="0" fill="rgb(255,247,251)" data-count="0" data-date="2020-11-02"></rect>
<rect class="day" width="18" height="18" x="0" y="22" fill="rgb(255,247,251)" data-count="0" data-date="2020-11-03"></rect>
<rect class="day" width="18" height="18" x="0" y="44" fill="rgb(255,247,251)" data-count="0" data-date="2020-11-04"></rect>
<rect class="day" width="18" height="18" x="0" y="66" fill="rgb(255,247,251)" data-count="0" data-date="2020-11-05"></rect>
<rect class="day" width="18" height="18" x="0" y="88" fill="rgb(255,247,251)" data-count="0" data-date="2020-11-06"></rect>
<rect class="day" width="18" height="18" x="0" y="110" fill="rgb(255,247,251)" data-count="0" data-date="2020-11-07"></rect>
<rect class="day" width="18" height="18" x="0" y="132" fill="rgb(255,247,251)" data-count="0" data-date="2020-11-08"></rect>
</g>
<g transform="translate(990, 0)">
<rect class="day" width="18" height="18" x="0" y="0" fill="rgb(255,247,251)" data-count="0" data-date="2020-11-09"></rect>
<rect class="day" width="18" height="18" x="0" y="22" fill="rgb(255,247,251)" data-count="0" data-date="2020-11-10"></rect>
<rect class="day" width="18" height="18" x="0" y="44" fill="rgb(255,247,251)" data-count="0" data-date="2020-11-11"></rect>
<rect class="day" width="18" height="18" x="0" y="66" fill="rgb(255,247,251)" data-count="0" data-date="2020-11-12"></rect>
<rect class="day" width="18" height="18" x="0" y="88" fill="rgb(255,247,251)" data-count="0" data-date="2020-11-13"></rect>
<rect class="day" width="18" height="18" x="0" y="110" fill="rgb(255,247,251)" data-count="0" data-date="2020-11-14"></rect>
<rect class="day" width="18" height="18" x="0" y="132" fill="rgb(255,247,251)" data-count="0" data-date="2020-11-15"></rect>
</g>
<g transform="translate(1012, 0)">
<rect class="day" width="18" height="18" x="0" y="0" fill="rgb(255,247,251)" data-count="0" data-date="2020-11-16"></rect>
<rect class="day" width="18" height="18" x="0" y="22" fill="rgb(255,247,251)" data-count="0" data-date="2020-11-17"></rect>
<rect class="day" width="18" height="18" x="0" y="44" fill="rgb(255,247,251)" data-count="0" data-date="2020-11-18"></rect>
<rect class="day" width="18" height="18" x="0" y="66" fill="rgb(255,247,251)" data-count="0" data-date="2020-11-19"></rect>
<rect class="day" width="18" height="18" x="0" y="88" fill="rgb(255,247,251)" data-count="0" data-date="2020-11-20"></rect>
<rect class="day" width="18" height="18" x="0" y="110" fill="rgb(255,247,251)" data-count="0" data-date="2020-11-21"></rect>
<rect class="day" width="18" height="18" x="0" y="132" fill="rgb(255,247,251)" data-count="0" data-date="2020-11-22"></rect>
</g>
<g transform="translate(1034, 0)">
<rect class="day" width="18" height="18" x="0" y="0" fill="rgb(255,247,251)" data-count="0" data-date="2020-11-23"></rect>
<rect class="day" width="18" height="18" x="0" y="22" fill="rgb(255,247,251)" data-count="0" data-date="2020-11-24"></rect>
<rect class="day" width="18" height="18" x="0" y="44" fill="rgb(255,247,251)" data-count="0" data-date="2020-11-25"></rect>
<rect class="day" width="18" height="18" x="0" y="66" fill="rgb(255,247,251)" data-count="0" data-date="2020-11-26"></rect>
<rect class="day" width="18" height="18" x="0" y="88" fill="rgb(255,247,251)" data-count="0" data-date="2020-11-27"></rect>
<rect class="day" width="18" height="18" x="0" y="110" fill="rgb(255,247,251)" data-count="0" data-date="2020-11-28"></rect>
<rect class="day" width="18" height="18" x="0" y="132" fill="rgb(255,247,251)" data-count="0" data-date="2020-11-29"></rect>
</g>
<g transform="translate(1056, 0)">
<rect class="day" width="18" height="18" x="0" y="0" fill="rgb(255,247,251)" data-count="0" data-date="2020-11-30"></rect>
<rect class="day" width="18" height="18" x="0" y="22" fill="rgb(255,247,251)" data-count="0" data-date="2020-12-01"></rect>
<rect class="day" width="18" height="18" x="0" y="44" fill="rgb(255,247,251)" data-count="0" data-date="2020-12-02"></rect>
<rect class="day" width="18" height="18" x="0" y="66" fill="rgb(255,247,251)" data-count="0" data-date="2020-12-03"></rect>
<rect class="day" width="18" height="18" x="0" y="88" fill="rgb(255,247,251)" data-count="0" data-date="2020-12-04"></rect>
<rect class="day" width="18" height="18" x="0" y="110" fill="rgb(255,247,251)" data-count="0" data-date="2020-12-05"></rect>
<rect class="day" width="18" height="18" x="0" y="132" fill="rgb(255,247,251)" data-count="0" data-date="2020-12-06"></rect>
</g>
<g transform="translate(1078, 0)">
<rect class="day" width="18" height="18" x="0" y="0" fill="rgb(255,247,251)" data-count="0" data-date="2020-12-07"></rect>
<rect class="day" width="18" height="18" x="0" y="22" fill="rgb(255,247,251)" data-count="0" data-date="2020-12-08"></rect>
<rect class="day" width="18" height="18" x="0" y="44" fill="rgb(255,247,251)" data-count="0" data-date="2020-12-09"></rect>
<rect class="day" width="18" height="18" x="0" y="66" fill="rgb(255,247,251)" data-count="0" data-date="2020-12-10"></rect>
<rect class="day" width="18" height="18" x="0" y="88" fill="rgb(255,247,251)" data-count="0" data-date="2020-12-11"></rect>
<rect class="day" width="18" height="18" x="0" y="110" fill="rgb(255,247,251)" data-count="0" data-date="2020-12-12"></rect>
<rect class="day" width="18" height="18" x="0" y="132" fill="rgb(255,247,251)" data-count="0" data-date="2020-12-13"></rect>
</g>
<g transform="translate(1100, 0)">
<rect class="day" width="18" height="18" x="0" y="0" fill="rgb(255,247,251)" data-count="0" data-date="2020-12-14"></rect>
<rect class="day" width="18" height="18" x="0" y="22" fill="rgb(255,247,251)" data-count="0" data-date="2020-12-15"></rect>
<rect class="day" width="18" height="18" x="0" y="44" fill="rgb(255,247,251)" data-count="0" data-date="2020-12-16"></rect>
<rect class="day" width="18" height="18" x="0" y="66" fill="rgb(255,247,251)" data-count="0" data-date="2020-12-17"></rect>
<rect class="day" width="18" height="18" x="0" y="88" fill="rgb(255,247,251)" data-count="0" data-date="2020-12-18"></rect>
<rect class="day" width="18" height="18" x="0" y="110" fill="rgb(255,247,251)" data-count="0" data-date="2020-12-19"></rect>
<rect class="day" width="18" height="18" x="0" y="132" fill="rgb(255,247,251)" data-count="0" data-date="2020-12-20"></rect>
</g>
<g transform="translate(1122, 0)">
<rect class="day" width="18" height="18" x="0" y="0" fill="rgb(255,247,251)" data-count="0" data-date="2020-12-21"></rect>
<rect class="day" width="18" height="18" x="0" y="22" fill="rgb(255,247,251)" data-count="0" data-date="2020-12-22"></rect>
<rect class="day" width="18" height="18" x="0" y="44" fill="rgb(255,247,251)" data-count="0" data-date="2020-12-23"></rect>
<rect class="day" width="18" height="18" x="0" y="66" fill="rgb(255,247,251)" data-count="0" data-date="2020-12-24"></rect>
<rect class="day" width="18" height="18" x="0" y="88" fill="rgb(255,247,251)" data-count="0" data-date="2020-12-25"></rect>
<rect class="day" width="18" height="18" x="0" y="110" fill="rgb(255,247,251)" data-count="0" data-date="2020-12-26"></rect>
<rect class="day" width="18" height="18" x="0" y="132" fill="rgb(255,247,251)" data-count="0" data-date="2020-12-27"></rect>
</g>
<g transform="translate(1144, 0)">
<rect class="day" width="18" height="18" x="0" y="0" fill="rgb(255,247,251)" data-count="0" data-date="2020-12-28"></rect>
<rect class="day" width="18" height="18" x="0" y="22" fill="rgb(255,247,251)" data-count="0" data-date="2020-12-29"></rect>
<rect class="day" width="18" height="18" x="0" y="44" fill="rgb(255,247,251)" data-count="0" data-date="2020-12-30"></rect>
<rect class="day" width="18" height="18" x="0" y="66" fill="rgb(255,247,251)" data-count="0" data-date="2020-12-31"></rect>
</g>
</g></svg>

After

Width:  |  Height:  |  Size: 48 KiB

View File

@ -0,0 +1,540 @@
<svg viewBox="0 0 1188 176" xmlns="http://www.w3.org/2000/svg" xmlns:xlink= "http://www.w3.org/1999/xlink">
<g transform="translate(25, 23)">
<g transform="translate(0, 0)">
<rect class="day" width="18" height="18" x="0" y="44" fill="rgb(255,247,251)" data-count="0" data-date="2020-01-01"></rect>
<rect class="day" width="18" height="18" x="0" y="66" fill="rgb(255,247,251)" data-count="0" data-date="2020-01-02"></rect>
<rect class="day" width="18" height="18" x="0" y="88" fill="rgb(255,247,251)" data-count="0" data-date="2020-01-03"></rect>
<rect class="day" width="18" height="18" x="0" y="110" fill="rgb(255,247,251)" data-count="0" data-date="2020-01-04"></rect>
<rect class="day" width="18" height="18" x="0" y="132" fill="rgb(255,247,251)" data-count="0" data-date="2020-01-05"></rect>
</g>
<g transform="translate(22, 0)">
<rect class="day" width="18" height="18" x="0" y="0" fill="rgb(255,247,251)" data-count="0" data-date="2020-01-06"></rect>
<rect class="day" width="18" height="18" x="0" y="22" fill="rgb(255,247,251)" data-count="0" data-date="2020-01-07"></rect>
<rect class="day" width="18" height="18" x="0" y="44" fill="rgb(255,247,251)" data-count="0" data-date="2020-01-08"></rect>
<rect class="day" width="18" height="18" x="0" y="66" fill="rgb(255,247,251)" data-count="0" data-date="2020-01-09"></rect>
<rect class="day" width="18" height="18" x="0" y="88" fill="rgb(255,247,251)" data-count="0" data-date="2020-01-10"></rect>
<rect class="day" width="18" height="18" x="0" y="110" fill="rgb(255,247,251)" data-count="0" data-date="2020-01-11"></rect>
<rect class="day" width="18" height="18" x="0" y="132" fill="rgb(255,247,251)" data-count="0" data-date="2020-01-12"></rect>
</g>
<g transform="translate(44, 0)">
<rect class="day" width="18" height="18" x="0" y="0" fill="rgb(255,247,251)" data-count="0" data-date="2020-01-13"></rect>
<rect class="day" width="18" height="18" x="0" y="22" fill="rgb(255,247,251)" data-count="0" data-date="2020-01-14"></rect>
<rect class="day" width="18" height="18" x="0" y="44" fill="rgb(255,247,251)" data-count="0" data-date="2020-01-15"></rect>
<rect class="day" width="18" height="18" x="0" y="66" fill="rgb(255,247,251)" data-count="0" data-date="2020-01-16"></rect>
<rect class="day" width="18" height="18" x="0" y="88" fill="rgb(255,247,251)" data-count="0" data-date="2020-01-17"></rect>
<rect class="day" width="18" height="18" x="0" y="110" fill="rgb(255,247,251)" data-count="0" data-date="2020-01-18"></rect>
<rect class="day" width="18" height="18" x="0" y="132" fill="rgb(255,247,251)" data-count="0" data-date="2020-01-19"></rect>
</g>
<g transform="translate(66, 0)">
<rect class="day" width="18" height="18" x="0" y="0" fill="rgb(255,247,251)" data-count="0" data-date="2020-01-20"></rect>
<rect class="day" width="18" height="18" x="0" y="22" fill="rgb(255,247,251)" data-count="0" data-date="2020-01-21"></rect>
<rect class="day" width="18" height="18" x="0" y="44" fill="rgb(255,247,251)" data-count="0" data-date="2020-01-22"></rect>
<rect class="day" width="18" height="18" x="0" y="66" fill="rgb(255,247,251)" data-count="0" data-date="2020-01-23"></rect>
<rect class="day" width="18" height="18" x="0" y="88" fill="rgb(255,247,251)" data-count="0" data-date="2020-01-24"></rect>
<rect class="day" width="18" height="18" x="0" y="110" fill="rgb(255,247,251)" data-count="0" data-date="2020-01-25"></rect>
<rect class="day" width="18" height="18" x="0" y="132" fill="rgb(255,247,251)" data-count="0" data-date="2020-01-26"></rect>
</g>
<g transform="translate(88, 0)">
<rect class="day" width="18" height="18" x="0" y="0" fill="rgb(255,247,251)" data-count="0" data-date="2020-01-27"></rect>
<rect class="day" width="18" height="18" x="0" y="22" fill="rgb(255,247,251)" data-count="0" data-date="2020-01-28"></rect>
<rect class="day" width="18" height="18" x="0" y="44" fill="rgb(255,247,251)" data-count="0" data-date="2020-01-29"></rect>
<rect class="day" width="18" height="18" x="0" y="66" fill="rgb(255,247,251)" data-count="0" data-date="2020-01-30"></rect>
<rect class="day" width="18" height="18" x="0" y="88" fill="rgb(255,247,251)" data-count="0" data-date="2020-01-31"></rect>
<rect class="day" width="18" height="18" x="0" y="110" fill="rgb(255,247,251)" data-count="0" data-date="2020-02-01"></rect>
<rect class="day" width="18" height="18" x="0" y="132" fill="rgb(255,247,251)" data-count="0" data-date="2020-02-02"></rect>
</g>
<g transform="translate(110, 0)">
<rect class="day" width="18" height="18" x="0" y="0" fill="rgb(255,247,251)" data-count="0" data-date="2020-02-03"></rect>
<rect class="day" width="18" height="18" x="0" y="22" fill="rgb(255,247,251)" data-count="0" data-date="2020-02-04"></rect>
<rect class="day" width="18" height="18" x="0" y="44" fill="rgb(255,247,251)" data-count="0" data-date="2020-02-05"></rect>
<rect class="day" width="18" height="18" x="0" y="66" fill="rgb(255,247,251)" data-count="0" data-date="2020-02-06"></rect>
<rect class="day" width="18" height="18" x="0" y="88" fill="rgb(255,247,251)" data-count="0" data-date="2020-02-07"></rect>
<rect class="day" width="18" height="18" x="0" y="110" fill="rgb(255,247,251)" data-count="0" data-date="2020-02-08"></rect>
<rect class="day" width="18" height="18" x="0" y="132" fill="rgb(255,247,251)" data-count="0" data-date="2020-02-09"></rect>
</g>
<g transform="translate(132, 0)">
<rect class="day" width="18" height="18" x="0" y="0" fill="rgb(255,247,251)" data-count="0" data-date="2020-02-10"></rect>
<rect class="day" width="18" height="18" x="0" y="22" fill="rgb(255,247,251)" data-count="0" data-date="2020-02-11"></rect>
<rect class="day" width="18" height="18" x="0" y="44" fill="rgb(255,247,251)" data-count="0" data-date="2020-02-12"></rect>
<rect class="day" width="18" height="18" x="0" y="66" fill="rgb(255,247,251)" data-count="0" data-date="2020-02-13"></rect>
<rect class="day" width="18" height="18" x="0" y="88" fill="rgb(255,247,251)" data-count="0" data-date="2020-02-14"></rect>
<rect class="day" width="18" height="18" x="0" y="110" fill="rgb(255,247,251)" data-count="0" data-date="2020-02-15"></rect>
<rect class="day" width="18" height="18" x="0" y="132" fill="rgb(255,247,251)" data-count="0" data-date="2020-02-16"></rect>
</g>
<g transform="translate(154, 0)">
<rect class="day" width="18" height="18" x="0" y="0" fill="rgb(255,247,251)" data-count="0" data-date="2020-02-17"></rect>
<rect class="day" width="18" height="18" x="0" y="22" fill="rgb(255,247,251)" data-count="0" data-date="2020-02-18"></rect>
<rect class="day" width="18" height="18" x="0" y="44" fill="rgb(255,247,251)" data-count="0" data-date="2020-02-19"></rect>
<rect class="day" width="18" height="18" x="0" y="66" fill="rgb(255,247,251)" data-count="0" data-date="2020-02-20"></rect>
<rect class="day" width="18" height="18" x="0" y="88" fill="rgb(255,247,251)" data-count="0" data-date="2020-02-21"></rect>
<rect class="day" width="18" height="18" x="0" y="110" fill="rgb(255,247,251)" data-count="0" data-date="2020-02-22"></rect>
<rect class="day" width="18" height="18" x="0" y="132" fill="rgb(255,247,251)" data-count="0" data-date="2020-02-23"></rect>
</g>
<g transform="translate(176, 0)">
<rect class="day" width="18" height="18" x="0" y="0" fill="rgb(255,247,251)" data-count="0" data-date="2020-02-24"></rect>
<rect class="day" width="18" height="18" x="0" y="22" fill="rgb(255,247,251)" data-count="0" data-date="2020-02-25"></rect>
<rect class="day" width="18" height="18" x="0" y="44" fill="rgb(255,247,251)" data-count="0" data-date="2020-02-26"></rect>
<rect class="day" width="18" height="18" x="0" y="66" fill="rgb(255,247,251)" data-count="0" data-date="2020-02-27"></rect>
<rect class="day" width="18" height="18" x="0" y="88" fill="rgb(255,247,251)" data-count="0" data-date="2020-02-28"></rect>
<rect class="day" width="18" height="18" x="0" y="110" fill="rgb(255,247,251)" data-count="0" data-date="2020-02-29"></rect>
<rect class="day" width="18" height="18" x="0" y="132" fill="rgb(255,247,251)" data-count="0" data-date="2020-03-01"></rect>
</g>
<g transform="translate(198, 0)">
<rect class="day" width="18" height="18" x="0" y="0" fill="rgb(255,247,251)" data-count="0" data-date="2020-03-02"></rect>
<rect class="day" width="18" height="18" x="0" y="22" fill="rgb(255,247,251)" data-count="0" data-date="2020-03-03"></rect>
<rect class="day" width="18" height="18" x="0" y="44" fill="rgb(255,247,251)" data-count="0" data-date="2020-03-04"></rect>
<rect class="day" width="18" height="18" x="0" y="66" fill="rgb(255,247,251)" data-count="0" data-date="2020-03-05"></rect>
<rect class="day" width="18" height="18" x="0" y="88" fill="rgb(255,247,251)" data-count="0" data-date="2020-03-06"></rect>
<rect class="day" width="18" height="18" x="0" y="110" fill="rgb(255,247,251)" data-count="0" data-date="2020-03-07"></rect>
<rect class="day" width="18" height="18" x="0" y="132" fill="rgb(255,247,251)" data-count="0" data-date="2020-03-08"></rect>
</g>
<g transform="translate(220, 0)">
<rect class="day" width="18" height="18" x="0" y="0" fill="rgb(255,247,251)" data-count="0" data-date="2020-03-09"></rect>
<rect class="day" width="18" height="18" x="0" y="22" fill="rgb(255,247,251)" data-count="0" data-date="2020-03-10"></rect>
<rect class="day" width="18" height="18" x="0" y="44" fill="rgb(255,247,251)" data-count="0" data-date="2020-03-11"></rect>
<rect class="day" width="18" height="18" x="0" y="66" fill="rgb(255,247,251)" data-count="0" data-date="2020-03-12"></rect>
<rect class="day" width="18" height="18" x="0" y="88" fill="rgb(255,247,251)" data-count="0" data-date="2020-03-13"></rect>
<rect class="day" width="18" height="18" x="0" y="110" fill="rgb(255,247,251)" data-count="0" data-date="2020-03-14"></rect>
<rect class="day" width="18" height="18" x="0" y="132" fill="rgb(255,247,251)" data-count="0" data-date="2020-03-15"></rect>
</g>
<g transform="translate(242, 0)">
<rect class="day" width="18" height="18" x="0" y="0" fill="rgb(255,247,251)" data-count="0" data-date="2020-03-16"></rect>
<rect class="day" width="18" height="18" x="0" y="22" fill="rgb(255,247,251)" data-count="0" data-date="2020-03-17"></rect>
<rect class="day" width="18" height="18" x="0" y="44" fill="rgb(255,247,251)" data-count="0" data-date="2020-03-18"></rect>
<rect class="day" width="18" height="18" x="0" y="66" fill="rgb(255,247,251)" data-count="0" data-date="2020-03-19"></rect>
<rect class="day" width="18" height="18" x="0" y="88" fill="rgb(255,247,251)" data-count="0" data-date="2020-03-20"></rect>
<rect class="day" width="18" height="18" x="0" y="110" fill="rgb(255,247,251)" data-count="0" data-date="2020-03-21"></rect>
<rect class="day" width="18" height="18" x="0" y="132" fill="rgb(255,247,251)" data-count="0" data-date="2020-03-22"></rect>
</g>
<g transform="translate(264, 0)">
<rect class="day" width="18" height="18" x="0" y="0" fill="rgb(255,247,251)" data-count="0" data-date="2020-03-23"></rect>
<rect class="day" width="18" height="18" x="0" y="22" fill="rgb(255,247,251)" data-count="0" data-date="2020-03-24"></rect>
<rect class="day" width="18" height="18" x="0" y="44" fill="rgb(255,247,251)" data-count="0" data-date="2020-03-25"></rect>
<rect class="day" width="18" height="18" x="0" y="66" fill="rgb(255,247,251)" data-count="0" data-date="2020-03-26"></rect>
<rect class="day" width="18" height="18" x="0" y="88" fill="rgb(255,247,251)" data-count="0" data-date="2020-03-27"></rect>
<rect class="day" width="18" height="18" x="0" y="110" fill="rgb(255,247,251)" data-count="0" data-date="2020-03-28"></rect>
<rect class="day" width="18" height="18" x="0" y="132" fill="rgb(255,247,251)" data-count="0" data-date="2020-03-29"></rect>
</g>
<g transform="translate(286, 0)">
<rect class="day" width="18" height="18" x="0" y="0" fill="rgb(255,247,251)" data-count="0" data-date="2020-03-30"></rect>
<rect class="day" width="18" height="18" x="0" y="22" fill="rgb(255,247,251)" data-count="0" data-date="2020-03-31"></rect>
<rect class="day" width="18" height="18" x="0" y="44" fill="rgb(255,247,251)" data-count="0" data-date="2020-04-01"></rect>
<rect class="day" width="18" height="18" x="0" y="66" fill="rgb(255,247,251)" data-count="0" data-date="2020-04-02"></rect>
<rect class="day" width="18" height="18" x="0" y="88" fill="rgb(255,247,251)" data-count="0" data-date="2020-04-03"></rect>
<rect class="day" width="18" height="18" x="0" y="110" fill="rgb(255,247,251)" data-count="0" data-date="2020-04-04"></rect>
<rect class="day" width="18" height="18" x="0" y="132" fill="rgb(255,247,251)" data-count="0" data-date="2020-04-05"></rect>
</g>
<g transform="translate(308, 0)">
<rect class="day" width="18" height="18" x="0" y="0" fill="rgb(255,247,251)" data-count="0" data-date="2020-04-06"></rect>
<rect class="day" width="18" height="18" x="0" y="22" fill="rgb(255,247,251)" data-count="0" data-date="2020-04-07"></rect>
<rect class="day" width="18" height="18" x="0" y="44" fill="rgb(255,247,251)" data-count="0" data-date="2020-04-08"></rect>
<rect class="day" width="18" height="18" x="0" y="66" fill="rgb(255,247,251)" data-count="0" data-date="2020-04-09"></rect>
<rect class="day" width="18" height="18" x="0" y="88" fill="rgb(255,247,251)" data-count="0" data-date="2020-04-10"></rect>
<rect class="day" width="18" height="18" x="0" y="110" fill="rgb(255,247,251)" data-count="0" data-date="2020-04-11"></rect>
<rect class="day" width="18" height="18" x="0" y="132" fill="rgb(255,247,251)" data-count="0" data-date="2020-04-12"></rect>
</g>
<g transform="translate(330, 0)">
<rect class="day" width="18" height="18" x="0" y="0" fill="rgb(255,247,251)" data-count="0" data-date="2020-04-13"></rect>
<rect class="day" width="18" height="18" x="0" y="22" fill="rgb(255,247,251)" data-count="0" data-date="2020-04-14"></rect>
<rect class="day" width="18" height="18" x="0" y="44" fill="rgb(255,247,251)" data-count="0" data-date="2020-04-15"></rect>
<rect class="day" width="18" height="18" x="0" y="66" fill="rgb(255,247,251)" data-count="0" data-date="2020-04-16"></rect>
<rect class="day" width="18" height="18" x="0" y="88" fill="rgb(255,247,251)" data-count="0" data-date="2020-04-17"></rect>
<rect class="day" width="18" height="18" x="0" y="110" fill="rgb(255,247,251)" data-count="0" data-date="2020-04-18"></rect>
<rect class="day" width="18" height="18" x="0" y="132" fill="rgb(255,247,251)" data-count="0" data-date="2020-04-19"></rect>
</g>
<g transform="translate(352, 0)">
<rect class="day" width="18" height="18" x="0" y="0" fill="rgb(255,247,251)" data-count="0" data-date="2020-04-20"></rect>
<rect class="day" width="18" height="18" x="0" y="22" fill="rgb(255,247,251)" data-count="0" data-date="2020-04-21"></rect>
<rect class="day" width="18" height="18" x="0" y="44" fill="rgb(255,247,251)" data-count="0" data-date="2020-04-22"></rect>
<rect class="day" width="18" height="18" x="0" y="66" fill="rgb(255,247,251)" data-count="0" data-date="2020-04-23"></rect>
<rect class="day" width="18" height="18" x="0" y="88" fill="rgb(255,247,251)" data-count="0" data-date="2020-04-24"></rect>
<rect class="day" width="18" height="18" x="0" y="110" fill="rgb(255,247,251)" data-count="0" data-date="2020-04-25"></rect>
<rect class="day" width="18" height="18" x="0" y="132" fill="rgb(255,247,251)" data-count="0" data-date="2020-04-26"></rect>
</g>
<g transform="translate(374, 0)">
<rect class="day" width="18" height="18" x="0" y="0" fill="rgb(255,247,251)" data-count="0" data-date="2020-04-27"></rect>
<rect class="day" width="18" height="18" x="0" y="22" fill="rgb(255,247,251)" data-count="0" data-date="2020-04-28"></rect>
<rect class="day" width="18" height="18" x="0" y="44" fill="rgb(255,247,251)" data-count="0" data-date="2020-04-29"></rect>
<rect class="day" width="18" height="18" x="0" y="66" fill="rgb(255,247,251)" data-count="0" data-date="2020-04-30"></rect>
<rect class="day" width="18" height="18" x="0" y="88" fill="rgb(255,247,251)" data-count="0" data-date="2020-05-01"></rect>
<rect class="day" width="18" height="18" x="0" y="110" fill="rgb(255,247,251)" data-count="0" data-date="2020-05-02"></rect>
<rect class="day" width="18" height="18" x="0" y="132" fill="rgb(255,247,251)" data-count="0" data-date="2020-05-03"></rect>
</g>
<g transform="translate(396, 0)">
<rect class="day" width="18" height="18" x="0" y="0" fill="rgb(255,247,251)" data-count="0" data-date="2020-05-04"></rect>
<rect class="day" width="18" height="18" x="0" y="22" fill="rgb(255,247,251)" data-count="0" data-date="2020-05-05"></rect>
<rect class="day" width="18" height="18" x="0" y="44" fill="rgb(255,247,251)" data-count="0" data-date="2020-05-06"></rect>
<rect class="day" width="18" height="18" x="0" y="66" fill="rgb(255,247,251)" data-count="0" data-date="2020-05-07"></rect>
<rect class="day" width="18" height="18" x="0" y="88" fill="rgb(255,247,251)" data-count="0" data-date="2020-05-08"></rect>
<rect class="day" width="18" height="18" x="0" y="110" fill="rgb(255,247,251)" data-count="0" data-date="2020-05-09"></rect>
<rect class="day" width="18" height="18" x="0" y="132" fill="rgb(255,247,251)" data-count="0" data-date="2020-05-10"></rect>
</g>
<g transform="translate(418, 0)">
<rect class="day" width="18" height="18" x="0" y="0" fill="rgb(255,247,251)" data-count="0" data-date="2020-05-11"></rect>
<rect class="day" width="18" height="18" x="0" y="22" fill="rgb(255,247,251)" data-count="0" data-date="2020-05-12"></rect>
<rect class="day" width="18" height="18" x="0" y="44" fill="rgb(255,247,251)" data-count="0" data-date="2020-05-13"></rect>
<rect class="day" width="18" height="18" x="0" y="66" fill="rgb(255,247,251)" data-count="0" data-date="2020-05-14"></rect>
<rect class="day" width="18" height="18" x="0" y="88" fill="rgb(255,247,251)" data-count="0" data-date="2020-05-15"></rect>
<rect class="day" width="18" height="18" x="0" y="110" fill="rgb(54,144,192)" data-count="8" data-date="2020-05-16"></rect>
<rect class="day" width="18" height="18" x="0" y="132" fill="rgb(2,56,88)" data-count="13" data-date="2020-05-17"></rect>
</g>
<g transform="translate(440, 0)">
<rect class="day" width="18" height="18" x="0" y="0" fill="rgb(166,189,219)" data-count="5" data-date="2020-05-18"></rect>
<rect class="day" width="18" height="18" x="0" y="22" fill="rgb(54,144,192)" data-count="8" data-date="2020-05-19"></rect>
<rect class="day" width="18" height="18" x="0" y="44" fill="rgb(166,189,219)" data-count="5" data-date="2020-05-20"></rect>
<rect class="day" width="18" height="18" x="0" y="66" fill="rgb(166,189,219)" data-count="5" data-date="2020-05-21"></rect>
<rect class="day" width="18" height="18" x="0" y="88" fill="rgb(208,209,230)" data-count="3" data-date="2020-05-22"></rect>
<rect class="day" width="18" height="18" x="0" y="110" fill="rgb(166,189,219)" data-count="5" data-date="2020-05-23"></rect>
<rect class="day" width="18" height="18" x="0" y="132" fill="rgb(116,169,207)" data-count="6" data-date="2020-05-24"></rect>
</g>
<g transform="translate(462, 0)">
<rect class="day" width="18" height="18" x="0" y="0" fill="rgb(208,209,230)" data-count="3" data-date="2020-05-25"></rect>
<rect class="day" width="18" height="18" x="0" y="22" fill="rgb(166,189,219)" data-count="5" data-date="2020-05-26"></rect>
<rect class="day" width="18" height="18" x="0" y="44" fill="rgb(54,144,192)" data-count="8" data-date="2020-05-27"></rect>
<rect class="day" width="18" height="18" x="0" y="66" fill="rgb(236,231,242)" data-count="2" data-date="2020-05-28"></rect>
<rect class="day" width="18" height="18" x="0" y="88" fill="rgb(236,231,242)" data-count="2" data-date="2020-05-29"></rect>
<rect class="day" width="18" height="18" x="0" y="110" fill="rgb(54,144,192)" data-count="8" data-date="2020-05-30"></rect>
<rect class="day" width="18" height="18" x="0" y="132" fill="rgb(166,189,219)" data-count="5" data-date="2020-05-31"></rect>
</g>
<g transform="translate(484, 0)">
<rect class="day" width="18" height="18" x="0" y="0" fill="rgb(236,231,242)" data-count="1" data-date="2020-06-01"></rect>
<rect class="day" width="18" height="18" x="0" y="22" fill="rgb(208,209,230)" data-count="3" data-date="2020-06-02"></rect>
<rect class="day" width="18" height="18" x="0" y="44" fill="rgb(236,231,242)" data-count="1" data-date="2020-06-03"></rect>
<rect class="day" width="18" height="18" x="0" y="66" fill="rgb(208,209,230)" data-count="3" data-date="2020-06-04"></rect>
<rect class="day" width="18" height="18" x="0" y="88" fill="rgb(236,231,242)" data-count="1" data-date="2020-06-05"></rect>
<rect class="day" width="18" height="18" x="0" y="110" fill="rgb(208,209,230)" data-count="3" data-date="2020-06-06"></rect>
<rect class="day" width="18" height="18" x="0" y="132" fill="rgb(166,189,219)" data-count="5" data-date="2020-06-07"></rect>
</g>
<g transform="translate(506, 0)">
<rect class="day" width="18" height="18" x="0" y="0" fill="rgb(255,247,251)" data-count="0" data-date="2020-06-08"></rect>
<rect class="day" width="18" height="18" x="0" y="22" fill="rgb(236,231,242)" data-count="1" data-date="2020-06-09"></rect>
<rect class="day" width="18" height="18" x="0" y="44" fill="rgb(236,231,242)" data-count="2" data-date="2020-06-10"></rect>
<rect class="day" width="18" height="18" x="0" y="66" fill="rgb(255,247,251)" data-count="0" data-date="2020-06-11"></rect>
<rect class="day" width="18" height="18" x="0" y="88" fill="rgb(5,112,176)" data-count="9" data-date="2020-06-12"></rect>
<rect class="day" width="18" height="18" x="0" y="110" fill="rgb(116,169,207)" data-count="7" data-date="2020-06-13"></rect>
<rect class="day" width="18" height="18" x="0" y="132" fill="rgb(208,209,230)" data-count="4" data-date="2020-06-14"></rect>
</g>
<g transform="translate(528, 0)">
<rect class="day" width="18" height="18" x="0" y="0" fill="rgb(236,231,242)" data-count="1" data-date="2020-06-15"></rect>
<rect class="day" width="18" height="18" x="0" y="22" fill="rgb(255,247,251)" data-count="0" data-date="2020-06-16"></rect>
<rect class="day" width="18" height="18" x="0" y="44" fill="rgb(236,231,242)" data-count="1" data-date="2020-06-17"></rect>
<rect class="day" width="18" height="18" x="0" y="66" fill="rgb(255,247,251)" data-count="0" data-date="2020-06-18"></rect>
<rect class="day" width="18" height="18" x="0" y="88" fill="rgb(255,247,251)" data-count="0" data-date="2020-06-19"></rect>
<rect class="day" width="18" height="18" x="0" y="110" fill="rgb(236,231,242)" data-count="2" data-date="2020-06-20"></rect>
<rect class="day" width="18" height="18" x="0" y="132" fill="rgb(236,231,242)" data-count="1" data-date="2020-06-21"></rect>
</g>
<g transform="translate(550, 0)">
<rect class="day" width="18" height="18" x="0" y="0" fill="rgb(255,247,251)" data-count="0" data-date="2020-06-22"></rect>
<rect class="day" width="18" height="18" x="0" y="22" fill="rgb(236,231,242)" data-count="2" data-date="2020-06-23"></rect>
<rect class="day" width="18" height="18" x="0" y="44" fill="rgb(236,231,242)" data-count="2" data-date="2020-06-24"></rect>
<rect class="day" width="18" height="18" x="0" y="66" fill="rgb(208,209,230)" data-count="3" data-date="2020-06-25"></rect>
<rect class="day" width="18" height="18" x="0" y="88" fill="rgb(208,209,230)" data-count="3" data-date="2020-06-26"></rect>
<rect class="day" width="18" height="18" x="0" y="110" fill="rgb(236,231,242)" data-count="2" data-date="2020-06-27"></rect>
<rect class="day" width="18" height="18" x="0" y="132" fill="rgb(236,231,242)" data-count="1" data-date="2020-06-28"></rect>
</g>
<g transform="translate(572, 0)">
<rect class="day" width="18" height="18" x="0" y="0" fill="rgb(236,231,242)" data-count="1" data-date="2020-06-29"></rect>
<rect class="day" width="18" height="18" x="0" y="22" fill="rgb(236,231,242)" data-count="2" data-date="2020-06-30"></rect>
<rect class="day" width="18" height="18" x="0" y="44" fill="rgb(255,247,251)" data-count="0" data-date="2020-07-01"></rect>
<rect class="day" width="18" height="18" x="0" y="66" fill="rgb(255,247,251)" data-count="0" data-date="2020-07-02"></rect>
<rect class="day" width="18" height="18" x="0" y="88" fill="rgb(255,247,251)" data-count="0" data-date="2020-07-03"></rect>
<rect class="day" width="18" height="18" x="0" y="110" fill="rgb(255,247,251)" data-count="0" data-date="2020-07-04"></rect>
<rect class="day" width="18" height="18" x="0" y="132" fill="rgb(255,247,251)" data-count="0" data-date="2020-07-05"></rect>
</g>
<g transform="translate(594, 0)">
<rect class="day" width="18" height="18" x="0" y="0" fill="rgb(255,247,251)" data-count="0" data-date="2020-07-06"></rect>
<rect class="day" width="18" height="18" x="0" y="22" fill="rgb(255,247,251)" data-count="0" data-date="2020-07-07"></rect>
<rect class="day" width="18" height="18" x="0" y="44" fill="rgb(255,247,251)" data-count="0" data-date="2020-07-08"></rect>
<rect class="day" width="18" height="18" x="0" y="66" fill="rgb(255,247,251)" data-count="0" data-date="2020-07-09"></rect>
<rect class="day" width="18" height="18" x="0" y="88" fill="rgb(255,247,251)" data-count="0" data-date="2020-07-10"></rect>
<rect class="day" width="18" height="18" x="0" y="110" fill="rgb(255,247,251)" data-count="0" data-date="2020-07-11"></rect>
<rect class="day" width="18" height="18" x="0" y="132" fill="rgb(255,247,251)" data-count="0" data-date="2020-07-12"></rect>
</g>
<g transform="translate(616, 0)">
<rect class="day" width="18" height="18" x="0" y="0" fill="rgb(255,247,251)" data-count="0" data-date="2020-07-13"></rect>
<rect class="day" width="18" height="18" x="0" y="22" fill="rgb(255,247,251)" data-count="0" data-date="2020-07-14"></rect>
<rect class="day" width="18" height="18" x="0" y="44" fill="rgb(255,247,251)" data-count="0" data-date="2020-07-15"></rect>
<rect class="day" width="18" height="18" x="0" y="66" fill="rgb(255,247,251)" data-count="0" data-date="2020-07-16"></rect>
<rect class="day" width="18" height="18" x="0" y="88" fill="rgb(255,247,251)" data-count="0" data-date="2020-07-17"></rect>
<rect class="day" width="18" height="18" x="0" y="110" fill="rgb(255,247,251)" data-count="0" data-date="2020-07-18"></rect>
<rect class="day" width="18" height="18" x="0" y="132" fill="rgb(255,247,251)" data-count="0" data-date="2020-07-19"></rect>
</g>
<g transform="translate(638, 0)">
<rect class="day" width="18" height="18" x="0" y="0" fill="rgb(255,247,251)" data-count="0" data-date="2020-07-20"></rect>
<rect class="day" width="18" height="18" x="0" y="22" fill="rgb(255,247,251)" data-count="0" data-date="2020-07-21"></rect>
<rect class="day" width="18" height="18" x="0" y="44" fill="rgb(255,247,251)" data-count="0" data-date="2020-07-22"></rect>
<rect class="day" width="18" height="18" x="0" y="66" fill="rgb(255,247,251)" data-count="0" data-date="2020-07-23"></rect>
<rect class="day" width="18" height="18" x="0" y="88" fill="rgb(255,247,251)" data-count="0" data-date="2020-07-24"></rect>
<rect class="day" width="18" height="18" x="0" y="110" fill="rgb(255,247,251)" data-count="0" data-date="2020-07-25"></rect>
<rect class="day" width="18" height="18" x="0" y="132" fill="rgb(255,247,251)" data-count="0" data-date="2020-07-26"></rect>
</g>
<g transform="translate(660, 0)">
<rect class="day" width="18" height="18" x="0" y="0" fill="rgb(255,247,251)" data-count="0" data-date="2020-07-27"></rect>
<rect class="day" width="18" height="18" x="0" y="22" fill="rgb(255,247,251)" data-count="0" data-date="2020-07-28"></rect>
<rect class="day" width="18" height="18" x="0" y="44" fill="rgb(255,247,251)" data-count="0" data-date="2020-07-29"></rect>
<rect class="day" width="18" height="18" x="0" y="66" fill="rgb(255,247,251)" data-count="0" data-date="2020-07-30"></rect>
<rect class="day" width="18" height="18" x="0" y="88" fill="rgb(255,247,251)" data-count="0" data-date="2020-07-31"></rect>
<rect class="day" width="18" height="18" x="0" y="110" fill="rgb(255,247,251)" data-count="0" data-date="2020-08-01"></rect>
<rect class="day" width="18" height="18" x="0" y="132" fill="rgb(255,247,251)" data-count="0" data-date="2020-08-02"></rect>
</g>
<g transform="translate(682, 0)">
<rect class="day" width="18" height="18" x="0" y="0" fill="rgb(255,247,251)" data-count="0" data-date="2020-08-03"></rect>
<rect class="day" width="18" height="18" x="0" y="22" fill="rgb(255,247,251)" data-count="0" data-date="2020-08-04"></rect>
<rect class="day" width="18" height="18" x="0" y="44" fill="rgb(255,247,251)" data-count="0" data-date="2020-08-05"></rect>
<rect class="day" width="18" height="18" x="0" y="66" fill="rgb(255,247,251)" data-count="0" data-date="2020-08-06"></rect>
<rect class="day" width="18" height="18" x="0" y="88" fill="rgb(255,247,251)" data-count="0" data-date="2020-08-07"></rect>
<rect class="day" width="18" height="18" x="0" y="110" fill="rgb(255,247,251)" data-count="0" data-date="2020-08-08"></rect>
<rect class="day" width="18" height="18" x="0" y="132" fill="rgb(255,247,251)" data-count="0" data-date="2020-08-09"></rect>
</g>
<g transform="translate(704, 0)">
<rect class="day" width="18" height="18" x="0" y="0" fill="rgb(255,247,251)" data-count="0" data-date="2020-08-10"></rect>
<rect class="day" width="18" height="18" x="0" y="22" fill="rgb(255,247,251)" data-count="0" data-date="2020-08-11"></rect>
<rect class="day" width="18" height="18" x="0" y="44" fill="rgb(255,247,251)" data-count="0" data-date="2020-08-12"></rect>
<rect class="day" width="18" height="18" x="0" y="66" fill="rgb(255,247,251)" data-count="0" data-date="2020-08-13"></rect>
<rect class="day" width="18" height="18" x="0" y="88" fill="rgb(255,247,251)" data-count="0" data-date="2020-08-14"></rect>
<rect class="day" width="18" height="18" x="0" y="110" fill="rgb(255,247,251)" data-count="0" data-date="2020-08-15"></rect>
<rect class="day" width="18" height="18" x="0" y="132" fill="rgb(255,247,251)" data-count="0" data-date="2020-08-16"></rect>
</g>
<g transform="translate(726, 0)">
<rect class="day" width="18" height="18" x="0" y="0" fill="rgb(255,247,251)" data-count="0" data-date="2020-08-17"></rect>
<rect class="day" width="18" height="18" x="0" y="22" fill="rgb(255,247,251)" data-count="0" data-date="2020-08-18"></rect>
<rect class="day" width="18" height="18" x="0" y="44" fill="rgb(255,247,251)" data-count="0" data-date="2020-08-19"></rect>
<rect class="day" width="18" height="18" x="0" y="66" fill="rgb(255,247,251)" data-count="0" data-date="2020-08-20"></rect>
<rect class="day" width="18" height="18" x="0" y="88" fill="rgb(255,247,251)" data-count="0" data-date="2020-08-21"></rect>
<rect class="day" width="18" height="18" x="0" y="110" fill="rgb(255,247,251)" data-count="0" data-date="2020-08-22"></rect>
<rect class="day" width="18" height="18" x="0" y="132" fill="rgb(255,247,251)" data-count="0" data-date="2020-08-23"></rect>
</g>
<g transform="translate(748, 0)">
<rect class="day" width="18" height="18" x="0" y="0" fill="rgb(255,247,251)" data-count="0" data-date="2020-08-24"></rect>
<rect class="day" width="18" height="18" x="0" y="22" fill="rgb(255,247,251)" data-count="0" data-date="2020-08-25"></rect>
<rect class="day" width="18" height="18" x="0" y="44" fill="rgb(255,247,251)" data-count="0" data-date="2020-08-26"></rect>
<rect class="day" width="18" height="18" x="0" y="66" fill="rgb(255,247,251)" data-count="0" data-date="2020-08-27"></rect>
<rect class="day" width="18" height="18" x="0" y="88" fill="rgb(255,247,251)" data-count="0" data-date="2020-08-28"></rect>
<rect class="day" width="18" height="18" x="0" y="110" fill="rgb(255,247,251)" data-count="0" data-date="2020-08-29"></rect>
<rect class="day" width="18" height="18" x="0" y="132" fill="rgb(255,247,251)" data-count="0" data-date="2020-08-30"></rect>
</g>
<g transform="translate(770, 0)">
<rect class="day" width="18" height="18" x="0" y="0" fill="rgb(255,247,251)" data-count="0" data-date="2020-08-31"></rect>
<rect class="day" width="18" height="18" x="0" y="22" fill="rgb(255,247,251)" data-count="0" data-date="2020-09-01"></rect>
<rect class="day" width="18" height="18" x="0" y="44" fill="rgb(255,247,251)" data-count="0" data-date="2020-09-02"></rect>
<rect class="day" width="18" height="18" x="0" y="66" fill="rgb(255,247,251)" data-count="0" data-date="2020-09-03"></rect>
<rect class="day" width="18" height="18" x="0" y="88" fill="rgb(255,247,251)" data-count="0" data-date="2020-09-04"></rect>
<rect class="day" width="18" height="18" x="0" y="110" fill="rgb(255,247,251)" data-count="0" data-date="2020-09-05"></rect>
<rect class="day" width="18" height="18" x="0" y="132" fill="rgb(255,247,251)" data-count="0" data-date="2020-09-06"></rect>
</g>
<g transform="translate(792, 0)">
<rect class="day" width="18" height="18" x="0" y="0" fill="rgb(255,247,251)" data-count="0" data-date="2020-09-07"></rect>
<rect class="day" width="18" height="18" x="0" y="22" fill="rgb(255,247,251)" data-count="0" data-date="2020-09-08"></rect>
<rect class="day" width="18" height="18" x="0" y="44" fill="rgb(255,247,251)" data-count="0" data-date="2020-09-09"></rect>
<rect class="day" width="18" height="18" x="0" y="66" fill="rgb(255,247,251)" data-count="0" data-date="2020-09-10"></rect>
<rect class="day" width="18" height="18" x="0" y="88" fill="rgb(255,247,251)" data-count="0" data-date="2020-09-11"></rect>
<rect class="day" width="18" height="18" x="0" y="110" fill="rgb(255,247,251)" data-count="0" data-date="2020-09-12"></rect>
<rect class="day" width="18" height="18" x="0" y="132" fill="rgb(255,247,251)" data-count="0" data-date="2020-09-13"></rect>
</g>
<g transform="translate(814, 0)">
<rect class="day" width="18" height="18" x="0" y="0" fill="rgb(255,247,251)" data-count="0" data-date="2020-09-14"></rect>
<rect class="day" width="18" height="18" x="0" y="22" fill="rgb(255,247,251)" data-count="0" data-date="2020-09-15"></rect>
<rect class="day" width="18" height="18" x="0" y="44" fill="rgb(255,247,251)" data-count="0" data-date="2020-09-16"></rect>
<rect class="day" width="18" height="18" x="0" y="66" fill="rgb(255,247,251)" data-count="0" data-date="2020-09-17"></rect>
<rect class="day" width="18" height="18" x="0" y="88" fill="rgb(255,247,251)" data-count="0" data-date="2020-09-18"></rect>
<rect class="day" width="18" height="18" x="0" y="110" fill="rgb(255,247,251)" data-count="0" data-date="2020-09-19"></rect>
<rect class="day" width="18" height="18" x="0" y="132" fill="rgb(255,247,251)" data-count="0" data-date="2020-09-20"></rect>
</g>
<g transform="translate(836, 0)">
<rect class="day" width="18" height="18" x="0" y="0" fill="rgb(255,247,251)" data-count="0" data-date="2020-09-21"></rect>
<rect class="day" width="18" height="18" x="0" y="22" fill="rgb(255,247,251)" data-count="0" data-date="2020-09-22"></rect>
<rect class="day" width="18" height="18" x="0" y="44" fill="rgb(255,247,251)" data-count="0" data-date="2020-09-23"></rect>
<rect class="day" width="18" height="18" x="0" y="66" fill="rgb(255,247,251)" data-count="0" data-date="2020-09-24"></rect>
<rect class="day" width="18" height="18" x="0" y="88" fill="rgb(255,247,251)" data-count="0" data-date="2020-09-25"></rect>
<rect class="day" width="18" height="18" x="0" y="110" fill="rgb(255,247,251)" data-count="0" data-date="2020-09-26"></rect>
<rect class="day" width="18" height="18" x="0" y="132" fill="rgb(255,247,251)" data-count="0" data-date="2020-09-27"></rect>
</g>
<g transform="translate(858, 0)">
<rect class="day" width="18" height="18" x="0" y="0" fill="rgb(255,247,251)" data-count="0" data-date="2020-09-28"></rect>
<rect class="day" width="18" height="18" x="0" y="22" fill="rgb(255,247,251)" data-count="0" data-date="2020-09-29"></rect>
<rect class="day" width="18" height="18" x="0" y="44" fill="rgb(255,247,251)" data-count="0" data-date="2020-09-30"></rect>
<rect class="day" width="18" height="18" x="0" y="66" fill="rgb(255,247,251)" data-count="0" data-date="2020-10-01"></rect>
<rect class="day" width="18" height="18" x="0" y="88" fill="rgb(255,247,251)" data-count="0" data-date="2020-10-02"></rect>
<rect class="day" width="18" height="18" x="0" y="110" fill="rgb(255,247,251)" data-count="0" data-date="2020-10-03"></rect>
<rect class="day" width="18" height="18" x="0" y="132" fill="rgb(255,247,251)" data-count="0" data-date="2020-10-04"></rect>
</g>
<g transform="translate(880, 0)">
<rect class="day" width="18" height="18" x="0" y="0" fill="rgb(255,247,251)" data-count="0" data-date="2020-10-05"></rect>
<rect class="day" width="18" height="18" x="0" y="22" fill="rgb(255,247,251)" data-count="0" data-date="2020-10-06"></rect>
<rect class="day" width="18" height="18" x="0" y="44" fill="rgb(255,247,251)" data-count="0" data-date="2020-10-07"></rect>
<rect class="day" width="18" height="18" x="0" y="66" fill="rgb(255,247,251)" data-count="0" data-date="2020-10-08"></rect>
<rect class="day" width="18" height="18" x="0" y="88" fill="rgb(255,247,251)" data-count="0" data-date="2020-10-09"></rect>
<rect class="day" width="18" height="18" x="0" y="110" fill="rgb(255,247,251)" data-count="0" data-date="2020-10-10"></rect>
<rect class="day" width="18" height="18" x="0" y="132" fill="rgb(255,247,251)" data-count="0" data-date="2020-10-11"></rect>
</g>
<g transform="translate(902, 0)">
<rect class="day" width="18" height="18" x="0" y="0" fill="rgb(255,247,251)" data-count="0" data-date="2020-10-12"></rect>
<rect class="day" width="18" height="18" x="0" y="22" fill="rgb(255,247,251)" data-count="0" data-date="2020-10-13"></rect>
<rect class="day" width="18" height="18" x="0" y="44" fill="rgb(255,247,251)" data-count="0" data-date="2020-10-14"></rect>
<rect class="day" width="18" height="18" x="0" y="66" fill="rgb(255,247,251)" data-count="0" data-date="2020-10-15"></rect>
<rect class="day" width="18" height="18" x="0" y="88" fill="rgb(255,247,251)" data-count="0" data-date="2020-10-16"></rect>
<rect class="day" width="18" height="18" x="0" y="110" fill="rgb(255,247,251)" data-count="0" data-date="2020-10-17"></rect>
<rect class="day" width="18" height="18" x="0" y="132" fill="rgb(255,247,251)" data-count="0" data-date="2020-10-18"></rect>
</g>
<g transform="translate(924, 0)">
<rect class="day" width="18" height="18" x="0" y="0" fill="rgb(255,247,251)" data-count="0" data-date="2020-10-19"></rect>
<rect class="day" width="18" height="18" x="0" y="22" fill="rgb(255,247,251)" data-count="0" data-date="2020-10-20"></rect>
<rect class="day" width="18" height="18" x="0" y="44" fill="rgb(255,247,251)" data-count="0" data-date="2020-10-21"></rect>
<rect class="day" width="18" height="18" x="0" y="66" fill="rgb(255,247,251)" data-count="0" data-date="2020-10-22"></rect>
<rect class="day" width="18" height="18" x="0" y="88" fill="rgb(255,247,251)" data-count="0" data-date="2020-10-23"></rect>
<rect class="day" width="18" height="18" x="0" y="110" fill="rgb(255,247,251)" data-count="0" data-date="2020-10-24"></rect>
<rect class="day" width="18" height="18" x="0" y="132" fill="rgb(255,247,251)" data-count="0" data-date="2020-10-25"></rect>
</g>
<g transform="translate(946, 0)">
<rect class="day" width="18" height="18" x="0" y="0" fill="rgb(255,247,251)" data-count="0" data-date="2020-10-26"></rect>
<rect class="day" width="18" height="18" x="0" y="22" fill="rgb(255,247,251)" data-count="0" data-date="2020-10-27"></rect>
<rect class="day" width="18" height="18" x="0" y="44" fill="rgb(255,247,251)" data-count="0" data-date="2020-10-28"></rect>
<rect class="day" width="18" height="18" x="0" y="66" fill="rgb(255,247,251)" data-count="0" data-date="2020-10-29"></rect>
<rect class="day" width="18" height="18" x="0" y="88" fill="rgb(255,247,251)" data-count="0" data-date="2020-10-30"></rect>
<rect class="day" width="18" height="18" x="0" y="110" fill="rgb(255,247,251)" data-count="0" data-date="2020-10-31"></rect>
<rect class="day" width="18" height="18" x="0" y="132" fill="rgb(255,247,251)" data-count="0" data-date="2020-11-01"></rect>
</g>
<g transform="translate(968, 0)">
<rect class="day" width="18" height="18" x="0" y="0" fill="rgb(255,247,251)" data-count="0" data-date="2020-11-02"></rect>
<rect class="day" width="18" height="18" x="0" y="22" fill="rgb(255,247,251)" data-count="0" data-date="2020-11-03"></rect>
<rect class="day" width="18" height="18" x="0" y="44" fill="rgb(255,247,251)" data-count="0" data-date="2020-11-04"></rect>
<rect class="day" width="18" height="18" x="0" y="66" fill="rgb(255,247,251)" data-count="0" data-date="2020-11-05"></rect>
<rect class="day" width="18" height="18" x="0" y="88" fill="rgb(255,247,251)" data-count="0" data-date="2020-11-06"></rect>
<rect class="day" width="18" height="18" x="0" y="110" fill="rgb(255,247,251)" data-count="0" data-date="2020-11-07"></rect>
<rect class="day" width="18" height="18" x="0" y="132" fill="rgb(255,247,251)" data-count="0" data-date="2020-11-08"></rect>
</g>
<g transform="translate(990, 0)">
<rect class="day" width="18" height="18" x="0" y="0" fill="rgb(255,247,251)" data-count="0" data-date="2020-11-09"></rect>
<rect class="day" width="18" height="18" x="0" y="22" fill="rgb(255,247,251)" data-count="0" data-date="2020-11-10"></rect>
<rect class="day" width="18" height="18" x="0" y="44" fill="rgb(255,247,251)" data-count="0" data-date="2020-11-11"></rect>
<rect class="day" width="18" height="18" x="0" y="66" fill="rgb(255,247,251)" data-count="0" data-date="2020-11-12"></rect>
<rect class="day" width="18" height="18" x="0" y="88" fill="rgb(255,247,251)" data-count="0" data-date="2020-11-13"></rect>
<rect class="day" width="18" height="18" x="0" y="110" fill="rgb(255,247,251)" data-count="0" data-date="2020-11-14"></rect>
<rect class="day" width="18" height="18" x="0" y="132" fill="rgb(255,247,251)" data-count="0" data-date="2020-11-15"></rect>
</g>
<g transform="translate(1012, 0)">
<rect class="day" width="18" height="18" x="0" y="0" fill="rgb(255,247,251)" data-count="0" data-date="2020-11-16"></rect>
<rect class="day" width="18" height="18" x="0" y="22" fill="rgb(255,247,251)" data-count="0" data-date="2020-11-17"></rect>
<rect class="day" width="18" height="18" x="0" y="44" fill="rgb(255,247,251)" data-count="0" data-date="2020-11-18"></rect>
<rect class="day" width="18" height="18" x="0" y="66" fill="rgb(255,247,251)" data-count="0" data-date="2020-11-19"></rect>
<rect class="day" width="18" height="18" x="0" y="88" fill="rgb(255,247,251)" data-count="0" data-date="2020-11-20"></rect>
<rect class="day" width="18" height="18" x="0" y="110" fill="rgb(255,247,251)" data-count="0" data-date="2020-11-21"></rect>
<rect class="day" width="18" height="18" x="0" y="132" fill="rgb(255,247,251)" data-count="0" data-date="2020-11-22"></rect>
</g>
<g transform="translate(1034, 0)">
<rect class="day" width="18" height="18" x="0" y="0" fill="rgb(255,247,251)" data-count="0" data-date="2020-11-23"></rect>
<rect class="day" width="18" height="18" x="0" y="22" fill="rgb(255,247,251)" data-count="0" data-date="2020-11-24"></rect>
<rect class="day" width="18" height="18" x="0" y="44" fill="rgb(255,247,251)" data-count="0" data-date="2020-11-25"></rect>
<rect class="day" width="18" height="18" x="0" y="66" fill="rgb(255,247,251)" data-count="0" data-date="2020-11-26"></rect>
<rect class="day" width="18" height="18" x="0" y="88" fill="rgb(255,247,251)" data-count="0" data-date="2020-11-27"></rect>
<rect class="day" width="18" height="18" x="0" y="110" fill="rgb(255,247,251)" data-count="0" data-date="2020-11-28"></rect>
<rect class="day" width="18" height="18" x="0" y="132" fill="rgb(255,247,251)" data-count="0" data-date="2020-11-29"></rect>
</g>
<g transform="translate(1056, 0)">
<rect class="day" width="18" height="18" x="0" y="0" fill="rgb(255,247,251)" data-count="0" data-date="2020-11-30"></rect>
<rect class="day" width="18" height="18" x="0" y="22" fill="rgb(255,247,251)" data-count="0" data-date="2020-12-01"></rect>
<rect class="day" width="18" height="18" x="0" y="44" fill="rgb(255,247,251)" data-count="0" data-date="2020-12-02"></rect>
<rect class="day" width="18" height="18" x="0" y="66" fill="rgb(255,247,251)" data-count="0" data-date="2020-12-03"></rect>
<rect class="day" width="18" height="18" x="0" y="88" fill="rgb(255,247,251)" data-count="0" data-date="2020-12-04"></rect>
<rect class="day" width="18" height="18" x="0" y="110" fill="rgb(255,247,251)" data-count="0" data-date="2020-12-05"></rect>
<rect class="day" width="18" height="18" x="0" y="132" fill="rgb(255,247,251)" data-count="0" data-date="2020-12-06"></rect>
</g>
<g transform="translate(1078, 0)">
<rect class="day" width="18" height="18" x="0" y="0" fill="rgb(255,247,251)" data-count="0" data-date="2020-12-07"></rect>
<rect class="day" width="18" height="18" x="0" y="22" fill="rgb(255,247,251)" data-count="0" data-date="2020-12-08"></rect>
<rect class="day" width="18" height="18" x="0" y="44" fill="rgb(255,247,251)" data-count="0" data-date="2020-12-09"></rect>
<rect class="day" width="18" height="18" x="0" y="66" fill="rgb(255,247,251)" data-count="0" data-date="2020-12-10"></rect>
<rect class="day" width="18" height="18" x="0" y="88" fill="rgb(255,247,251)" data-count="0" data-date="2020-12-11"></rect>
<rect class="day" width="18" height="18" x="0" y="110" fill="rgb(255,247,251)" data-count="0" data-date="2020-12-12"></rect>
<rect class="day" width="18" height="18" x="0" y="132" fill="rgb(255,247,251)" data-count="0" data-date="2020-12-13"></rect>
</g>
<g transform="translate(1100, 0)">
<rect class="day" width="18" height="18" x="0" y="0" fill="rgb(255,247,251)" data-count="0" data-date="2020-12-14"></rect>
<rect class="day" width="18" height="18" x="0" y="22" fill="rgb(255,247,251)" data-count="0" data-date="2020-12-15"></rect>
<rect class="day" width="18" height="18" x="0" y="44" fill="rgb(255,247,251)" data-count="0" data-date="2020-12-16"></rect>
<rect class="day" width="18" height="18" x="0" y="66" fill="rgb(255,247,251)" data-count="0" data-date="2020-12-17"></rect>
<rect class="day" width="18" height="18" x="0" y="88" fill="rgb(255,247,251)" data-count="0" data-date="2020-12-18"></rect>
<rect class="day" width="18" height="18" x="0" y="110" fill="rgb(255,247,251)" data-count="0" data-date="2020-12-19"></rect>
<rect class="day" width="18" height="18" x="0" y="132" fill="rgb(255,247,251)" data-count="0" data-date="2020-12-20"></rect>
</g>
<g transform="translate(1122, 0)">
<rect class="day" width="18" height="18" x="0" y="0" fill="rgb(255,247,251)" data-count="0" data-date="2020-12-21"></rect>
<rect class="day" width="18" height="18" x="0" y="22" fill="rgb(255,247,251)" data-count="0" data-date="2020-12-22"></rect>
<rect class="day" width="18" height="18" x="0" y="44" fill="rgb(255,247,251)" data-count="0" data-date="2020-12-23"></rect>
<rect class="day" width="18" height="18" x="0" y="66" fill="rgb(255,247,251)" data-count="0" data-date="2020-12-24"></rect>
<rect class="day" width="18" height="18" x="0" y="88" fill="rgb(255,247,251)" data-count="0" data-date="2020-12-25"></rect>
<rect class="day" width="18" height="18" x="0" y="110" fill="rgb(255,247,251)" data-count="0" data-date="2020-12-26"></rect>
<rect class="day" width="18" height="18" x="0" y="132" fill="rgb(255,247,251)" data-count="0" data-date="2020-12-27"></rect>
</g>
<g transform="translate(1144, 0)">
<rect class="day" width="18" height="18" x="0" y="0" fill="rgb(255,247,251)" data-count="0" data-date="2020-12-28"></rect>
<rect class="day" width="18" height="18" x="0" y="22" fill="rgb(255,247,251)" data-count="0" data-date="2020-12-29"></rect>
<rect class="day" width="18" height="18" x="0" y="44" fill="rgb(255,247,251)" data-count="0" data-date="2020-12-30"></rect>
<rect class="day" width="18" height="18" x="0" y="66" fill="rgb(255,247,251)" data-count="0" data-date="2020-12-31"></rect>
</g>
</g></svg>

After

Width:  |  Height:  |  Size: 48 KiB

View File

@ -0,0 +1,559 @@
<svg viewBox="0 0 1188 176" xmlns="http://www.w3.org/2000/svg" xmlns:xlink= "http://www.w3.org/1999/xlink">
<g transform="translate(25, 23)">
<g transform="translate(0, 0)">
<rect class="day" width="18" height="18" x="0" y="44" fill="rgb(255,247,251)" data-count="0" data-date="2020-01-01"></rect>
<rect class="day" width="18" height="18" x="0" y="66" fill="rgb(255,247,251)" data-count="0" data-date="2020-01-02"></rect>
<rect class="day" width="18" height="18" x="0" y="88" fill="rgb(255,247,251)" data-count="0" data-date="2020-01-03"></rect>
<rect class="day" width="18" height="18" x="0" y="110" fill="rgb(255,247,251)" data-count="0" data-date="2020-01-04"></rect>
<rect class="day" width="18" height="18" x="0" y="132" fill="rgb(255,247,251)" data-count="0" data-date="2020-01-05"></rect>
</g>
<g transform="translate(22, 0)">
<rect class="day" width="18" height="18" x="0" y="0" fill="rgb(255,247,251)" data-count="0" data-date="2020-01-06"></rect>
<rect class="day" width="18" height="18" x="0" y="22" fill="rgb(255,247,251)" data-count="0" data-date="2020-01-07"></rect>
<rect class="day" width="18" height="18" x="0" y="44" fill="rgb(255,247,251)" data-count="0" data-date="2020-01-08"></rect>
<rect class="day" width="18" height="18" x="0" y="66" fill="rgb(255,247,251)" data-count="0" data-date="2020-01-09"></rect>
<rect class="day" width="18" height="18" x="0" y="88" fill="rgb(255,247,251)" data-count="0" data-date="2020-01-10"></rect>
<rect class="day" width="18" height="18" x="0" y="110" fill="rgb(255,247,251)" data-count="0" data-date="2020-01-11"></rect>
<rect class="day" width="18" height="18" x="0" y="132" fill="rgb(255,247,251)" data-count="0" data-date="2020-01-12"></rect>
</g>
<g transform="translate(44, 0)">
<rect class="day" width="18" height="18" x="0" y="0" fill="rgb(255,247,251)" data-count="0" data-date="2020-01-13"></rect>
<rect class="day" width="18" height="18" x="0" y="22" fill="rgb(255,247,251)" data-count="0" data-date="2020-01-14"></rect>
<rect class="day" width="18" height="18" x="0" y="44" fill="rgb(255,247,251)" data-count="0" data-date="2020-01-15"></rect>
<rect class="day" width="18" height="18" x="0" y="66" fill="rgb(255,247,251)" data-count="0" data-date="2020-01-16"></rect>
<rect class="day" width="18" height="18" x="0" y="88" fill="rgb(255,247,251)" data-count="0" data-date="2020-01-17"></rect>
<rect class="day" width="18" height="18" x="0" y="110" fill="rgb(255,247,251)" data-count="0" data-date="2020-01-18"></rect>
<rect class="day" width="18" height="18" x="0" y="132" fill="rgb(255,247,251)" data-count="0" data-date="2020-01-19"></rect>
</g>
<g transform="translate(66, 0)">
<rect class="day" width="18" height="18" x="0" y="0" fill="rgb(255,247,251)" data-count="0" data-date="2020-01-20"></rect>
<rect class="day" width="18" height="18" x="0" y="22" fill="rgb(255,247,251)" data-count="0" data-date="2020-01-21"></rect>
<rect class="day" width="18" height="18" x="0" y="44" fill="rgb(255,247,251)" data-count="0" data-date="2020-01-22"></rect>
<rect class="day" width="18" height="18" x="0" y="66" fill="rgb(255,247,251)" data-count="0" data-date="2020-01-23"></rect>
<rect class="day" width="18" height="18" x="0" y="88" fill="rgb(255,247,251)" data-count="0" data-date="2020-01-24"></rect>
<rect class="day" width="18" height="18" x="0" y="110" fill="rgb(255,247,251)" data-count="0" data-date="2020-01-25"></rect>
<rect class="day" width="18" height="18" x="0" y="132" fill="rgb(255,247,251)" data-count="0" data-date="2020-01-26"></rect>
</g>
<g transform="translate(88, 0)">
<rect class="day" width="18" height="18" x="0" y="0" fill="rgb(255,247,251)" data-count="0" data-date="2020-01-27"></rect>
<rect class="day" width="18" height="18" x="0" y="22" fill="rgb(255,247,251)" data-count="0" data-date="2020-01-28"></rect>
<rect class="day" width="18" height="18" x="0" y="44" fill="rgb(255,247,251)" data-count="0" data-date="2020-01-29"></rect>
<rect class="day" width="18" height="18" x="0" y="66" fill="rgb(255,247,251)" data-count="0" data-date="2020-01-30"></rect>
<rect class="day" width="18" height="18" x="0" y="88" fill="rgb(255,247,251)" data-count="0" data-date="2020-01-31"></rect>
<rect class="day" width="18" height="18" x="0" y="110" fill="rgb(255,247,251)" data-count="0" data-date="2020-02-01"></rect>
<rect class="day" width="18" height="18" x="0" y="132" fill="rgb(255,247,251)" data-count="0" data-date="2020-02-02"></rect>
</g>
<g transform="translate(110, 0)">
<rect class="day" width="18" height="18" x="0" y="0" fill="rgb(255,247,251)" data-count="0" data-date="2020-02-03"></rect>
<rect class="day" width="18" height="18" x="0" y="22" fill="rgb(255,247,251)" data-count="0" data-date="2020-02-04"></rect>
<rect class="day" width="18" height="18" x="0" y="44" fill="rgb(255,247,251)" data-count="0" data-date="2020-02-05"></rect>
<rect class="day" width="18" height="18" x="0" y="66" fill="rgb(255,247,251)" data-count="0" data-date="2020-02-06"></rect>
<rect class="day" width="18" height="18" x="0" y="88" fill="rgb(255,247,251)" data-count="0" data-date="2020-02-07"></rect>
<rect class="day" width="18" height="18" x="0" y="110" fill="rgb(255,247,251)" data-count="0" data-date="2020-02-08"></rect>
<rect class="day" width="18" height="18" x="0" y="132" fill="rgb(255,247,251)" data-count="0" data-date="2020-02-09"></rect>
</g>
<g transform="translate(132, 0)">
<rect class="day" width="18" height="18" x="0" y="0" fill="rgb(255,247,251)" data-count="0" data-date="2020-02-10"></rect>
<rect class="day" width="18" height="18" x="0" y="22" fill="rgb(255,247,251)" data-count="0" data-date="2020-02-11"></rect>
<rect class="day" width="18" height="18" x="0" y="44" fill="rgb(255,247,251)" data-count="0" data-date="2020-02-12"></rect>
<rect class="day" width="18" height="18" x="0" y="66" fill="rgb(255,247,251)" data-count="0" data-date="2020-02-13"></rect>
<rect class="day" width="18" height="18" x="0" y="88" fill="rgb(255,247,251)" data-count="0" data-date="2020-02-14"></rect>
<rect class="day" width="18" height="18" x="0" y="110" fill="rgb(255,247,251)" data-count="0" data-date="2020-02-15"></rect>
<rect class="day" width="18" height="18" x="0" y="132" fill="rgb(255,247,251)" data-count="0" data-date="2020-02-16"></rect>
</g>
<g transform="translate(154, 0)">
<rect class="day" width="18" height="18" x="0" y="0" fill="rgb(255,247,251)" data-count="0" data-date="2020-02-17"></rect>
<rect class="day" width="18" height="18" x="0" y="22" fill="rgb(255,247,251)" data-count="0" data-date="2020-02-18"></rect>
<rect class="day" width="18" height="18" x="0" y="44" fill="rgb(255,247,251)" data-count="0" data-date="2020-02-19"></rect>
<rect class="day" width="18" height="18" x="0" y="66" fill="rgb(255,247,251)" data-count="0" data-date="2020-02-20"></rect>
<rect class="day" width="18" height="18" x="0" y="88" fill="rgb(255,247,251)" data-count="0" data-date="2020-02-21"></rect>
<rect class="day" width="18" height="18" x="0" y="110" fill="rgb(255,247,251)" data-count="0" data-date="2020-02-22"></rect>
<rect class="day" width="18" height="18" x="0" y="132" fill="rgb(255,247,251)" data-count="0" data-date="2020-02-23"></rect>
</g>
<g transform="translate(176, 0)">
<rect class="day" width="18" height="18" x="0" y="0" fill="rgb(255,247,251)" data-count="0" data-date="2020-02-24"></rect>
<rect class="day" width="18" height="18" x="0" y="22" fill="rgb(255,247,251)" data-count="0" data-date="2020-02-25"></rect>
<rect class="day" width="18" height="18" x="0" y="44" fill="rgb(255,247,251)" data-count="0" data-date="2020-02-26"></rect>
<rect class="day" width="18" height="18" x="0" y="66" fill="rgb(255,247,251)" data-count="0" data-date="2020-02-27"></rect>
<rect class="day" width="18" height="18" x="0" y="88" fill="rgb(255,247,251)" data-count="0" data-date="2020-02-28"></rect>
<rect class="day" width="18" height="18" x="0" y="110" fill="rgb(255,247,251)" data-count="0" data-date="2020-02-29"></rect>
<rect class="day" width="18" height="18" x="0" y="132" fill="rgb(255,247,251)" data-count="0" data-date="2020-03-01"></rect>
</g>
<g transform="translate(198, 0)">
<rect class="day" width="18" height="18" x="0" y="0" fill="rgb(255,247,251)" data-count="0" data-date="2020-03-02"></rect>
<rect class="day" width="18" height="18" x="0" y="22" fill="rgb(255,247,251)" data-count="0" data-date="2020-03-03"></rect>
<rect class="day" width="18" height="18" x="0" y="44" fill="rgb(255,247,251)" data-count="0" data-date="2020-03-04"></rect>
<rect class="day" width="18" height="18" x="0" y="66" fill="rgb(255,247,251)" data-count="0" data-date="2020-03-05"></rect>
<rect class="day" width="18" height="18" x="0" y="88" fill="rgb(255,247,251)" data-count="0" data-date="2020-03-06"></rect>
<rect class="day" width="18" height="18" x="0" y="110" fill="rgb(255,247,251)" data-count="0" data-date="2020-03-07"></rect>
<rect class="day" width="18" height="18" x="0" y="132" fill="rgb(255,247,251)" data-count="0" data-date="2020-03-08"></rect>
</g>
<g transform="translate(220, 0)">
<rect class="day" width="18" height="18" x="0" y="0" fill="rgb(255,247,251)" data-count="0" data-date="2020-03-09"></rect>
<rect class="day" width="18" height="18" x="0" y="22" fill="rgb(255,247,251)" data-count="0" data-date="2020-03-10"></rect>
<rect class="day" width="18" height="18" x="0" y="44" fill="rgb(255,247,251)" data-count="0" data-date="2020-03-11"></rect>
<rect class="day" width="18" height="18" x="0" y="66" fill="rgb(255,247,251)" data-count="0" data-date="2020-03-12"></rect>
<rect class="day" width="18" height="18" x="0" y="88" fill="rgb(255,247,251)" data-count="0" data-date="2020-03-13"></rect>
<rect class="day" width="18" height="18" x="0" y="110" fill="rgb(255,247,251)" data-count="0" data-date="2020-03-14"></rect>
<rect class="day" width="18" height="18" x="0" y="132" fill="rgb(255,247,251)" data-count="0" data-date="2020-03-15"></rect>
</g>
<g transform="translate(242, 0)">
<rect class="day" width="18" height="18" x="0" y="0" fill="rgb(255,247,251)" data-count="0" data-date="2020-03-16"></rect>
<rect class="day" width="18" height="18" x="0" y="22" fill="rgb(255,247,251)" data-count="0" data-date="2020-03-17"></rect>
<rect class="day" width="18" height="18" x="0" y="44" fill="rgb(255,247,251)" data-count="0" data-date="2020-03-18"></rect>
<rect class="day" width="18" height="18" x="0" y="66" fill="rgb(255,247,251)" data-count="0" data-date="2020-03-19"></rect>
<rect class="day" width="18" height="18" x="0" y="88" fill="rgb(255,247,251)" data-count="0" data-date="2020-03-20"></rect>
<rect class="day" width="18" height="18" x="0" y="110" fill="rgb(255,247,251)" data-count="0" data-date="2020-03-21"></rect>
<rect class="day" width="18" height="18" x="0" y="132" fill="rgb(255,247,251)" data-count="0" data-date="2020-03-22"></rect>
</g>
<g transform="translate(264, 0)">
<rect class="day" width="18" height="18" x="0" y="0" fill="rgb(255,247,251)" data-count="0" data-date="2020-03-23"></rect>
<rect class="day" width="18" height="18" x="0" y="22" fill="rgb(255,247,251)" data-count="0" data-date="2020-03-24"></rect>
<rect class="day" width="18" height="18" x="0" y="44" fill="rgb(255,247,251)" data-count="0" data-date="2020-03-25"></rect>
<rect class="day" width="18" height="18" x="0" y="66" fill="rgb(255,247,251)" data-count="0" data-date="2020-03-26"></rect>
<rect class="day" width="18" height="18" x="0" y="88" fill="rgb(255,247,251)" data-count="0" data-date="2020-03-27"></rect>
<rect class="day" width="18" height="18" x="0" y="110" fill="rgb(255,247,251)" data-count="0" data-date="2020-03-28"></rect>
<rect class="day" width="18" height="18" x="0" y="132" fill="rgb(255,247,251)" data-count="0" data-date="2020-03-29"></rect>
</g>
<g transform="translate(286, 0)">
<rect class="day" width="18" height="18" x="0" y="0" fill="rgb(255,247,251)" data-count="0" data-date="2020-03-30"></rect>
<rect class="day" width="18" height="18" x="0" y="22" fill="rgb(255,247,251)" data-count="0" data-date="2020-03-31"></rect>
<rect class="day" width="18" height="18" x="0" y="44" fill="rgb(255,247,251)" data-count="0" data-date="2020-04-01"></rect>
<rect class="day" width="18" height="18" x="0" y="66" fill="rgb(255,247,251)" data-count="0" data-date="2020-04-02"></rect>
<rect class="day" width="18" height="18" x="0" y="88" fill="rgb(255,247,251)" data-count="0" data-date="2020-04-03"></rect>
<rect class="day" width="18" height="18" x="0" y="110" fill="rgb(255,247,251)" data-count="0" data-date="2020-04-04"></rect>
<rect class="day" width="18" height="18" x="0" y="132" fill="rgb(255,247,251)" data-count="0" data-date="2020-04-05"></rect>
</g>
<g transform="translate(308, 0)">
<rect class="day" width="18" height="18" x="0" y="0" fill="rgb(255,247,251)" data-count="0" data-date="2020-04-06"></rect>
<rect class="day" width="18" height="18" x="0" y="22" fill="rgb(255,247,251)" data-count="0" data-date="2020-04-07"></rect>
<rect class="day" width="18" height="18" x="0" y="44" fill="rgb(255,247,251)" data-count="0" data-date="2020-04-08"></rect>
<rect class="day" width="18" height="18" x="0" y="66" fill="rgb(255,247,251)" data-count="0" data-date="2020-04-09"></rect>
<rect class="day" width="18" height="18" x="0" y="88" fill="rgb(255,247,251)" data-count="0" data-date="2020-04-10"></rect>
<rect class="day" width="18" height="18" x="0" y="110" fill="rgb(255,247,251)" data-count="0" data-date="2020-04-11"></rect>
<rect class="day" width="18" height="18" x="0" y="132" fill="rgb(255,247,251)" data-count="0" data-date="2020-04-12"></rect>
</g>
<g transform="translate(330, 0)">
<rect class="day" width="18" height="18" x="0" y="0" fill="rgb(255,247,251)" data-count="0" data-date="2020-04-13"></rect>
<rect class="day" width="18" height="18" x="0" y="22" fill="rgb(255,247,251)" data-count="0" data-date="2020-04-14"></rect>
<rect class="day" width="18" height="18" x="0" y="44" fill="rgb(255,247,251)" data-count="0" data-date="2020-04-15"></rect>
<rect class="day" width="18" height="18" x="0" y="66" fill="rgb(255,247,251)" data-count="0" data-date="2020-04-16"></rect>
<rect class="day" width="18" height="18" x="0" y="88" fill="rgb(255,247,251)" data-count="0" data-date="2020-04-17"></rect>
<rect class="day" width="18" height="18" x="0" y="110" fill="rgb(255,247,251)" data-count="0" data-date="2020-04-18"></rect>
<rect class="day" width="18" height="18" x="0" y="132" fill="rgb(255,247,251)" data-count="0" data-date="2020-04-19"></rect>
</g>
<g transform="translate(352, 0)">
<rect class="day" width="18" height="18" x="0" y="0" fill="rgb(255,247,251)" data-count="0" data-date="2020-04-20"></rect>
<rect class="day" width="18" height="18" x="0" y="22" fill="rgb(255,247,251)" data-count="0" data-date="2020-04-21"></rect>
<rect class="day" width="18" height="18" x="0" y="44" fill="rgb(255,247,251)" data-count="0" data-date="2020-04-22"></rect>
<rect class="day" width="18" height="18" x="0" y="66" fill="rgb(255,247,251)" data-count="0" data-date="2020-04-23"></rect>
<rect class="day" width="18" height="18" x="0" y="88" fill="rgb(255,247,251)" data-count="0" data-date="2020-04-24"></rect>
<rect class="day" width="18" height="18" x="0" y="110" fill="rgb(255,247,251)" data-count="0" data-date="2020-04-25"></rect>
<rect class="day" width="18" height="18" x="0" y="132" fill="rgb(255,247,251)" data-count="0" data-date="2020-04-26"></rect>
</g>
<g transform="translate(374, 0)">
<rect class="day" width="18" height="18" x="0" y="0" fill="rgb(255,247,251)" data-count="0" data-date="2020-04-27"></rect>
<rect class="day" width="18" height="18" x="0" y="22" fill="rgb(255,247,251)" data-count="0" data-date="2020-04-28"></rect>
<rect class="day" width="18" height="18" x="0" y="44" fill="rgb(255,247,251)" data-count="0" data-date="2020-04-29"></rect>
<rect class="day" width="18" height="18" x="0" y="66" fill="rgb(255,247,251)" data-count="0" data-date="2020-04-30"></rect>
<rect class="day" width="18" height="18" x="0" y="88" fill="rgb(255,247,251)" data-count="0" data-date="2020-05-01"></rect>
<rect class="day" width="18" height="18" x="0" y="110" fill="rgb(255,247,251)" data-count="0" data-date="2020-05-02"></rect>
<rect class="day" width="18" height="18" x="0" y="132" fill="rgb(255,247,251)" data-count="0" data-date="2020-05-03"></rect>
</g>
<g transform="translate(396, 0)">
<rect class="day" width="18" height="18" x="0" y="0" fill="rgb(255,247,251)" data-count="0" data-date="2020-05-04"></rect>
<rect class="day" width="18" height="18" x="0" y="22" fill="rgb(255,247,251)" data-count="0" data-date="2020-05-05"></rect>
<rect class="day" width="18" height="18" x="0" y="44" fill="rgb(255,247,251)" data-count="0" data-date="2020-05-06"></rect>
<rect class="day" width="18" height="18" x="0" y="66" fill="rgb(255,247,251)" data-count="0" data-date="2020-05-07"></rect>
<rect class="day" width="18" height="18" x="0" y="88" fill="rgb(255,247,251)" data-count="0" data-date="2020-05-08"></rect>
<rect class="day" width="18" height="18" x="0" y="110" fill="rgb(255,247,251)" data-count="0" data-date="2020-05-09"></rect>
<rect class="day" width="18" height="18" x="0" y="132" fill="rgb(255,247,251)" data-count="0" data-date="2020-05-10"></rect>
</g>
<g transform="translate(418, 0)">
<rect class="day" width="18" height="18" x="0" y="0" fill="rgb(255,247,251)" data-count="0" data-date="2020-05-11"></rect>
<rect class="day" width="18" height="18" x="0" y="22" fill="rgb(255,247,251)" data-count="0" data-date="2020-05-12"></rect>
<rect class="day" width="18" height="18" x="0" y="44" fill="rgb(255,247,251)" data-count="0" data-date="2020-05-13"></rect>
<rect class="day" width="18" height="18" x="0" y="66" fill="rgb(255,247,251)" data-count="0" data-date="2020-05-14"></rect>
<rect class="day" width="18" height="18" x="0" y="88" fill="rgb(255,247,251)" data-count="0" data-date="2020-05-15"></rect>
<rect class="day" width="18" height="18" x="0" y="110" fill="rgb(54,144,192)" data-count="8" data-date="2020-05-16"></rect>
<rect class="day" width="18" height="18" x="0" y="132" fill="rgb(2,56,88)" data-count="13" data-date="2020-05-17"></rect>
</g>
<g transform="translate(440, 0)">
<rect class="day" width="18" height="18" x="0" y="0" fill="rgb(166,189,219)" data-count="5" data-date="2020-05-18"></rect>
<rect class="day" width="18" height="18" x="0" y="22" fill="rgb(54,144,192)" data-count="8" data-date="2020-05-19"></rect>
<rect class="day" width="18" height="18" x="0" y="44" fill="rgb(166,189,219)" data-count="5" data-date="2020-05-20"></rect>
<rect class="day" width="18" height="18" x="0" y="66" fill="rgb(166,189,219)" data-count="5" data-date="2020-05-21"></rect>
<rect class="day" width="18" height="18" x="0" y="88" fill="rgb(208,209,230)" data-count="3" data-date="2020-05-22"></rect>
<rect class="day" width="18" height="18" x="0" y="110" fill="rgb(166,189,219)" data-count="5" data-date="2020-05-23"></rect>
<rect class="day" width="18" height="18" x="0" y="132" fill="rgb(116,169,207)" data-count="6" data-date="2020-05-24"></rect>
</g>
<g transform="translate(462, 0)">
<rect class="day" width="18" height="18" x="0" y="0" fill="rgb(208,209,230)" data-count="3" data-date="2020-05-25"></rect>
<rect class="day" width="18" height="18" x="0" y="22" fill="rgb(166,189,219)" data-count="5" data-date="2020-05-26"></rect>
<rect class="day" width="18" height="18" x="0" y="44" fill="rgb(54,144,192)" data-count="8" data-date="2020-05-27"></rect>
<rect class="day" width="18" height="18" x="0" y="66" fill="rgb(236,231,242)" data-count="2" data-date="2020-05-28"></rect>
<rect class="day" width="18" height="18" x="0" y="88" fill="rgb(236,231,242)" data-count="2" data-date="2020-05-29"></rect>
<rect class="day" width="18" height="18" x="0" y="110" fill="rgb(54,144,192)" data-count="8" data-date="2020-05-30"></rect>
<rect class="day" width="18" height="18" x="0" y="132" fill="rgb(166,189,219)" data-count="5" data-date="2020-05-31"></rect>
</g>
<g transform="translate(484, 0)">
<rect class="day" width="18" height="18" x="0" y="0" fill="rgb(236,231,242)" data-count="1" data-date="2020-06-01"></rect>
<rect class="day" width="18" height="18" x="0" y="22" fill="rgb(208,209,230)" data-count="3" data-date="2020-06-02"></rect>
<rect class="day" width="18" height="18" x="0" y="44" fill="rgb(236,231,242)" data-count="1" data-date="2020-06-03"></rect>
<rect class="day" width="18" height="18" x="0" y="66" fill="rgb(208,209,230)" data-count="3" data-date="2020-06-04"></rect>
<rect class="day" width="18" height="18" x="0" y="88" fill="rgb(236,231,242)" data-count="1" data-date="2020-06-05"></rect>
<rect class="day" width="18" height="18" x="0" y="110" fill="rgb(208,209,230)" data-count="3" data-date="2020-06-06"></rect>
<rect class="day" width="18" height="18" x="0" y="132" fill="rgb(166,189,219)" data-count="5" data-date="2020-06-07"></rect>
</g>
<g transform="translate(506, 0)">
<rect class="day" width="18" height="18" x="0" y="0" fill="rgb(255,247,251)" data-count="0" data-date="2020-06-08"></rect>
<rect class="day" width="18" height="18" x="0" y="22" fill="rgb(236,231,242)" data-count="1" data-date="2020-06-09"></rect>
<rect class="day" width="18" height="18" x="0" y="44" fill="rgb(236,231,242)" data-count="2" data-date="2020-06-10"></rect>
<rect class="day" width="18" height="18" x="0" y="66" fill="rgb(255,247,251)" data-count="0" data-date="2020-06-11"></rect>
<rect class="day" width="18" height="18" x="0" y="88" fill="rgb(5,112,176)" data-count="9" data-date="2020-06-12"></rect>
<rect class="day" width="18" height="18" x="0" y="110" fill="rgb(116,169,207)" data-count="7" data-date="2020-06-13"></rect>
<rect class="day" width="18" height="18" x="0" y="132" fill="rgb(208,209,230)" data-count="4" data-date="2020-06-14"></rect>
</g>
<g transform="translate(528, 0)">
<rect class="day" width="18" height="18" x="0" y="0" fill="rgb(236,231,242)" data-count="1" data-date="2020-06-15"></rect>
<rect class="day" width="18" height="18" x="0" y="22" fill="rgb(255,247,251)" data-count="0" data-date="2020-06-16"></rect>
<rect class="day" width="18" height="18" x="0" y="44" fill="rgb(236,231,242)" data-count="1" data-date="2020-06-17"></rect>
<rect class="day" width="18" height="18" x="0" y="66" fill="rgb(255,247,251)" data-count="0" data-date="2020-06-18"></rect>
<rect class="day" width="18" height="18" x="0" y="88" fill="rgb(255,247,251)" data-count="0" data-date="2020-06-19"></rect>
<rect class="day" width="18" height="18" x="0" y="110" fill="rgb(236,231,242)" data-count="2" data-date="2020-06-20"></rect>
<rect class="day" width="18" height="18" x="0" y="132" fill="rgb(236,231,242)" data-count="1" data-date="2020-06-21"></rect>
</g>
<g transform="translate(550, 0)">
<rect class="day" width="18" height="18" x="0" y="0" fill="rgb(255,247,251)" data-count="0" data-date="2020-06-22"></rect>
<rect class="day" width="18" height="18" x="0" y="22" fill="rgb(236,231,242)" data-count="2" data-date="2020-06-23"></rect>
<rect class="day" width="18" height="18" x="0" y="44" fill="rgb(236,231,242)" data-count="2" data-date="2020-06-24"></rect>
<rect class="day" width="18" height="18" x="0" y="66" fill="rgb(208,209,230)" data-count="3" data-date="2020-06-25"></rect>
<rect class="day" width="18" height="18" x="0" y="88" fill="rgb(208,209,230)" data-count="3" data-date="2020-06-26"></rect>
<rect class="day" width="18" height="18" x="0" y="110" fill="rgb(236,231,242)" data-count="2" data-date="2020-06-27"></rect>
<rect class="day" width="18" height="18" x="0" y="132" fill="rgb(236,231,242)" data-count="1" data-date="2020-06-28"></rect>
</g>
<g transform="translate(572, 0)">
<rect class="day" width="18" height="18" x="0" y="0" fill="rgb(236,231,242)" data-count="1" data-date="2020-06-29"></rect>
<rect class="day" width="18" height="18" x="0" y="22" fill="rgb(236,231,242)" data-count="2" data-date="2020-06-30"></rect>
<rect class="day" width="18" height="18" x="0" y="44" fill="rgb(255,247,251)" data-count="0" data-date="2020-07-01"></rect>
<rect class="day" width="18" height="18" x="0" y="66" fill="rgb(255,247,251)" data-count="0" data-date="2020-07-02"></rect>
<rect class="day" width="18" height="18" x="0" y="88" fill="rgb(255,247,251)" data-count="0" data-date="2020-07-03"></rect>
<rect class="day" width="18" height="18" x="0" y="110" fill="rgb(255,247,251)" data-count="0" data-date="2020-07-04"></rect>
<rect class="day" width="18" height="18" x="0" y="132" fill="rgb(255,247,251)" data-count="0" data-date="2020-07-05"></rect>
</g>
<g transform="translate(594, 0)">
<rect class="day" width="18" height="18" x="0" y="0" fill="rgb(255,247,251)" data-count="0" data-date="2020-07-06"></rect>
<rect class="day" width="18" height="18" x="0" y="22" fill="rgb(255,247,251)" data-count="0" data-date="2020-07-07"></rect>
<rect class="day" width="18" height="18" x="0" y="44" fill="rgb(255,247,251)" data-count="0" data-date="2020-07-08"></rect>
<rect class="day" width="18" height="18" x="0" y="66" fill="rgb(255,247,251)" data-count="0" data-date="2020-07-09"></rect>
<rect class="day" width="18" height="18" x="0" y="88" fill="rgb(255,247,251)" data-count="0" data-date="2020-07-10"></rect>
<rect class="day" width="18" height="18" x="0" y="110" fill="rgb(255,247,251)" data-count="0" data-date="2020-07-11"></rect>
<rect class="day" width="18" height="18" x="0" y="132" fill="rgb(255,247,251)" data-count="0" data-date="2020-07-12"></rect>
</g>
<g transform="translate(616, 0)">
<rect class="day" width="18" height="18" x="0" y="0" fill="rgb(255,247,251)" data-count="0" data-date="2020-07-13"></rect>
<rect class="day" width="18" height="18" x="0" y="22" fill="rgb(255,247,251)" data-count="0" data-date="2020-07-14"></rect>
<rect class="day" width="18" height="18" x="0" y="44" fill="rgb(255,247,251)" data-count="0" data-date="2020-07-15"></rect>
<rect class="day" width="18" height="18" x="0" y="66" fill="rgb(255,247,251)" data-count="0" data-date="2020-07-16"></rect>
<rect class="day" width="18" height="18" x="0" y="88" fill="rgb(255,247,251)" data-count="0" data-date="2020-07-17"></rect>
<rect class="day" width="18" height="18" x="0" y="110" fill="rgb(255,247,251)" data-count="0" data-date="2020-07-18"></rect>
<rect class="day" width="18" height="18" x="0" y="132" fill="rgb(255,247,251)" data-count="0" data-date="2020-07-19"></rect>
</g>
<g transform="translate(638, 0)">
<rect class="day" width="18" height="18" x="0" y="0" fill="rgb(255,247,251)" data-count="0" data-date="2020-07-20"></rect>
<rect class="day" width="18" height="18" x="0" y="22" fill="rgb(255,247,251)" data-count="0" data-date="2020-07-21"></rect>
<rect class="day" width="18" height="18" x="0" y="44" fill="rgb(255,247,251)" data-count="0" data-date="2020-07-22"></rect>
<rect class="day" width="18" height="18" x="0" y="66" fill="rgb(255,247,251)" data-count="0" data-date="2020-07-23"></rect>
<rect class="day" width="18" height="18" x="0" y="88" fill="rgb(255,247,251)" data-count="0" data-date="2020-07-24"></rect>
<rect class="day" width="18" height="18" x="0" y="110" fill="rgb(255,247,251)" data-count="0" data-date="2020-07-25"></rect>
<rect class="day" width="18" height="18" x="0" y="132" fill="rgb(255,247,251)" data-count="0" data-date="2020-07-26"></rect>
</g>
<g transform="translate(660, 0)">
<rect class="day" width="18" height="18" x="0" y="0" fill="rgb(255,247,251)" data-count="0" data-date="2020-07-27"></rect>
<rect class="day" width="18" height="18" x="0" y="22" fill="rgb(255,247,251)" data-count="0" data-date="2020-07-28"></rect>
<rect class="day" width="18" height="18" x="0" y="44" fill="rgb(255,247,251)" data-count="0" data-date="2020-07-29"></rect>
<rect class="day" width="18" height="18" x="0" y="66" fill="rgb(255,247,251)" data-count="0" data-date="2020-07-30"></rect>
<rect class="day" width="18" height="18" x="0" y="88" fill="rgb(255,247,251)" data-count="0" data-date="2020-07-31"></rect>
<rect class="day" width="18" height="18" x="0" y="110" fill="rgb(255,247,251)" data-count="0" data-date="2020-08-01"></rect>
<rect class="day" width="18" height="18" x="0" y="132" fill="rgb(255,247,251)" data-count="0" data-date="2020-08-02"></rect>
</g>
<g transform="translate(682, 0)">
<rect class="day" width="18" height="18" x="0" y="0" fill="rgb(255,247,251)" data-count="0" data-date="2020-08-03"></rect>
<rect class="day" width="18" height="18" x="0" y="22" fill="rgb(255,247,251)" data-count="0" data-date="2020-08-04"></rect>
<rect class="day" width="18" height="18" x="0" y="44" fill="rgb(255,247,251)" data-count="0" data-date="2020-08-05"></rect>
<rect class="day" width="18" height="18" x="0" y="66" fill="rgb(255,247,251)" data-count="0" data-date="2020-08-06"></rect>
<rect class="day" width="18" height="18" x="0" y="88" fill="rgb(255,247,251)" data-count="0" data-date="2020-08-07"></rect>
<rect class="day" width="18" height="18" x="0" y="110" fill="rgb(255,247,251)" data-count="0" data-date="2020-08-08"></rect>
<rect class="day" width="18" height="18" x="0" y="132" fill="rgb(255,247,251)" data-count="0" data-date="2020-08-09"></rect>
</g>
<g transform="translate(704, 0)">
<rect class="day" width="18" height="18" x="0" y="0" fill="rgb(255,247,251)" data-count="0" data-date="2020-08-10"></rect>
<rect class="day" width="18" height="18" x="0" y="22" fill="rgb(255,247,251)" data-count="0" data-date="2020-08-11"></rect>
<rect class="day" width="18" height="18" x="0" y="44" fill="rgb(255,247,251)" data-count="0" data-date="2020-08-12"></rect>
<rect class="day" width="18" height="18" x="0" y="66" fill="rgb(255,247,251)" data-count="0" data-date="2020-08-13"></rect>
<rect class="day" width="18" height="18" x="0" y="88" fill="rgb(255,247,251)" data-count="0" data-date="2020-08-14"></rect>
<rect class="day" width="18" height="18" x="0" y="110" fill="rgb(255,247,251)" data-count="0" data-date="2020-08-15"></rect>
<rect class="day" width="18" height="18" x="0" y="132" fill="rgb(255,247,251)" data-count="0" data-date="2020-08-16"></rect>
</g>
<g transform="translate(726, 0)">
<rect class="day" width="18" height="18" x="0" y="0" fill="rgb(255,247,251)" data-count="0" data-date="2020-08-17"></rect>
<rect class="day" width="18" height="18" x="0" y="22" fill="rgb(255,247,251)" data-count="0" data-date="2020-08-18"></rect>
<rect class="day" width="18" height="18" x="0" y="44" fill="rgb(255,247,251)" data-count="0" data-date="2020-08-19"></rect>
<rect class="day" width="18" height="18" x="0" y="66" fill="rgb(255,247,251)" data-count="0" data-date="2020-08-20"></rect>
<rect class="day" width="18" height="18" x="0" y="88" fill="rgb(255,247,251)" data-count="0" data-date="2020-08-21"></rect>
<rect class="day" width="18" height="18" x="0" y="110" fill="rgb(255,247,251)" data-count="0" data-date="2020-08-22"></rect>
<rect class="day" width="18" height="18" x="0" y="132" fill="rgb(255,247,251)" data-count="0" data-date="2020-08-23"></rect>
</g>
<g transform="translate(748, 0)">
<rect class="day" width="18" height="18" x="0" y="0" fill="rgb(255,247,251)" data-count="0" data-date="2020-08-24"></rect>
<rect class="day" width="18" height="18" x="0" y="22" fill="rgb(255,247,251)" data-count="0" data-date="2020-08-25"></rect>
<rect class="day" width="18" height="18" x="0" y="44" fill="rgb(255,247,251)" data-count="0" data-date="2020-08-26"></rect>
<rect class="day" width="18" height="18" x="0" y="66" fill="rgb(255,247,251)" data-count="0" data-date="2020-08-27"></rect>
<rect class="day" width="18" height="18" x="0" y="88" fill="rgb(255,247,251)" data-count="0" data-date="2020-08-28"></rect>
<rect class="day" width="18" height="18" x="0" y="110" fill="rgb(255,247,251)" data-count="0" data-date="2020-08-29"></rect>
<rect class="day" width="18" height="18" x="0" y="132" fill="rgb(255,247,251)" data-count="0" data-date="2020-08-30"></rect>
</g>
<g transform="translate(770, 0)">
<rect class="day" width="18" height="18" x="0" y="0" fill="rgb(255,247,251)" data-count="0" data-date="2020-08-31"></rect>
<rect class="day" width="18" height="18" x="0" y="22" fill="rgb(255,247,251)" data-count="0" data-date="2020-09-01"></rect>
<rect class="day" width="18" height="18" x="0" y="44" fill="rgb(255,247,251)" data-count="0" data-date="2020-09-02"></rect>
<rect class="day" width="18" height="18" x="0" y="66" fill="rgb(255,247,251)" data-count="0" data-date="2020-09-03"></rect>
<rect class="day" width="18" height="18" x="0" y="88" fill="rgb(255,247,251)" data-count="0" data-date="2020-09-04"></rect>
<rect class="day" width="18" height="18" x="0" y="110" fill="rgb(255,247,251)" data-count="0" data-date="2020-09-05"></rect>
<rect class="day" width="18" height="18" x="0" y="132" fill="rgb(255,247,251)" data-count="0" data-date="2020-09-06"></rect>
</g>
<g transform="translate(792, 0)">
<rect class="day" width="18" height="18" x="0" y="0" fill="rgb(255,247,251)" data-count="0" data-date="2020-09-07"></rect>
<rect class="day" width="18" height="18" x="0" y="22" fill="rgb(255,247,251)" data-count="0" data-date="2020-09-08"></rect>
<rect class="day" width="18" height="18" x="0" y="44" fill="rgb(255,247,251)" data-count="0" data-date="2020-09-09"></rect>
<rect class="day" width="18" height="18" x="0" y="66" fill="rgb(255,247,251)" data-count="0" data-date="2020-09-10"></rect>
<rect class="day" width="18" height="18" x="0" y="88" fill="rgb(255,247,251)" data-count="0" data-date="2020-09-11"></rect>
<rect class="day" width="18" height="18" x="0" y="110" fill="rgb(255,247,251)" data-count="0" data-date="2020-09-12"></rect>
<rect class="day" width="18" height="18" x="0" y="132" fill="rgb(255,247,251)" data-count="0" data-date="2020-09-13"></rect>
</g>
<g transform="translate(814, 0)">
<rect class="day" width="18" height="18" x="0" y="0" fill="rgb(255,247,251)" data-count="0" data-date="2020-09-14"></rect>
<rect class="day" width="18" height="18" x="0" y="22" fill="rgb(255,247,251)" data-count="0" data-date="2020-09-15"></rect>
<rect class="day" width="18" height="18" x="0" y="44" fill="rgb(255,247,251)" data-count="0" data-date="2020-09-16"></rect>
<rect class="day" width="18" height="18" x="0" y="66" fill="rgb(255,247,251)" data-count="0" data-date="2020-09-17"></rect>
<rect class="day" width="18" height="18" x="0" y="88" fill="rgb(255,247,251)" data-count="0" data-date="2020-09-18"></rect>
<rect class="day" width="18" height="18" x="0" y="110" fill="rgb(255,247,251)" data-count="0" data-date="2020-09-19"></rect>
<rect class="day" width="18" height="18" x="0" y="132" fill="rgb(255,247,251)" data-count="0" data-date="2020-09-20"></rect>
</g>
<g transform="translate(836, 0)">
<rect class="day" width="18" height="18" x="0" y="0" fill="rgb(255,247,251)" data-count="0" data-date="2020-09-21"></rect>
<rect class="day" width="18" height="18" x="0" y="22" fill="rgb(255,247,251)" data-count="0" data-date="2020-09-22"></rect>
<rect class="day" width="18" height="18" x="0" y="44" fill="rgb(255,247,251)" data-count="0" data-date="2020-09-23"></rect>
<rect class="day" width="18" height="18" x="0" y="66" fill="rgb(255,247,251)" data-count="0" data-date="2020-09-24"></rect>
<rect class="day" width="18" height="18" x="0" y="88" fill="rgb(255,247,251)" data-count="0" data-date="2020-09-25"></rect>
<rect class="day" width="18" height="18" x="0" y="110" fill="rgb(255,247,251)" data-count="0" data-date="2020-09-26"></rect>
<rect class="day" width="18" height="18" x="0" y="132" fill="rgb(255,247,251)" data-count="0" data-date="2020-09-27"></rect>
</g>
<g transform="translate(858, 0)">
<rect class="day" width="18" height="18" x="0" y="0" fill="rgb(255,247,251)" data-count="0" data-date="2020-09-28"></rect>
<rect class="day" width="18" height="18" x="0" y="22" fill="rgb(255,247,251)" data-count="0" data-date="2020-09-29"></rect>
<rect class="day" width="18" height="18" x="0" y="44" fill="rgb(255,247,251)" data-count="0" data-date="2020-09-30"></rect>
<rect class="day" width="18" height="18" x="0" y="66" fill="rgb(255,247,251)" data-count="0" data-date="2020-10-01"></rect>
<rect class="day" width="18" height="18" x="0" y="88" fill="rgb(255,247,251)" data-count="0" data-date="2020-10-02"></rect>
<rect class="day" width="18" height="18" x="0" y="110" fill="rgb(255,247,251)" data-count="0" data-date="2020-10-03"></rect>
<rect class="day" width="18" height="18" x="0" y="132" fill="rgb(255,247,251)" data-count="0" data-date="2020-10-04"></rect>
</g>
<g transform="translate(880, 0)">
<rect class="day" width="18" height="18" x="0" y="0" fill="rgb(255,247,251)" data-count="0" data-date="2020-10-05"></rect>
<rect class="day" width="18" height="18" x="0" y="22" fill="rgb(255,247,251)" data-count="0" data-date="2020-10-06"></rect>
<rect class="day" width="18" height="18" x="0" y="44" fill="rgb(255,247,251)" data-count="0" data-date="2020-10-07"></rect>
<rect class="day" width="18" height="18" x="0" y="66" fill="rgb(255,247,251)" data-count="0" data-date="2020-10-08"></rect>
<rect class="day" width="18" height="18" x="0" y="88" fill="rgb(255,247,251)" data-count="0" data-date="2020-10-09"></rect>
<rect class="day" width="18" height="18" x="0" y="110" fill="rgb(255,247,251)" data-count="0" data-date="2020-10-10"></rect>
<rect class="day" width="18" height="18" x="0" y="132" fill="rgb(255,247,251)" data-count="0" data-date="2020-10-11"></rect>
</g>
<g transform="translate(902, 0)">
<rect class="day" width="18" height="18" x="0" y="0" fill="rgb(255,247,251)" data-count="0" data-date="2020-10-12"></rect>
<rect class="day" width="18" height="18" x="0" y="22" fill="rgb(255,247,251)" data-count="0" data-date="2020-10-13"></rect>
<rect class="day" width="18" height="18" x="0" y="44" fill="rgb(255,247,251)" data-count="0" data-date="2020-10-14"></rect>
<rect class="day" width="18" height="18" x="0" y="66" fill="rgb(255,247,251)" data-count="0" data-date="2020-10-15"></rect>
<rect class="day" width="18" height="18" x="0" y="88" fill="rgb(255,247,251)" data-count="0" data-date="2020-10-16"></rect>
<rect class="day" width="18" height="18" x="0" y="110" fill="rgb(255,247,251)" data-count="0" data-date="2020-10-17"></rect>
<rect class="day" width="18" height="18" x="0" y="132" fill="rgb(255,247,251)" data-count="0" data-date="2020-10-18"></rect>
</g>
<g transform="translate(924, 0)">
<rect class="day" width="18" height="18" x="0" y="0" fill="rgb(255,247,251)" data-count="0" data-date="2020-10-19"></rect>
<rect class="day" width="18" height="18" x="0" y="22" fill="rgb(255,247,251)" data-count="0" data-date="2020-10-20"></rect>
<rect class="day" width="18" height="18" x="0" y="44" fill="rgb(255,247,251)" data-count="0" data-date="2020-10-21"></rect>
<rect class="day" width="18" height="18" x="0" y="66" fill="rgb(255,247,251)" data-count="0" data-date="2020-10-22"></rect>
<rect class="day" width="18" height="18" x="0" y="88" fill="rgb(255,247,251)" data-count="0" data-date="2020-10-23"></rect>
<rect class="day" width="18" height="18" x="0" y="110" fill="rgb(255,247,251)" data-count="0" data-date="2020-10-24"></rect>
<rect class="day" width="18" height="18" x="0" y="132" fill="rgb(255,247,251)" data-count="0" data-date="2020-10-25"></rect>
</g>
<g transform="translate(946, 0)">
<rect class="day" width="18" height="18" x="0" y="0" fill="rgb(255,247,251)" data-count="0" data-date="2020-10-26"></rect>
<rect class="day" width="18" height="18" x="0" y="22" fill="rgb(255,247,251)" data-count="0" data-date="2020-10-27"></rect>
<rect class="day" width="18" height="18" x="0" y="44" fill="rgb(255,247,251)" data-count="0" data-date="2020-10-28"></rect>
<rect class="day" width="18" height="18" x="0" y="66" fill="rgb(255,247,251)" data-count="0" data-date="2020-10-29"></rect>
<rect class="day" width="18" height="18" x="0" y="88" fill="rgb(255,247,251)" data-count="0" data-date="2020-10-30"></rect>
<rect class="day" width="18" height="18" x="0" y="110" fill="rgb(255,247,251)" data-count="0" data-date="2020-10-31"></rect>
<rect class="day" width="18" height="18" x="0" y="132" fill="rgb(255,247,251)" data-count="0" data-date="2020-11-01"></rect>
</g>
<g transform="translate(968, 0)">
<rect class="day" width="18" height="18" x="0" y="0" fill="rgb(255,247,251)" data-count="0" data-date="2020-11-02"></rect>
<rect class="day" width="18" height="18" x="0" y="22" fill="rgb(255,247,251)" data-count="0" data-date="2020-11-03"></rect>
<rect class="day" width="18" height="18" x="0" y="44" fill="rgb(255,247,251)" data-count="0" data-date="2020-11-04"></rect>
<rect class="day" width="18" height="18" x="0" y="66" fill="rgb(255,247,251)" data-count="0" data-date="2020-11-05"></rect>
<rect class="day" width="18" height="18" x="0" y="88" fill="rgb(255,247,251)" data-count="0" data-date="2020-11-06"></rect>
<rect class="day" width="18" height="18" x="0" y="110" fill="rgb(255,247,251)" data-count="0" data-date="2020-11-07"></rect>
<rect class="day" width="18" height="18" x="0" y="132" fill="rgb(255,247,251)" data-count="0" data-date="2020-11-08"></rect>
</g>
<g transform="translate(990, 0)">
<rect class="day" width="18" height="18" x="0" y="0" fill="rgb(255,247,251)" data-count="0" data-date="2020-11-09"></rect>
<rect class="day" width="18" height="18" x="0" y="22" fill="rgb(255,247,251)" data-count="0" data-date="2020-11-10"></rect>
<rect class="day" width="18" height="18" x="0" y="44" fill="rgb(255,247,251)" data-count="0" data-date="2020-11-11"></rect>
<rect class="day" width="18" height="18" x="0" y="66" fill="rgb(255,247,251)" data-count="0" data-date="2020-11-12"></rect>
<rect class="day" width="18" height="18" x="0" y="88" fill="rgb(255,247,251)" data-count="0" data-date="2020-11-13"></rect>
<rect class="day" width="18" height="18" x="0" y="110" fill="rgb(255,247,251)" data-count="0" data-date="2020-11-14"></rect>
<rect class="day" width="18" height="18" x="0" y="132" fill="rgb(255,247,251)" data-count="0" data-date="2020-11-15"></rect>
</g>
<g transform="translate(1012, 0)">
<rect class="day" width="18" height="18" x="0" y="0" fill="rgb(255,247,251)" data-count="0" data-date="2020-11-16"></rect>
<rect class="day" width="18" height="18" x="0" y="22" fill="rgb(255,247,251)" data-count="0" data-date="2020-11-17"></rect>
<rect class="day" width="18" height="18" x="0" y="44" fill="rgb(255,247,251)" data-count="0" data-date="2020-11-18"></rect>
<rect class="day" width="18" height="18" x="0" y="66" fill="rgb(255,247,251)" data-count="0" data-date="2020-11-19"></rect>
<rect class="day" width="18" height="18" x="0" y="88" fill="rgb(255,247,251)" data-count="0" data-date="2020-11-20"></rect>
<rect class="day" width="18" height="18" x="0" y="110" fill="rgb(255,247,251)" data-count="0" data-date="2020-11-21"></rect>
<rect class="day" width="18" height="18" x="0" y="132" fill="rgb(255,247,251)" data-count="0" data-date="2020-11-22"></rect>
</g>
<g transform="translate(1034, 0)">
<rect class="day" width="18" height="18" x="0" y="0" fill="rgb(255,247,251)" data-count="0" data-date="2020-11-23"></rect>
<rect class="day" width="18" height="18" x="0" y="22" fill="rgb(255,247,251)" data-count="0" data-date="2020-11-24"></rect>
<rect class="day" width="18" height="18" x="0" y="44" fill="rgb(255,247,251)" data-count="0" data-date="2020-11-25"></rect>
<rect class="day" width="18" height="18" x="0" y="66" fill="rgb(255,247,251)" data-count="0" data-date="2020-11-26"></rect>
<rect class="day" width="18" height="18" x="0" y="88" fill="rgb(255,247,251)" data-count="0" data-date="2020-11-27"></rect>
<rect class="day" width="18" height="18" x="0" y="110" fill="rgb(255,247,251)" data-count="0" data-date="2020-11-28"></rect>
<rect class="day" width="18" height="18" x="0" y="132" fill="rgb(255,247,251)" data-count="0" data-date="2020-11-29"></rect>
</g>
<g transform="translate(1056, 0)">
<rect class="day" width="18" height="18" x="0" y="0" fill="rgb(255,247,251)" data-count="0" data-date="2020-11-30"></rect>
<rect class="day" width="18" height="18" x="0" y="22" fill="rgb(255,247,251)" data-count="0" data-date="2020-12-01"></rect>
<rect class="day" width="18" height="18" x="0" y="44" fill="rgb(255,247,251)" data-count="0" data-date="2020-12-02"></rect>
<rect class="day" width="18" height="18" x="0" y="66" fill="rgb(255,247,251)" data-count="0" data-date="2020-12-03"></rect>
<rect class="day" width="18" height="18" x="0" y="88" fill="rgb(255,247,251)" data-count="0" data-date="2020-12-04"></rect>
<rect class="day" width="18" height="18" x="0" y="110" fill="rgb(255,247,251)" data-count="0" data-date="2020-12-05"></rect>
<rect class="day" width="18" height="18" x="0" y="132" fill="rgb(255,247,251)" data-count="0" data-date="2020-12-06"></rect>
</g>
<g transform="translate(1078, 0)">
<rect class="day" width="18" height="18" x="0" y="0" fill="rgb(255,247,251)" data-count="0" data-date="2020-12-07"></rect>
<rect class="day" width="18" height="18" x="0" y="22" fill="rgb(255,247,251)" data-count="0" data-date="2020-12-08"></rect>
<rect class="day" width="18" height="18" x="0" y="44" fill="rgb(255,247,251)" data-count="0" data-date="2020-12-09"></rect>
<rect class="day" width="18" height="18" x="0" y="66" fill="rgb(255,247,251)" data-count="0" data-date="2020-12-10"></rect>
<rect class="day" width="18" height="18" x="0" y="88" fill="rgb(255,247,251)" data-count="0" data-date="2020-12-11"></rect>
<rect class="day" width="18" height="18" x="0" y="110" fill="rgb(255,247,251)" data-count="0" data-date="2020-12-12"></rect>
<rect class="day" width="18" height="18" x="0" y="132" fill="rgb(255,247,251)" data-count="0" data-date="2020-12-13"></rect>
</g>
<g transform="translate(1100, 0)">
<rect class="day" width="18" height="18" x="0" y="0" fill="rgb(255,247,251)" data-count="0" data-date="2020-12-14"></rect>
<rect class="day" width="18" height="18" x="0" y="22" fill="rgb(255,247,251)" data-count="0" data-date="2020-12-15"></rect>
<rect class="day" width="18" height="18" x="0" y="44" fill="rgb(255,247,251)" data-count="0" data-date="2020-12-16"></rect>
<rect class="day" width="18" height="18" x="0" y="66" fill="rgb(255,247,251)" data-count="0" data-date="2020-12-17"></rect>
<rect class="day" width="18" height="18" x="0" y="88" fill="rgb(255,247,251)" data-count="0" data-date="2020-12-18"></rect>
<rect class="day" width="18" height="18" x="0" y="110" fill="rgb(255,247,251)" data-count="0" data-date="2020-12-19"></rect>
<rect class="day" width="18" height="18" x="0" y="132" fill="rgb(255,247,251)" data-count="0" data-date="2020-12-20"></rect>
</g>
<g transform="translate(1122, 0)">
<rect class="day" width="18" height="18" x="0" y="0" fill="rgb(255,247,251)" data-count="0" data-date="2020-12-21"></rect>
<rect class="day" width="18" height="18" x="0" y="22" fill="rgb(255,247,251)" data-count="0" data-date="2020-12-22"></rect>
<rect class="day" width="18" height="18" x="0" y="44" fill="rgb(255,247,251)" data-count="0" data-date="2020-12-23"></rect>
<rect class="day" width="18" height="18" x="0" y="66" fill="rgb(255,247,251)" data-count="0" data-date="2020-12-24"></rect>
<rect class="day" width="18" height="18" x="0" y="88" fill="rgb(255,247,251)" data-count="0" data-date="2020-12-25"></rect>
<rect class="day" width="18" height="18" x="0" y="110" fill="rgb(255,247,251)" data-count="0" data-date="2020-12-26"></rect>
<rect class="day" width="18" height="18" x="0" y="132" fill="rgb(255,247,251)" data-count="0" data-date="2020-12-27"></rect>
</g>
<g transform="translate(1144, 0)">
<rect class="day" width="18" height="18" x="0" y="0" fill="rgb(255,247,251)" data-count="0" data-date="2020-12-28"></rect>
<rect class="day" width="18" height="18" x="0" y="22" fill="rgb(255,247,251)" data-count="0" data-date="2020-12-29"></rect>
<rect class="day" width="18" height="18" x="0" y="44" fill="rgb(255,247,251)" data-count="0" data-date="2020-12-30"></rect>
<rect class="day" width="18" height="18" x="0" y="66" fill="rgb(255,247,251)" data-count="0" data-date="2020-12-31"></rect>
</g>
<text x="22" y="-7" font-size="10" fill="rgb(100,100,100)">Jan</text>
<text x="110" y="-7" font-size="10" fill="rgb(100,100,100)">Feb</text>
<text x="198" y="-7" font-size="10" fill="rgb(100,100,100)">Mar</text>
<text x="308" y="-7" font-size="10" fill="rgb(100,100,100)">Apr</text>
<text x="396" y="-7" font-size="10" fill="rgb(100,100,100)">May</text>
<text x="484" y="-7" font-size="10" fill="rgb(100,100,100)">Jun</text>
<text x="594" y="-7" font-size="10" fill="rgb(100,100,100)">Jul</text>
<text x="682" y="-7" font-size="10" fill="rgb(100,100,100)">Aug</text>
<text x="792" y="-7" font-size="10" fill="rgb(100,100,100)">Sep</text>
<text x="880" y="-7" font-size="10" fill="rgb(100,100,100)">Oct</text>
<text x="968" y="-7" font-size="10" fill="rgb(100,100,100)">Nov</text>
<text x="1078" y="-7" font-size="10" fill="rgb(100,100,100)">Dec</text>
<text text-anchor="start" font-size="10" dx="-25" dy="15" fill="rgb(100,100,100)" >Mon</text>
<text text-anchor="start" font-size="10" dx="-25" dy="37" fill="rgb(100,100,100)" style="display: none;">Tue</text>
<text text-anchor="start" font-size="10" dx="-25" dy="59" fill="rgb(100,100,100)" >Wed</text>
<text text-anchor="start" font-size="10" dx="-25" dy="81" fill="rgb(100,100,100)" style="display: none;">Thu</text>
<text text-anchor="start" font-size="10" dx="-25" dy="103" fill="rgb(100,100,100)" >Fri</text>
<text text-anchor="start" font-size="10" dx="-25" dy="125" fill="rgb(100,100,100)" style="display: none;">Sat</text>
<text text-anchor="start" font-size="10" dx="-25" dy="147" fill="rgb(100,100,100)" style="display: none;">Sun</text>
</g></svg>

After

Width:  |  Height:  |  Size: 49 KiB

View File

@ -0,0 +1,559 @@
<svg viewBox="0 0 1188 176" xmlns="http://www.w3.org/2000/svg" xmlns:xlink= "http://www.w3.org/1999/xlink">
<g transform="translate(25, 23)">
<g transform="translate(0, 0)">
<rect class="day" width="18" height="18" x="0" y="44" fill="rgb(255,247,251)" data-count="0" data-date="2020-01-01"></rect>
<rect class="day" width="18" height="18" x="0" y="66" fill="rgb(255,247,251)" data-count="0" data-date="2020-01-02"></rect>
<rect class="day" width="18" height="18" x="0" y="88" fill="rgb(255,247,251)" data-count="0" data-date="2020-01-03"></rect>
<rect class="day" width="18" height="18" x="0" y="110" fill="rgb(255,247,251)" data-count="0" data-date="2020-01-04"></rect>
<rect class="day" width="18" height="18" x="0" y="132" fill="rgb(255,247,251)" data-count="0" data-date="2020-01-05"></rect>
</g>
<g transform="translate(22, 0)">
<rect class="day" width="18" height="18" x="0" y="0" fill="rgb(255,247,251)" data-count="0" data-date="2020-01-06"></rect>
<rect class="day" width="18" height="18" x="0" y="22" fill="rgb(255,247,251)" data-count="0" data-date="2020-01-07"></rect>
<rect class="day" width="18" height="18" x="0" y="44" fill="rgb(255,247,251)" data-count="0" data-date="2020-01-08"></rect>
<rect class="day" width="18" height="18" x="0" y="66" fill="rgb(255,247,251)" data-count="0" data-date="2020-01-09"></rect>
<rect class="day" width="18" height="18" x="0" y="88" fill="rgb(255,247,251)" data-count="0" data-date="2020-01-10"></rect>
<rect class="day" width="18" height="18" x="0" y="110" fill="rgb(255,247,251)" data-count="0" data-date="2020-01-11"></rect>
<rect class="day" width="18" height="18" x="0" y="132" fill="rgb(255,247,251)" data-count="0" data-date="2020-01-12"></rect>
</g>
<g transform="translate(44, 0)">
<rect class="day" width="18" height="18" x="0" y="0" fill="rgb(255,247,251)" data-count="0" data-date="2020-01-13"></rect>
<rect class="day" width="18" height="18" x="0" y="22" fill="rgb(255,247,251)" data-count="0" data-date="2020-01-14"></rect>
<rect class="day" width="18" height="18" x="0" y="44" fill="rgb(255,247,251)" data-count="0" data-date="2020-01-15"></rect>
<rect class="day" width="18" height="18" x="0" y="66" fill="rgb(255,247,251)" data-count="0" data-date="2020-01-16"></rect>
<rect class="day" width="18" height="18" x="0" y="88" fill="rgb(255,247,251)" data-count="0" data-date="2020-01-17"></rect>
<rect class="day" width="18" height="18" x="0" y="110" fill="rgb(255,247,251)" data-count="0" data-date="2020-01-18"></rect>
<rect class="day" width="18" height="18" x="0" y="132" fill="rgb(255,247,251)" data-count="0" data-date="2020-01-19"></rect>
</g>
<g transform="translate(66, 0)">
<rect class="day" width="18" height="18" x="0" y="0" fill="rgb(255,247,251)" data-count="0" data-date="2020-01-20"></rect>
<rect class="day" width="18" height="18" x="0" y="22" fill="rgb(255,247,251)" data-count="0" data-date="2020-01-21"></rect>
<rect class="day" width="18" height="18" x="0" y="44" fill="rgb(255,247,251)" data-count="0" data-date="2020-01-22"></rect>
<rect class="day" width="18" height="18" x="0" y="66" fill="rgb(255,247,251)" data-count="0" data-date="2020-01-23"></rect>
<rect class="day" width="18" height="18" x="0" y="88" fill="rgb(255,247,251)" data-count="0" data-date="2020-01-24"></rect>
<rect class="day" width="18" height="18" x="0" y="110" fill="rgb(255,247,251)" data-count="0" data-date="2020-01-25"></rect>
<rect class="day" width="18" height="18" x="0" y="132" fill="rgb(255,247,251)" data-count="0" data-date="2020-01-26"></rect>
</g>
<g transform="translate(88, 0)">
<rect class="day" width="18" height="18" x="0" y="0" fill="rgb(255,247,251)" data-count="0" data-date="2020-01-27"></rect>
<rect class="day" width="18" height="18" x="0" y="22" fill="rgb(255,247,251)" data-count="0" data-date="2020-01-28"></rect>
<rect class="day" width="18" height="18" x="0" y="44" fill="rgb(255,247,251)" data-count="0" data-date="2020-01-29"></rect>
<rect class="day" width="18" height="18" x="0" y="66" fill="rgb(255,247,251)" data-count="0" data-date="2020-01-30"></rect>
<rect class="day" width="18" height="18" x="0" y="88" fill="rgb(255,247,251)" data-count="0" data-date="2020-01-31"></rect>
<rect class="day" width="18" height="18" x="0" y="110" fill="rgb(255,247,251)" data-count="0" data-date="2020-02-01"></rect>
<rect class="day" width="18" height="18" x="0" y="132" fill="rgb(255,247,251)" data-count="0" data-date="2020-02-02"></rect>
</g>
<g transform="translate(110, 0)">
<rect class="day" width="18" height="18" x="0" y="0" fill="rgb(255,247,251)" data-count="0" data-date="2020-02-03"></rect>
<rect class="day" width="18" height="18" x="0" y="22" fill="rgb(255,247,251)" data-count="0" data-date="2020-02-04"></rect>
<rect class="day" width="18" height="18" x="0" y="44" fill="rgb(255,247,251)" data-count="0" data-date="2020-02-05"></rect>
<rect class="day" width="18" height="18" x="0" y="66" fill="rgb(255,247,251)" data-count="0" data-date="2020-02-06"></rect>
<rect class="day" width="18" height="18" x="0" y="88" fill="rgb(255,247,251)" data-count="0" data-date="2020-02-07"></rect>
<rect class="day" width="18" height="18" x="0" y="110" fill="rgb(255,247,251)" data-count="0" data-date="2020-02-08"></rect>
<rect class="day" width="18" height="18" x="0" y="132" fill="rgb(255,247,251)" data-count="0" data-date="2020-02-09"></rect>
</g>
<g transform="translate(132, 0)">
<rect class="day" width="18" height="18" x="0" y="0" fill="rgb(255,247,251)" data-count="0" data-date="2020-02-10"></rect>
<rect class="day" width="18" height="18" x="0" y="22" fill="rgb(255,247,251)" data-count="0" data-date="2020-02-11"></rect>
<rect class="day" width="18" height="18" x="0" y="44" fill="rgb(255,247,251)" data-count="0" data-date="2020-02-12"></rect>
<rect class="day" width="18" height="18" x="0" y="66" fill="rgb(255,247,251)" data-count="0" data-date="2020-02-13"></rect>
<rect class="day" width="18" height="18" x="0" y="88" fill="rgb(255,247,251)" data-count="0" data-date="2020-02-14"></rect>
<rect class="day" width="18" height="18" x="0" y="110" fill="rgb(255,247,251)" data-count="0" data-date="2020-02-15"></rect>
<rect class="day" width="18" height="18" x="0" y="132" fill="rgb(255,247,251)" data-count="0" data-date="2020-02-16"></rect>
</g>
<g transform="translate(154, 0)">
<rect class="day" width="18" height="18" x="0" y="0" fill="rgb(255,247,251)" data-count="0" data-date="2020-02-17"></rect>
<rect class="day" width="18" height="18" x="0" y="22" fill="rgb(255,247,251)" data-count="0" data-date="2020-02-18"></rect>
<rect class="day" width="18" height="18" x="0" y="44" fill="rgb(255,247,251)" data-count="0" data-date="2020-02-19"></rect>
<rect class="day" width="18" height="18" x="0" y="66" fill="rgb(255,247,251)" data-count="0" data-date="2020-02-20"></rect>
<rect class="day" width="18" height="18" x="0" y="88" fill="rgb(255,247,251)" data-count="0" data-date="2020-02-21"></rect>
<rect class="day" width="18" height="18" x="0" y="110" fill="rgb(255,247,251)" data-count="0" data-date="2020-02-22"></rect>
<rect class="day" width="18" height="18" x="0" y="132" fill="rgb(255,247,251)" data-count="0" data-date="2020-02-23"></rect>
</g>
<g transform="translate(176, 0)">
<rect class="day" width="18" height="18" x="0" y="0" fill="rgb(255,247,251)" data-count="0" data-date="2020-02-24"></rect>
<rect class="day" width="18" height="18" x="0" y="22" fill="rgb(255,247,251)" data-count="0" data-date="2020-02-25"></rect>
<rect class="day" width="18" height="18" x="0" y="44" fill="rgb(255,247,251)" data-count="0" data-date="2020-02-26"></rect>
<rect class="day" width="18" height="18" x="0" y="66" fill="rgb(255,247,251)" data-count="0" data-date="2020-02-27"></rect>
<rect class="day" width="18" height="18" x="0" y="88" fill="rgb(255,247,251)" data-count="0" data-date="2020-02-28"></rect>
<rect class="day" width="18" height="18" x="0" y="110" fill="rgb(255,247,251)" data-count="0" data-date="2020-02-29"></rect>
<rect class="day" width="18" height="18" x="0" y="132" fill="rgb(255,247,251)" data-count="0" data-date="2020-03-01"></rect>
</g>
<g transform="translate(198, 0)">
<rect class="day" width="18" height="18" x="0" y="0" fill="rgb(255,247,251)" data-count="0" data-date="2020-03-02"></rect>
<rect class="day" width="18" height="18" x="0" y="22" fill="rgb(255,247,251)" data-count="0" data-date="2020-03-03"></rect>
<rect class="day" width="18" height="18" x="0" y="44" fill="rgb(255,247,251)" data-count="0" data-date="2020-03-04"></rect>
<rect class="day" width="18" height="18" x="0" y="66" fill="rgb(255,247,251)" data-count="0" data-date="2020-03-05"></rect>
<rect class="day" width="18" height="18" x="0" y="88" fill="rgb(255,247,251)" data-count="0" data-date="2020-03-06"></rect>
<rect class="day" width="18" height="18" x="0" y="110" fill="rgb(255,247,251)" data-count="0" data-date="2020-03-07"></rect>
<rect class="day" width="18" height="18" x="0" y="132" fill="rgb(255,247,251)" data-count="0" data-date="2020-03-08"></rect>
</g>
<g transform="translate(220, 0)">
<rect class="day" width="18" height="18" x="0" y="0" fill="rgb(255,247,251)" data-count="0" data-date="2020-03-09"></rect>
<rect class="day" width="18" height="18" x="0" y="22" fill="rgb(255,247,251)" data-count="0" data-date="2020-03-10"></rect>
<rect class="day" width="18" height="18" x="0" y="44" fill="rgb(255,247,251)" data-count="0" data-date="2020-03-11"></rect>
<rect class="day" width="18" height="18" x="0" y="66" fill="rgb(255,247,251)" data-count="0" data-date="2020-03-12"></rect>
<rect class="day" width="18" height="18" x="0" y="88" fill="rgb(255,247,251)" data-count="0" data-date="2020-03-13"></rect>
<rect class="day" width="18" height="18" x="0" y="110" fill="rgb(255,247,251)" data-count="0" data-date="2020-03-14"></rect>
<rect class="day" width="18" height="18" x="0" y="132" fill="rgb(255,247,251)" data-count="0" data-date="2020-03-15"></rect>
</g>
<g transform="translate(242, 0)">
<rect class="day" width="18" height="18" x="0" y="0" fill="rgb(255,247,251)" data-count="0" data-date="2020-03-16"></rect>
<rect class="day" width="18" height="18" x="0" y="22" fill="rgb(255,247,251)" data-count="0" data-date="2020-03-17"></rect>
<rect class="day" width="18" height="18" x="0" y="44" fill="rgb(255,247,251)" data-count="0" data-date="2020-03-18"></rect>
<rect class="day" width="18" height="18" x="0" y="66" fill="rgb(255,247,251)" data-count="0" data-date="2020-03-19"></rect>
<rect class="day" width="18" height="18" x="0" y="88" fill="rgb(255,247,251)" data-count="0" data-date="2020-03-20"></rect>
<rect class="day" width="18" height="18" x="0" y="110" fill="rgb(255,247,251)" data-count="0" data-date="2020-03-21"></rect>
<rect class="day" width="18" height="18" x="0" y="132" fill="rgb(255,247,251)" data-count="0" data-date="2020-03-22"></rect>
</g>
<g transform="translate(264, 0)">
<rect class="day" width="18" height="18" x="0" y="0" fill="rgb(255,247,251)" data-count="0" data-date="2020-03-23"></rect>
<rect class="day" width="18" height="18" x="0" y="22" fill="rgb(255,247,251)" data-count="0" data-date="2020-03-24"></rect>
<rect class="day" width="18" height="18" x="0" y="44" fill="rgb(255,247,251)" data-count="0" data-date="2020-03-25"></rect>
<rect class="day" width="18" height="18" x="0" y="66" fill="rgb(255,247,251)" data-count="0" data-date="2020-03-26"></rect>
<rect class="day" width="18" height="18" x="0" y="88" fill="rgb(255,247,251)" data-count="0" data-date="2020-03-27"></rect>
<rect class="day" width="18" height="18" x="0" y="110" fill="rgb(255,247,251)" data-count="0" data-date="2020-03-28"></rect>
<rect class="day" width="18" height="18" x="0" y="132" fill="rgb(255,247,251)" data-count="0" data-date="2020-03-29"></rect>
</g>
<g transform="translate(286, 0)">
<rect class="day" width="18" height="18" x="0" y="0" fill="rgb(255,247,251)" data-count="0" data-date="2020-03-30"></rect>
<rect class="day" width="18" height="18" x="0" y="22" fill="rgb(255,247,251)" data-count="0" data-date="2020-03-31"></rect>
<rect class="day" width="18" height="18" x="0" y="44" fill="rgb(255,247,251)" data-count="0" data-date="2020-04-01"></rect>
<rect class="day" width="18" height="18" x="0" y="66" fill="rgb(255,247,251)" data-count="0" data-date="2020-04-02"></rect>
<rect class="day" width="18" height="18" x="0" y="88" fill="rgb(255,247,251)" data-count="0" data-date="2020-04-03"></rect>
<rect class="day" width="18" height="18" x="0" y="110" fill="rgb(255,247,251)" data-count="0" data-date="2020-04-04"></rect>
<rect class="day" width="18" height="18" x="0" y="132" fill="rgb(255,247,251)" data-count="0" data-date="2020-04-05"></rect>
</g>
<g transform="translate(308, 0)">
<rect class="day" width="18" height="18" x="0" y="0" fill="rgb(255,247,251)" data-count="0" data-date="2020-04-06"></rect>
<rect class="day" width="18" height="18" x="0" y="22" fill="rgb(255,247,251)" data-count="0" data-date="2020-04-07"></rect>
<rect class="day" width="18" height="18" x="0" y="44" fill="rgb(255,247,251)" data-count="0" data-date="2020-04-08"></rect>
<rect class="day" width="18" height="18" x="0" y="66" fill="rgb(255,247,251)" data-count="0" data-date="2020-04-09"></rect>
<rect class="day" width="18" height="18" x="0" y="88" fill="rgb(255,247,251)" data-count="0" data-date="2020-04-10"></rect>
<rect class="day" width="18" height="18" x="0" y="110" fill="rgb(255,247,251)" data-count="0" data-date="2020-04-11"></rect>
<rect class="day" width="18" height="18" x="0" y="132" fill="rgb(255,247,251)" data-count="0" data-date="2020-04-12"></rect>
</g>
<g transform="translate(330, 0)">
<rect class="day" width="18" height="18" x="0" y="0" fill="rgb(255,247,251)" data-count="0" data-date="2020-04-13"></rect>
<rect class="day" width="18" height="18" x="0" y="22" fill="rgb(255,247,251)" data-count="0" data-date="2020-04-14"></rect>
<rect class="day" width="18" height="18" x="0" y="44" fill="rgb(255,247,251)" data-count="0" data-date="2020-04-15"></rect>
<rect class="day" width="18" height="18" x="0" y="66" fill="rgb(255,247,251)" data-count="0" data-date="2020-04-16"></rect>
<rect class="day" width="18" height="18" x="0" y="88" fill="rgb(255,247,251)" data-count="0" data-date="2020-04-17"></rect>
<rect class="day" width="18" height="18" x="0" y="110" fill="rgb(255,247,251)" data-count="0" data-date="2020-04-18"></rect>
<rect class="day" width="18" height="18" x="0" y="132" fill="rgb(255,247,251)" data-count="0" data-date="2020-04-19"></rect>
</g>
<g transform="translate(352, 0)">
<rect class="day" width="18" height="18" x="0" y="0" fill="rgb(255,247,251)" data-count="0" data-date="2020-04-20"></rect>
<rect class="day" width="18" height="18" x="0" y="22" fill="rgb(255,247,251)" data-count="0" data-date="2020-04-21"></rect>
<rect class="day" width="18" height="18" x="0" y="44" fill="rgb(255,247,251)" data-count="0" data-date="2020-04-22"></rect>
<rect class="day" width="18" height="18" x="0" y="66" fill="rgb(255,247,251)" data-count="0" data-date="2020-04-23"></rect>
<rect class="day" width="18" height="18" x="0" y="88" fill="rgb(255,247,251)" data-count="0" data-date="2020-04-24"></rect>
<rect class="day" width="18" height="18" x="0" y="110" fill="rgb(255,247,251)" data-count="0" data-date="2020-04-25"></rect>
<rect class="day" width="18" height="18" x="0" y="132" fill="rgb(255,247,251)" data-count="0" data-date="2020-04-26"></rect>
</g>
<g transform="translate(374, 0)">
<rect class="day" width="18" height="18" x="0" y="0" fill="rgb(255,247,251)" data-count="0" data-date="2020-04-27"></rect>
<rect class="day" width="18" height="18" x="0" y="22" fill="rgb(255,247,251)" data-count="0" data-date="2020-04-28"></rect>
<rect class="day" width="18" height="18" x="0" y="44" fill="rgb(255,247,251)" data-count="0" data-date="2020-04-29"></rect>
<rect class="day" width="18" height="18" x="0" y="66" fill="rgb(255,247,251)" data-count="0" data-date="2020-04-30"></rect>
<rect class="day" width="18" height="18" x="0" y="88" fill="rgb(255,247,251)" data-count="0" data-date="2020-05-01"></rect>
<rect class="day" width="18" height="18" x="0" y="110" fill="rgb(255,247,251)" data-count="0" data-date="2020-05-02"></rect>
<rect class="day" width="18" height="18" x="0" y="132" fill="rgb(255,247,251)" data-count="0" data-date="2020-05-03"></rect>
</g>
<g transform="translate(396, 0)">
<rect class="day" width="18" height="18" x="0" y="0" fill="rgb(255,247,251)" data-count="0" data-date="2020-05-04"></rect>
<rect class="day" width="18" height="18" x="0" y="22" fill="rgb(255,247,251)" data-count="0" data-date="2020-05-05"></rect>
<rect class="day" width="18" height="18" x="0" y="44" fill="rgb(255,247,251)" data-count="0" data-date="2020-05-06"></rect>
<rect class="day" width="18" height="18" x="0" y="66" fill="rgb(255,247,251)" data-count="0" data-date="2020-05-07"></rect>
<rect class="day" width="18" height="18" x="0" y="88" fill="rgb(255,247,251)" data-count="0" data-date="2020-05-08"></rect>
<rect class="day" width="18" height="18" x="0" y="110" fill="rgb(255,247,251)" data-count="0" data-date="2020-05-09"></rect>
<rect class="day" width="18" height="18" x="0" y="132" fill="rgb(255,247,251)" data-count="0" data-date="2020-05-10"></rect>
</g>
<g transform="translate(418, 0)">
<rect class="day" width="18" height="18" x="0" y="0" fill="rgb(255,247,251)" data-count="0" data-date="2020-05-11"></rect>
<rect class="day" width="18" height="18" x="0" y="22" fill="rgb(255,247,251)" data-count="0" data-date="2020-05-12"></rect>
<rect class="day" width="18" height="18" x="0" y="44" fill="rgb(255,247,251)" data-count="0" data-date="2020-05-13"></rect>
<rect class="day" width="18" height="18" x="0" y="66" fill="rgb(255,247,251)" data-count="0" data-date="2020-05-14"></rect>
<rect class="day" width="18" height="18" x="0" y="88" fill="rgb(255,247,251)" data-count="0" data-date="2020-05-15"></rect>
<rect class="day" width="18" height="18" x="0" y="110" fill="rgb(54,144,192)" data-count="8" data-date="2020-05-16"></rect>
<rect class="day" width="18" height="18" x="0" y="132" fill="rgb(2,56,88)" data-count="13" data-date="2020-05-17"></rect>
</g>
<g transform="translate(440, 0)">
<rect class="day" width="18" height="18" x="0" y="0" fill="rgb(166,189,219)" data-count="5" data-date="2020-05-18"></rect>
<rect class="day" width="18" height="18" x="0" y="22" fill="rgb(54,144,192)" data-count="8" data-date="2020-05-19"></rect>
<rect class="day" width="18" height="18" x="0" y="44" fill="rgb(166,189,219)" data-count="5" data-date="2020-05-20"></rect>
<rect class="day" width="18" height="18" x="0" y="66" fill="rgb(166,189,219)" data-count="5" data-date="2020-05-21"></rect>
<rect class="day" width="18" height="18" x="0" y="88" fill="rgb(208,209,230)" data-count="3" data-date="2020-05-22"></rect>
<rect class="day" width="18" height="18" x="0" y="110" fill="rgb(166,189,219)" data-count="5" data-date="2020-05-23"></rect>
<rect class="day" width="18" height="18" x="0" y="132" fill="rgb(116,169,207)" data-count="6" data-date="2020-05-24"></rect>
</g>
<g transform="translate(462, 0)">
<rect class="day" width="18" height="18" x="0" y="0" fill="rgb(208,209,230)" data-count="3" data-date="2020-05-25"></rect>
<rect class="day" width="18" height="18" x="0" y="22" fill="rgb(166,189,219)" data-count="5" data-date="2020-05-26"></rect>
<rect class="day" width="18" height="18" x="0" y="44" fill="rgb(54,144,192)" data-count="8" data-date="2020-05-27"></rect>
<rect class="day" width="18" height="18" x="0" y="66" fill="rgb(236,231,242)" data-count="2" data-date="2020-05-28"></rect>
<rect class="day" width="18" height="18" x="0" y="88" fill="rgb(236,231,242)" data-count="2" data-date="2020-05-29"></rect>
<rect class="day" width="18" height="18" x="0" y="110" fill="rgb(54,144,192)" data-count="8" data-date="2020-05-30"></rect>
<rect class="day" width="18" height="18" x="0" y="132" fill="rgb(166,189,219)" data-count="5" data-date="2020-05-31"></rect>
</g>
<g transform="translate(484, 0)">
<rect class="day" width="18" height="18" x="0" y="0" fill="rgb(236,231,242)" data-count="1" data-date="2020-06-01"></rect>
<rect class="day" width="18" height="18" x="0" y="22" fill="rgb(208,209,230)" data-count="3" data-date="2020-06-02"></rect>
<rect class="day" width="18" height="18" x="0" y="44" fill="rgb(236,231,242)" data-count="1" data-date="2020-06-03"></rect>
<rect class="day" width="18" height="18" x="0" y="66" fill="rgb(208,209,230)" data-count="3" data-date="2020-06-04"></rect>
<rect class="day" width="18" height="18" x="0" y="88" fill="rgb(236,231,242)" data-count="1" data-date="2020-06-05"></rect>
<rect class="day" width="18" height="18" x="0" y="110" fill="rgb(208,209,230)" data-count="3" data-date="2020-06-06"></rect>
<rect class="day" width="18" height="18" x="0" y="132" fill="rgb(166,189,219)" data-count="5" data-date="2020-06-07"></rect>
</g>
<g transform="translate(506, 0)">
<rect class="day" width="18" height="18" x="0" y="0" fill="rgb(255,247,251)" data-count="0" data-date="2020-06-08"></rect>
<rect class="day" width="18" height="18" x="0" y="22" fill="rgb(236,231,242)" data-count="1" data-date="2020-06-09"></rect>
<rect class="day" width="18" height="18" x="0" y="44" fill="rgb(236,231,242)" data-count="2" data-date="2020-06-10"></rect>
<rect class="day" width="18" height="18" x="0" y="66" fill="rgb(255,247,251)" data-count="0" data-date="2020-06-11"></rect>
<rect class="day" width="18" height="18" x="0" y="88" fill="rgb(5,112,176)" data-count="9" data-date="2020-06-12"></rect>
<rect class="day" width="18" height="18" x="0" y="110" fill="rgb(116,169,207)" data-count="7" data-date="2020-06-13"></rect>
<rect class="day" width="18" height="18" x="0" y="132" fill="rgb(208,209,230)" data-count="4" data-date="2020-06-14"></rect>
</g>
<g transform="translate(528, 0)">
<rect class="day" width="18" height="18" x="0" y="0" fill="rgb(236,231,242)" data-count="1" data-date="2020-06-15"></rect>
<rect class="day" width="18" height="18" x="0" y="22" fill="rgb(255,247,251)" data-count="0" data-date="2020-06-16"></rect>
<rect class="day" width="18" height="18" x="0" y="44" fill="rgb(236,231,242)" data-count="1" data-date="2020-06-17"></rect>
<rect class="day" width="18" height="18" x="0" y="66" fill="rgb(255,247,251)" data-count="0" data-date="2020-06-18"></rect>
<rect class="day" width="18" height="18" x="0" y="88" fill="rgb(255,247,251)" data-count="0" data-date="2020-06-19"></rect>
<rect class="day" width="18" height="18" x="0" y="110" fill="rgb(236,231,242)" data-count="2" data-date="2020-06-20"></rect>
<rect class="day" width="18" height="18" x="0" y="132" fill="rgb(236,231,242)" data-count="1" data-date="2020-06-21"></rect>
</g>
<g transform="translate(550, 0)">
<rect class="day" width="18" height="18" x="0" y="0" fill="rgb(255,247,251)" data-count="0" data-date="2020-06-22"></rect>
<rect class="day" width="18" height="18" x="0" y="22" fill="rgb(236,231,242)" data-count="2" data-date="2020-06-23"></rect>
<rect class="day" width="18" height="18" x="0" y="44" fill="rgb(236,231,242)" data-count="2" data-date="2020-06-24"></rect>
<rect class="day" width="18" height="18" x="0" y="66" fill="rgb(208,209,230)" data-count="3" data-date="2020-06-25"></rect>
<rect class="day" width="18" height="18" x="0" y="88" fill="rgb(208,209,230)" data-count="3" data-date="2020-06-26"></rect>
<rect class="day" width="18" height="18" x="0" y="110" fill="rgb(236,231,242)" data-count="2" data-date="2020-06-27"></rect>
<rect class="day" width="18" height="18" x="0" y="132" fill="rgb(236,231,242)" data-count="1" data-date="2020-06-28"></rect>
</g>
<g transform="translate(572, 0)">
<rect class="day" width="18" height="18" x="0" y="0" fill="rgb(236,231,242)" data-count="1" data-date="2020-06-29"></rect>
<rect class="day" width="18" height="18" x="0" y="22" fill="rgb(236,231,242)" data-count="2" data-date="2020-06-30"></rect>
<rect class="day" width="18" height="18" x="0" y="44" fill="rgb(255,247,251)" data-count="0" data-date="2020-07-01"></rect>
<rect class="day" width="18" height="18" x="0" y="66" fill="rgb(255,247,251)" data-count="0" data-date="2020-07-02"></rect>
<rect class="day" width="18" height="18" x="0" y="88" fill="rgb(255,247,251)" data-count="0" data-date="2020-07-03"></rect>
<rect class="day" width="18" height="18" x="0" y="110" fill="rgb(255,247,251)" data-count="0" data-date="2020-07-04"></rect>
<rect class="day" width="18" height="18" x="0" y="132" fill="rgb(255,247,251)" data-count="0" data-date="2020-07-05"></rect>
</g>
<g transform="translate(594, 0)">
<rect class="day" width="18" height="18" x="0" y="0" fill="rgb(255,247,251)" data-count="0" data-date="2020-07-06"></rect>
<rect class="day" width="18" height="18" x="0" y="22" fill="rgb(255,247,251)" data-count="0" data-date="2020-07-07"></rect>
<rect class="day" width="18" height="18" x="0" y="44" fill="rgb(255,247,251)" data-count="0" data-date="2020-07-08"></rect>
<rect class="day" width="18" height="18" x="0" y="66" fill="rgb(255,247,251)" data-count="0" data-date="2020-07-09"></rect>
<rect class="day" width="18" height="18" x="0" y="88" fill="rgb(255,247,251)" data-count="0" data-date="2020-07-10"></rect>
<rect class="day" width="18" height="18" x="0" y="110" fill="rgb(255,247,251)" data-count="0" data-date="2020-07-11"></rect>
<rect class="day" width="18" height="18" x="0" y="132" fill="rgb(255,247,251)" data-count="0" data-date="2020-07-12"></rect>
</g>
<g transform="translate(616, 0)">
<rect class="day" width="18" height="18" x="0" y="0" fill="rgb(255,247,251)" data-count="0" data-date="2020-07-13"></rect>
<rect class="day" width="18" height="18" x="0" y="22" fill="rgb(255,247,251)" data-count="0" data-date="2020-07-14"></rect>
<rect class="day" width="18" height="18" x="0" y="44" fill="rgb(255,247,251)" data-count="0" data-date="2020-07-15"></rect>
<rect class="day" width="18" height="18" x="0" y="66" fill="rgb(255,247,251)" data-count="0" data-date="2020-07-16"></rect>
<rect class="day" width="18" height="18" x="0" y="88" fill="rgb(255,247,251)" data-count="0" data-date="2020-07-17"></rect>
<rect class="day" width="18" height="18" x="0" y="110" fill="rgb(255,247,251)" data-count="0" data-date="2020-07-18"></rect>
<rect class="day" width="18" height="18" x="0" y="132" fill="rgb(255,247,251)" data-count="0" data-date="2020-07-19"></rect>
</g>
<g transform="translate(638, 0)">
<rect class="day" width="18" height="18" x="0" y="0" fill="rgb(255,247,251)" data-count="0" data-date="2020-07-20"></rect>
<rect class="day" width="18" height="18" x="0" y="22" fill="rgb(255,247,251)" data-count="0" data-date="2020-07-21"></rect>
<rect class="day" width="18" height="18" x="0" y="44" fill="rgb(255,247,251)" data-count="0" data-date="2020-07-22"></rect>
<rect class="day" width="18" height="18" x="0" y="66" fill="rgb(255,247,251)" data-count="0" data-date="2020-07-23"></rect>
<rect class="day" width="18" height="18" x="0" y="88" fill="rgb(255,247,251)" data-count="0" data-date="2020-07-24"></rect>
<rect class="day" width="18" height="18" x="0" y="110" fill="rgb(255,247,251)" data-count="0" data-date="2020-07-25"></rect>
<rect class="day" width="18" height="18" x="0" y="132" fill="rgb(255,247,251)" data-count="0" data-date="2020-07-26"></rect>
</g>
<g transform="translate(660, 0)">
<rect class="day" width="18" height="18" x="0" y="0" fill="rgb(255,247,251)" data-count="0" data-date="2020-07-27"></rect>
<rect class="day" width="18" height="18" x="0" y="22" fill="rgb(255,247,251)" data-count="0" data-date="2020-07-28"></rect>
<rect class="day" width="18" height="18" x="0" y="44" fill="rgb(255,247,251)" data-count="0" data-date="2020-07-29"></rect>
<rect class="day" width="18" height="18" x="0" y="66" fill="rgb(255,247,251)" data-count="0" data-date="2020-07-30"></rect>
<rect class="day" width="18" height="18" x="0" y="88" fill="rgb(255,247,251)" data-count="0" data-date="2020-07-31"></rect>
<rect class="day" width="18" height="18" x="0" y="110" fill="rgb(255,247,251)" data-count="0" data-date="2020-08-01"></rect>
<rect class="day" width="18" height="18" x="0" y="132" fill="rgb(255,247,251)" data-count="0" data-date="2020-08-02"></rect>
</g>
<g transform="translate(682, 0)">
<rect class="day" width="18" height="18" x="0" y="0" fill="rgb(255,247,251)" data-count="0" data-date="2020-08-03"></rect>
<rect class="day" width="18" height="18" x="0" y="22" fill="rgb(255,247,251)" data-count="0" data-date="2020-08-04"></rect>
<rect class="day" width="18" height="18" x="0" y="44" fill="rgb(255,247,251)" data-count="0" data-date="2020-08-05"></rect>
<rect class="day" width="18" height="18" x="0" y="66" fill="rgb(255,247,251)" data-count="0" data-date="2020-08-06"></rect>
<rect class="day" width="18" height="18" x="0" y="88" fill="rgb(255,247,251)" data-count="0" data-date="2020-08-07"></rect>
<rect class="day" width="18" height="18" x="0" y="110" fill="rgb(255,247,251)" data-count="0" data-date="2020-08-08"></rect>
<rect class="day" width="18" height="18" x="0" y="132" fill="rgb(255,247,251)" data-count="0" data-date="2020-08-09"></rect>
</g>
<g transform="translate(704, 0)">
<rect class="day" width="18" height="18" x="0" y="0" fill="rgb(255,247,251)" data-count="0" data-date="2020-08-10"></rect>
<rect class="day" width="18" height="18" x="0" y="22" fill="rgb(255,247,251)" data-count="0" data-date="2020-08-11"></rect>
<rect class="day" width="18" height="18" x="0" y="44" fill="rgb(255,247,251)" data-count="0" data-date="2020-08-12"></rect>
<rect class="day" width="18" height="18" x="0" y="66" fill="rgb(255,247,251)" data-count="0" data-date="2020-08-13"></rect>
<rect class="day" width="18" height="18" x="0" y="88" fill="rgb(255,247,251)" data-count="0" data-date="2020-08-14"></rect>
<rect class="day" width="18" height="18" x="0" y="110" fill="rgb(255,247,251)" data-count="0" data-date="2020-08-15"></rect>
<rect class="day" width="18" height="18" x="0" y="132" fill="rgb(255,247,251)" data-count="0" data-date="2020-08-16"></rect>
</g>
<g transform="translate(726, 0)">
<rect class="day" width="18" height="18" x="0" y="0" fill="rgb(255,247,251)" data-count="0" data-date="2020-08-17"></rect>
<rect class="day" width="18" height="18" x="0" y="22" fill="rgb(255,247,251)" data-count="0" data-date="2020-08-18"></rect>
<rect class="day" width="18" height="18" x="0" y="44" fill="rgb(255,247,251)" data-count="0" data-date="2020-08-19"></rect>
<rect class="day" width="18" height="18" x="0" y="66" fill="rgb(255,247,251)" data-count="0" data-date="2020-08-20"></rect>
<rect class="day" width="18" height="18" x="0" y="88" fill="rgb(255,247,251)" data-count="0" data-date="2020-08-21"></rect>
<rect class="day" width="18" height="18" x="0" y="110" fill="rgb(255,247,251)" data-count="0" data-date="2020-08-22"></rect>
<rect class="day" width="18" height="18" x="0" y="132" fill="rgb(255,247,251)" data-count="0" data-date="2020-08-23"></rect>
</g>
<g transform="translate(748, 0)">
<rect class="day" width="18" height="18" x="0" y="0" fill="rgb(255,247,251)" data-count="0" data-date="2020-08-24"></rect>
<rect class="day" width="18" height="18" x="0" y="22" fill="rgb(255,247,251)" data-count="0" data-date="2020-08-25"></rect>
<rect class="day" width="18" height="18" x="0" y="44" fill="rgb(255,247,251)" data-count="0" data-date="2020-08-26"></rect>
<rect class="day" width="18" height="18" x="0" y="66" fill="rgb(255,247,251)" data-count="0" data-date="2020-08-27"></rect>
<rect class="day" width="18" height="18" x="0" y="88" fill="rgb(255,247,251)" data-count="0" data-date="2020-08-28"></rect>
<rect class="day" width="18" height="18" x="0" y="110" fill="rgb(255,247,251)" data-count="0" data-date="2020-08-29"></rect>
<rect class="day" width="18" height="18" x="0" y="132" fill="rgb(255,247,251)" data-count="0" data-date="2020-08-30"></rect>
</g>
<g transform="translate(770, 0)">
<rect class="day" width="18" height="18" x="0" y="0" fill="rgb(255,247,251)" data-count="0" data-date="2020-08-31"></rect>
<rect class="day" width="18" height="18" x="0" y="22" fill="rgb(255,247,251)" data-count="0" data-date="2020-09-01"></rect>
<rect class="day" width="18" height="18" x="0" y="44" fill="rgb(255,247,251)" data-count="0" data-date="2020-09-02"></rect>
<rect class="day" width="18" height="18" x="0" y="66" fill="rgb(255,247,251)" data-count="0" data-date="2020-09-03"></rect>
<rect class="day" width="18" height="18" x="0" y="88" fill="rgb(255,247,251)" data-count="0" data-date="2020-09-04"></rect>
<rect class="day" width="18" height="18" x="0" y="110" fill="rgb(255,247,251)" data-count="0" data-date="2020-09-05"></rect>
<rect class="day" width="18" height="18" x="0" y="132" fill="rgb(255,247,251)" data-count="0" data-date="2020-09-06"></rect>
</g>
<g transform="translate(792, 0)">
<rect class="day" width="18" height="18" x="0" y="0" fill="rgb(255,247,251)" data-count="0" data-date="2020-09-07"></rect>
<rect class="day" width="18" height="18" x="0" y="22" fill="rgb(255,247,251)" data-count="0" data-date="2020-09-08"></rect>
<rect class="day" width="18" height="18" x="0" y="44" fill="rgb(255,247,251)" data-count="0" data-date="2020-09-09"></rect>
<rect class="day" width="18" height="18" x="0" y="66" fill="rgb(255,247,251)" data-count="0" data-date="2020-09-10"></rect>
<rect class="day" width="18" height="18" x="0" y="88" fill="rgb(255,247,251)" data-count="0" data-date="2020-09-11"></rect>
<rect class="day" width="18" height="18" x="0" y="110" fill="rgb(255,247,251)" data-count="0" data-date="2020-09-12"></rect>
<rect class="day" width="18" height="18" x="0" y="132" fill="rgb(255,247,251)" data-count="0" data-date="2020-09-13"></rect>
</g>
<g transform="translate(814, 0)">
<rect class="day" width="18" height="18" x="0" y="0" fill="rgb(255,247,251)" data-count="0" data-date="2020-09-14"></rect>
<rect class="day" width="18" height="18" x="0" y="22" fill="rgb(255,247,251)" data-count="0" data-date="2020-09-15"></rect>
<rect class="day" width="18" height="18" x="0" y="44" fill="rgb(255,247,251)" data-count="0" data-date="2020-09-16"></rect>
<rect class="day" width="18" height="18" x="0" y="66" fill="rgb(255,247,251)" data-count="0" data-date="2020-09-17"></rect>
<rect class="day" width="18" height="18" x="0" y="88" fill="rgb(255,247,251)" data-count="0" data-date="2020-09-18"></rect>
<rect class="day" width="18" height="18" x="0" y="110" fill="rgb(255,247,251)" data-count="0" data-date="2020-09-19"></rect>
<rect class="day" width="18" height="18" x="0" y="132" fill="rgb(255,247,251)" data-count="0" data-date="2020-09-20"></rect>
</g>
<g transform="translate(836, 0)">
<rect class="day" width="18" height="18" x="0" y="0" fill="rgb(255,247,251)" data-count="0" data-date="2020-09-21"></rect>
<rect class="day" width="18" height="18" x="0" y="22" fill="rgb(255,247,251)" data-count="0" data-date="2020-09-22"></rect>
<rect class="day" width="18" height="18" x="0" y="44" fill="rgb(255,247,251)" data-count="0" data-date="2020-09-23"></rect>
<rect class="day" width="18" height="18" x="0" y="66" fill="rgb(255,247,251)" data-count="0" data-date="2020-09-24"></rect>
<rect class="day" width="18" height="18" x="0" y="88" fill="rgb(255,247,251)" data-count="0" data-date="2020-09-25"></rect>
<rect class="day" width="18" height="18" x="0" y="110" fill="rgb(255,247,251)" data-count="0" data-date="2020-09-26"></rect>
<rect class="day" width="18" height="18" x="0" y="132" fill="rgb(255,247,251)" data-count="0" data-date="2020-09-27"></rect>
</g>
<g transform="translate(858, 0)">
<rect class="day" width="18" height="18" x="0" y="0" fill="rgb(255,247,251)" data-count="0" data-date="2020-09-28"></rect>
<rect class="day" width="18" height="18" x="0" y="22" fill="rgb(255,247,251)" data-count="0" data-date="2020-09-29"></rect>
<rect class="day" width="18" height="18" x="0" y="44" fill="rgb(255,247,251)" data-count="0" data-date="2020-09-30"></rect>
<rect class="day" width="18" height="18" x="0" y="66" fill="rgb(255,247,251)" data-count="0" data-date="2020-10-01"></rect>
<rect class="day" width="18" height="18" x="0" y="88" fill="rgb(255,247,251)" data-count="0" data-date="2020-10-02"></rect>
<rect class="day" width="18" height="18" x="0" y="110" fill="rgb(255,247,251)" data-count="0" data-date="2020-10-03"></rect>
<rect class="day" width="18" height="18" x="0" y="132" fill="rgb(255,247,251)" data-count="0" data-date="2020-10-04"></rect>
</g>
<g transform="translate(880, 0)">
<rect class="day" width="18" height="18" x="0" y="0" fill="rgb(255,247,251)" data-count="0" data-date="2020-10-05"></rect>
<rect class="day" width="18" height="18" x="0" y="22" fill="rgb(255,247,251)" data-count="0" data-date="2020-10-06"></rect>
<rect class="day" width="18" height="18" x="0" y="44" fill="rgb(255,247,251)" data-count="0" data-date="2020-10-07"></rect>
<rect class="day" width="18" height="18" x="0" y="66" fill="rgb(255,247,251)" data-count="0" data-date="2020-10-08"></rect>
<rect class="day" width="18" height="18" x="0" y="88" fill="rgb(255,247,251)" data-count="0" data-date="2020-10-09"></rect>
<rect class="day" width="18" height="18" x="0" y="110" fill="rgb(255,247,251)" data-count="0" data-date="2020-10-10"></rect>
<rect class="day" width="18" height="18" x="0" y="132" fill="rgb(255,247,251)" data-count="0" data-date="2020-10-11"></rect>
</g>
<g transform="translate(902, 0)">
<rect class="day" width="18" height="18" x="0" y="0" fill="rgb(255,247,251)" data-count="0" data-date="2020-10-12"></rect>
<rect class="day" width="18" height="18" x="0" y="22" fill="rgb(255,247,251)" data-count="0" data-date="2020-10-13"></rect>
<rect class="day" width="18" height="18" x="0" y="44" fill="rgb(255,247,251)" data-count="0" data-date="2020-10-14"></rect>
<rect class="day" width="18" height="18" x="0" y="66" fill="rgb(255,247,251)" data-count="0" data-date="2020-10-15"></rect>
<rect class="day" width="18" height="18" x="0" y="88" fill="rgb(255,247,251)" data-count="0" data-date="2020-10-16"></rect>
<rect class="day" width="18" height="18" x="0" y="110" fill="rgb(255,247,251)" data-count="0" data-date="2020-10-17"></rect>
<rect class="day" width="18" height="18" x="0" y="132" fill="rgb(255,247,251)" data-count="0" data-date="2020-10-18"></rect>
</g>
<g transform="translate(924, 0)">
<rect class="day" width="18" height="18" x="0" y="0" fill="rgb(255,247,251)" data-count="0" data-date="2020-10-19"></rect>
<rect class="day" width="18" height="18" x="0" y="22" fill="rgb(255,247,251)" data-count="0" data-date="2020-10-20"></rect>
<rect class="day" width="18" height="18" x="0" y="44" fill="rgb(255,247,251)" data-count="0" data-date="2020-10-21"></rect>
<rect class="day" width="18" height="18" x="0" y="66" fill="rgb(255,247,251)" data-count="0" data-date="2020-10-22"></rect>
<rect class="day" width="18" height="18" x="0" y="88" fill="rgb(255,247,251)" data-count="0" data-date="2020-10-23"></rect>
<rect class="day" width="18" height="18" x="0" y="110" fill="rgb(255,247,251)" data-count="0" data-date="2020-10-24"></rect>
<rect class="day" width="18" height="18" x="0" y="132" fill="rgb(255,247,251)" data-count="0" data-date="2020-10-25"></rect>
</g>
<g transform="translate(946, 0)">
<rect class="day" width="18" height="18" x="0" y="0" fill="rgb(255,247,251)" data-count="0" data-date="2020-10-26"></rect>
<rect class="day" width="18" height="18" x="0" y="22" fill="rgb(255,247,251)" data-count="0" data-date="2020-10-27"></rect>
<rect class="day" width="18" height="18" x="0" y="44" fill="rgb(255,247,251)" data-count="0" data-date="2020-10-28"></rect>
<rect class="day" width="18" height="18" x="0" y="66" fill="rgb(255,247,251)" data-count="0" data-date="2020-10-29"></rect>
<rect class="day" width="18" height="18" x="0" y="88" fill="rgb(255,247,251)" data-count="0" data-date="2020-10-30"></rect>
<rect class="day" width="18" height="18" x="0" y="110" fill="rgb(255,247,251)" data-count="0" data-date="2020-10-31"></rect>
<rect class="day" width="18" height="18" x="0" y="132" fill="rgb(255,247,251)" data-count="0" data-date="2020-11-01"></rect>
</g>
<g transform="translate(968, 0)">
<rect class="day" width="18" height="18" x="0" y="0" fill="rgb(255,247,251)" data-count="0" data-date="2020-11-02"></rect>
<rect class="day" width="18" height="18" x="0" y="22" fill="rgb(255,247,251)" data-count="0" data-date="2020-11-03"></rect>
<rect class="day" width="18" height="18" x="0" y="44" fill="rgb(255,247,251)" data-count="0" data-date="2020-11-04"></rect>
<rect class="day" width="18" height="18" x="0" y="66" fill="rgb(255,247,251)" data-count="0" data-date="2020-11-05"></rect>
<rect class="day" width="18" height="18" x="0" y="88" fill="rgb(255,247,251)" data-count="0" data-date="2020-11-06"></rect>
<rect class="day" width="18" height="18" x="0" y="110" fill="rgb(255,247,251)" data-count="0" data-date="2020-11-07"></rect>
<rect class="day" width="18" height="18" x="0" y="132" fill="rgb(255,247,251)" data-count="0" data-date="2020-11-08"></rect>
</g>
<g transform="translate(990, 0)">
<rect class="day" width="18" height="18" x="0" y="0" fill="rgb(255,247,251)" data-count="0" data-date="2020-11-09"></rect>
<rect class="day" width="18" height="18" x="0" y="22" fill="rgb(255,247,251)" data-count="0" data-date="2020-11-10"></rect>
<rect class="day" width="18" height="18" x="0" y="44" fill="rgb(255,247,251)" data-count="0" data-date="2020-11-11"></rect>
<rect class="day" width="18" height="18" x="0" y="66" fill="rgb(255,247,251)" data-count="0" data-date="2020-11-12"></rect>
<rect class="day" width="18" height="18" x="0" y="88" fill="rgb(255,247,251)" data-count="0" data-date="2020-11-13"></rect>
<rect class="day" width="18" height="18" x="0" y="110" fill="rgb(255,247,251)" data-count="0" data-date="2020-11-14"></rect>
<rect class="day" width="18" height="18" x="0" y="132" fill="rgb(255,247,251)" data-count="0" data-date="2020-11-15"></rect>
</g>
<g transform="translate(1012, 0)">
<rect class="day" width="18" height="18" x="0" y="0" fill="rgb(255,247,251)" data-count="0" data-date="2020-11-16"></rect>
<rect class="day" width="18" height="18" x="0" y="22" fill="rgb(255,247,251)" data-count="0" data-date="2020-11-17"></rect>
<rect class="day" width="18" height="18" x="0" y="44" fill="rgb(255,247,251)" data-count="0" data-date="2020-11-18"></rect>
<rect class="day" width="18" height="18" x="0" y="66" fill="rgb(255,247,251)" data-count="0" data-date="2020-11-19"></rect>
<rect class="day" width="18" height="18" x="0" y="88" fill="rgb(255,247,251)" data-count="0" data-date="2020-11-20"></rect>
<rect class="day" width="18" height="18" x="0" y="110" fill="rgb(255,247,251)" data-count="0" data-date="2020-11-21"></rect>
<rect class="day" width="18" height="18" x="0" y="132" fill="rgb(255,247,251)" data-count="0" data-date="2020-11-22"></rect>
</g>
<g transform="translate(1034, 0)">
<rect class="day" width="18" height="18" x="0" y="0" fill="rgb(255,247,251)" data-count="0" data-date="2020-11-23"></rect>
<rect class="day" width="18" height="18" x="0" y="22" fill="rgb(255,247,251)" data-count="0" data-date="2020-11-24"></rect>
<rect class="day" width="18" height="18" x="0" y="44" fill="rgb(255,247,251)" data-count="0" data-date="2020-11-25"></rect>
<rect class="day" width="18" height="18" x="0" y="66" fill="rgb(255,247,251)" data-count="0" data-date="2020-11-26"></rect>
<rect class="day" width="18" height="18" x="0" y="88" fill="rgb(255,247,251)" data-count="0" data-date="2020-11-27"></rect>
<rect class="day" width="18" height="18" x="0" y="110" fill="rgb(255,247,251)" data-count="0" data-date="2020-11-28"></rect>
<rect class="day" width="18" height="18" x="0" y="132" fill="rgb(255,247,251)" data-count="0" data-date="2020-11-29"></rect>
</g>
<g transform="translate(1056, 0)">
<rect class="day" width="18" height="18" x="0" y="0" fill="rgb(255,247,251)" data-count="0" data-date="2020-11-30"></rect>
<rect class="day" width="18" height="18" x="0" y="22" fill="rgb(255,247,251)" data-count="0" data-date="2020-12-01"></rect>
<rect class="day" width="18" height="18" x="0" y="44" fill="rgb(255,247,251)" data-count="0" data-date="2020-12-02"></rect>
<rect class="day" width="18" height="18" x="0" y="66" fill="rgb(255,247,251)" data-count="0" data-date="2020-12-03"></rect>
<rect class="day" width="18" height="18" x="0" y="88" fill="rgb(255,247,251)" data-count="0" data-date="2020-12-04"></rect>
<rect class="day" width="18" height="18" x="0" y="110" fill="rgb(255,247,251)" data-count="0" data-date="2020-12-05"></rect>
<rect class="day" width="18" height="18" x="0" y="132" fill="rgb(255,247,251)" data-count="0" data-date="2020-12-06"></rect>
</g>
<g transform="translate(1078, 0)">
<rect class="day" width="18" height="18" x="0" y="0" fill="rgb(255,247,251)" data-count="0" data-date="2020-12-07"></rect>
<rect class="day" width="18" height="18" x="0" y="22" fill="rgb(255,247,251)" data-count="0" data-date="2020-12-08"></rect>
<rect class="day" width="18" height="18" x="0" y="44" fill="rgb(255,247,251)" data-count="0" data-date="2020-12-09"></rect>
<rect class="day" width="18" height="18" x="0" y="66" fill="rgb(255,247,251)" data-count="0" data-date="2020-12-10"></rect>
<rect class="day" width="18" height="18" x="0" y="88" fill="rgb(255,247,251)" data-count="0" data-date="2020-12-11"></rect>
<rect class="day" width="18" height="18" x="0" y="110" fill="rgb(255,247,251)" data-count="0" data-date="2020-12-12"></rect>
<rect class="day" width="18" height="18" x="0" y="132" fill="rgb(255,247,251)" data-count="0" data-date="2020-12-13"></rect>
</g>
<g transform="translate(1100, 0)">
<rect class="day" width="18" height="18" x="0" y="0" fill="rgb(255,247,251)" data-count="0" data-date="2020-12-14"></rect>
<rect class="day" width="18" height="18" x="0" y="22" fill="rgb(255,247,251)" data-count="0" data-date="2020-12-15"></rect>
<rect class="day" width="18" height="18" x="0" y="44" fill="rgb(255,247,251)" data-count="0" data-date="2020-12-16"></rect>
<rect class="day" width="18" height="18" x="0" y="66" fill="rgb(255,247,251)" data-count="0" data-date="2020-12-17"></rect>
<rect class="day" width="18" height="18" x="0" y="88" fill="rgb(255,247,251)" data-count="0" data-date="2020-12-18"></rect>
<rect class="day" width="18" height="18" x="0" y="110" fill="rgb(255,247,251)" data-count="0" data-date="2020-12-19"></rect>
<rect class="day" width="18" height="18" x="0" y="132" fill="rgb(255,247,251)" data-count="0" data-date="2020-12-20"></rect>
</g>
<g transform="translate(1122, 0)">
<rect class="day" width="18" height="18" x="0" y="0" fill="rgb(255,247,251)" data-count="0" data-date="2020-12-21"></rect>
<rect class="day" width="18" height="18" x="0" y="22" fill="rgb(255,247,251)" data-count="0" data-date="2020-12-22"></rect>
<rect class="day" width="18" height="18" x="0" y="44" fill="rgb(255,247,251)" data-count="0" data-date="2020-12-23"></rect>
<rect class="day" width="18" height="18" x="0" y="66" fill="rgb(255,247,251)" data-count="0" data-date="2020-12-24"></rect>
<rect class="day" width="18" height="18" x="0" y="88" fill="rgb(255,247,251)" data-count="0" data-date="2020-12-25"></rect>
<rect class="day" width="18" height="18" x="0" y="110" fill="rgb(255,247,251)" data-count="0" data-date="2020-12-26"></rect>
<rect class="day" width="18" height="18" x="0" y="132" fill="rgb(255,247,251)" data-count="0" data-date="2020-12-27"></rect>
</g>
<g transform="translate(1144, 0)">
<rect class="day" width="18" height="18" x="0" y="0" fill="rgb(255,247,251)" data-count="0" data-date="2020-12-28"></rect>
<rect class="day" width="18" height="18" x="0" y="22" fill="rgb(255,247,251)" data-count="0" data-date="2020-12-29"></rect>
<rect class="day" width="18" height="18" x="0" y="44" fill="rgb(255,247,251)" data-count="0" data-date="2020-12-30"></rect>
<rect class="day" width="18" height="18" x="0" y="66" fill="rgb(255,247,251)" data-count="0" data-date="2020-12-31"></rect>
</g>
<text x="22" y="-7" font-size="10" fill="rgb(100,100,100)">Jan</text>
<text x="110" y="-7" font-size="10" fill="rgb(100,100,100)">Feb</text>
<text x="198" y="-7" font-size="10" fill="rgb(100,100,100)">Mar</text>
<text x="308" y="-7" font-size="10" fill="rgb(100,100,100)">Apr</text>
<text x="396" y="-7" font-size="10" fill="rgb(100,100,100)">May</text>
<text x="484" y="-7" font-size="10" fill="rgb(100,100,100)">Jun</text>
<text x="594" y="-7" font-size="10" fill="rgb(100,100,100)">Jul</text>
<text x="682" y="-7" font-size="10" fill="rgb(100,100,100)">Aug</text>
<text x="792" y="-7" font-size="10" fill="rgb(100,100,100)">Sep</text>
<text x="880" y="-7" font-size="10" fill="rgb(100,100,100)">Oct</text>
<text x="968" y="-7" font-size="10" fill="rgb(100,100,100)">Nov</text>
<text x="1078" y="-7" font-size="10" fill="rgb(100,100,100)">Dec</text>
<text text-anchor="start" font-size="10" dx="-25" dy="15" fill="rgb(100,100,100)" >Mon</text>
<text text-anchor="start" font-size="10" dx="-25" dy="37" fill="rgb(100,100,100)" style="display: none;">Tue</text>
<text text-anchor="start" font-size="10" dx="-25" dy="59" fill="rgb(100,100,100)" >Wed</text>
<text text-anchor="start" font-size="10" dx="-25" dy="81" fill="rgb(100,100,100)" style="display: none;">Thu</text>
<text text-anchor="start" font-size="10" dx="-25" dy="103" fill="rgb(100,100,100)" >Fri</text>
<text text-anchor="start" font-size="10" dx="-25" dy="125" fill="rgb(100,100,100)" style="display: none;">Sat</text>
<text text-anchor="start" font-size="10" dx="-25" dy="147" fill="rgb(100,100,100)" style="display: none;">Sun</text>
</g></svg>

After

Width:  |  Height:  |  Size: 49 KiB

File diff suppressed because it is too large Load Diff

Before

Width:  |  Height:  |  Size: 49 KiB

After

Width:  |  Height:  |  Size: 51 KiB

View File

@ -0,0 +1,10 @@
R,G,B
247,252,240
224,243,219
204,235,197
168,221,181
123,204,196
78,179,211
43,140,190
8,104,172
8,64,129
1 R G B
2 247 252 240
3 224 243 219
4 204 235 197
5 168 221 181
6 123 204 196
7 78 179 211
8 43 140 190
9 8 104 172
10 8 64 129

View File

@ -0,0 +1,10 @@
R,G,B
255,247,251
236,231,242
208,209,230
166,189,219
116,169,207
54,144,192
5,112,176
4,90,141
2,56,88
1 R G B
2 255 247 251
3 236 231 242
4 208 209 230
5 166 189 219
6 116 169 207
7 54 144 192
8 5 112 176
9 4 90 141
10 2 56 88

View File

@ -0,0 +1,10 @@
R,G,B
255,255,229
247,252,185
217,240,163
173,221,142
120,198,121
65,171,93
35,132,67
0,104,55
0,69,41
1 R G B
2 255 255 229
3 247 252 185
4 217 240 163
5 173 221 142
6 120 198 121
7 65 171 93
8 35 132 67
9 0 104 55
10 0 69 41

View File

@ -0,0 +1,93 @@
Copyright 2008 The Sunflower Project Authors
This Font Software is licensed under the SIL Open Font License, Version 1.1.
This license is copied below, and is also available with a FAQ at:
http://scripts.sil.org/OFL
-----------------------------------------------------------
SIL OPEN FONT LICENSE Version 1.1 - 26 February 2007
-----------------------------------------------------------
PREAMBLE
The goals of the Open Font License (OFL) are to stimulate worldwide
development of collaborative font projects, to support the font creation
efforts of academic and linguistic communities, and to provide a free and
open framework in which fonts may be shared and improved in partnership
with others.
The OFL allows the licensed fonts to be used, studied, modified and
redistributed freely as long as they are not sold by themselves. The
fonts, including any derivative works, can be bundled, embedded,
redistributed and/or sold with any software provided that any reserved
names are not used by derivative works. The fonts and derivatives,
however, cannot be released under any other type of license. The
requirement for fonts to remain under this license does not apply
to any document created using the fonts or their derivatives.
DEFINITIONS
"Font Software" refers to the set of files released by the Copyright
Holder(s) under this license and clearly marked as such. This may
include source files, build scripts and documentation.
"Reserved Font Name" refers to any names specified as such after the
copyright statement(s).
"Original Version" refers to the collection of Font Software components as
distributed by the Copyright Holder(s).
"Modified Version" refers to any derivative made by adding to, deleting,
or substituting -- in part or in whole -- any of the components of the
Original Version, by changing formats or by porting the Font Software to a
new environment.
"Author" refers to any designer, engineer, programmer, technical
writer or other person who contributed to the Font Software.
PERMISSION & CONDITIONS
Permission is hereby granted, free of charge, to any person obtaining
a copy of the Font Software, to use, study, copy, merge, embed, modify,
redistribute, and sell modified and unmodified copies of the Font
Software, subject to the following conditions:
1) Neither the Font Software nor any of its individual components,
in Original or Modified Versions, may be sold by itself.
2) Original or Modified Versions of the Font Software may be bundled,
redistributed and/or sold with any software, provided that each copy
contains the above copyright notice and this license. These can be
included either as stand-alone text files, human-readable headers or
in the appropriate machine-readable metadata fields within text or
binary files as long as those fields can be easily viewed by the user.
3) No Modified Version of the Font Software may use the Reserved Font
Name(s) unless explicit written permission is granted by the corresponding
Copyright Holder. This restriction only applies to the primary font name as
presented to the users.
4) The name(s) of the Copyright Holder(s) or the Author(s) of the Font
Software shall not be used to promote, endorse or advertise any
Modified Version, except to acknowledge the contribution(s) of the
Copyright Holder(s) and the Author(s) or with their explicit written
permission.
5) The Font Software, modified or unmodified, in part or in whole,
must be distributed entirely under this license, and must not be
distributed under any other license. The requirement for fonts to
remain under this license does not apply to any document created
using the Font Software.
TERMINATION
This license becomes null and void if any of the above conditions are
not met.
DISCLAIMER
THE FONT SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND,
EXPRESS OR IMPLIED, INCLUDING BUT NOT LIMITED TO ANY WARRANTIES OF
MERCHANTABILITY, FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT
OF COPYRIGHT, PATENT, TRADEMARK, OR OTHER RIGHT. IN NO EVENT SHALL THE
COPYRIGHT HOLDER BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER LIABILITY,
INCLUDING ANY GENERAL, SPECIAL, INDIRECT, INCIDENTAL, OR CONSEQUENTIAL
DAMAGES, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING
FROM, OUT OF THE USE OR INABILITY TO USE THE FONT SOFTWARE OR FROM
OTHER DEALINGS IN THE FONT SOFTWARE.

Binary file not shown.

View File

@ -0,0 +1,10 @@
R,G,B
247,252,240
224,243,219
204,235,197
168,221,181
123,204,196
78,179,211
43,140,190
8,104,172
8,64,129
1 R G B
2 247 252 240
3 224 243 219
4 204 235 197
5 168 221 181
6 123 204 196
7 78 179 211
8 43 140 190
9 8 104 172
10 8 64 129

View File

@ -0,0 +1,10 @@
R,G,B
255,247,251
236,231,242
208,209,230
166,189,219
116,169,207
54,144,192
5,112,176
4,90,141
2,56,88
1 R G B
2 255 247 251
3 236 231 242
4 208 209 230
5 166 189 219
6 116 169 207
7 54 144 192
8 5 112 176
9 4 90 141
10 2 56 88

View File

@ -0,0 +1,10 @@
R,G,B
255,255,229
247,252,185
217,240,163
173,221,142
120,198,121
65,171,93
35,132,67
0,104,55
0,69,41
1 R G B
2 255 255 229
3 247 252 185
4 217 240 163
5 173 221 142
6 120 198 121
7 65 171 93
8 35 132 67
9 0 104 55
10 0 69 41

93
web/assets/fonts/OFL.txt Normal file
View File

@ -0,0 +1,93 @@
Copyright 2008 The Sunflower Project Authors
This Font Software is licensed under the SIL Open Font License, Version 1.1.
This license is copied below, and is also available with a FAQ at:
http://scripts.sil.org/OFL
-----------------------------------------------------------
SIL OPEN FONT LICENSE Version 1.1 - 26 February 2007
-----------------------------------------------------------
PREAMBLE
The goals of the Open Font License (OFL) are to stimulate worldwide
development of collaborative font projects, to support the font creation
efforts of academic and linguistic communities, and to provide a free and
open framework in which fonts may be shared and improved in partnership
with others.
The OFL allows the licensed fonts to be used, studied, modified and
redistributed freely as long as they are not sold by themselves. The
fonts, including any derivative works, can be bundled, embedded,
redistributed and/or sold with any software provided that any reserved
names are not used by derivative works. The fonts and derivatives,
however, cannot be released under any other type of license. The
requirement for fonts to remain under this license does not apply
to any document created using the fonts or their derivatives.
DEFINITIONS
"Font Software" refers to the set of files released by the Copyright
Holder(s) under this license and clearly marked as such. This may
include source files, build scripts and documentation.
"Reserved Font Name" refers to any names specified as such after the
copyright statement(s).
"Original Version" refers to the collection of Font Software components as
distributed by the Copyright Holder(s).
"Modified Version" refers to any derivative made by adding to, deleting,
or substituting -- in part or in whole -- any of the components of the
Original Version, by changing formats or by porting the Font Software to a
new environment.
"Author" refers to any designer, engineer, programmer, technical
writer or other person who contributed to the Font Software.
PERMISSION & CONDITIONS
Permission is hereby granted, free of charge, to any person obtaining
a copy of the Font Software, to use, study, copy, merge, embed, modify,
redistribute, and sell modified and unmodified copies of the Font
Software, subject to the following conditions:
1) Neither the Font Software nor any of its individual components,
in Original or Modified Versions, may be sold by itself.
2) Original or Modified Versions of the Font Software may be bundled,
redistributed and/or sold with any software, provided that each copy
contains the above copyright notice and this license. These can be
included either as stand-alone text files, human-readable headers or
in the appropriate machine-readable metadata fields within text or
binary files as long as those fields can be easily viewed by the user.
3) No Modified Version of the Font Software may use the Reserved Font
Name(s) unless explicit written permission is granted by the corresponding
Copyright Holder. This restriction only applies to the primary font name as
presented to the users.
4) The name(s) of the Copyright Holder(s) or the Author(s) of the Font
Software shall not be used to promote, endorse or advertise any
Modified Version, except to acknowledge the contribution(s) of the
Copyright Holder(s) and the Author(s) or with their explicit written
permission.
5) The Font Software, modified or unmodified, in part or in whole,
must be distributed entirely under this license, and must not be
distributed under any other license. The requirement for fonts to
remain under this license does not apply to any document created
using the Font Software.
TERMINATION
This license becomes null and void if any of the above conditions are
not met.
DISCLAIMER
THE FONT SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND,
EXPRESS OR IMPLIED, INCLUDING BUT NOT LIMITED TO ANY WARRANTIES OF
MERCHANTABILITY, FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT
OF COPYRIGHT, PATENT, TRADEMARK, OR OTHER RIGHT. IN NO EVENT SHALL THE
COPYRIGHT HOLDER BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER LIABILITY,
INCLUDING ANY GENERAL, SPECIAL, INDIRECT, INCIDENTAL, OR CONSEQUENTIAL
DAMAGES, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING
FROM, OUT OF THE USE OR INABILITY TO USE THE FONT SOFTWARE OR FROM
OTHER DEALINGS IN THE FONT SOFTWARE.

Binary file not shown.

View File

@ -5,7 +5,7 @@
<meta charset="utf-8" />
<meta name="viewport" content="width=device-width, initial-scale=1">
<meta name="description" content="Create GitHub like Calendar Heatmaps in SVG, PNG, JPEG. Built with: Go; WebAssembly; Bootstrap; GitHub Pages.">
<title>Calendar Heatmap</title>
<link href="https://cdn.jsdelivr.net/npm/bootstrap@5.0.2/dist/css/bootstrap.min.css" rel="stylesheet" integrity="sha384-EVSTQN3/azprG1Anm3QDgpJLIm9Nao0Yz1ztcQTwFspd3yD65VohhpuuCOmLASjC" crossorigin="anonymous">
@ -75,10 +75,10 @@
<form id="inputConfig">
<div class="d-grid gap-1">
<div class="mb-3">
<input type="radio" class="btn-check" name="formatOption" id="formatSVG" autocomplete="off">
<input type="radio" class="btn-check" name="formatOption" id="formatSVG" autocomplete="off" checked>
<label class="btn btn-outline-secondary" for="formatSVG">SVG</label>
<input type="radio" class="btn-check" name="formatOption" id="formatPNG" autocomplete="off" checked>
<input type="radio" class="btn-check" name="formatOption" id="formatPNG" autocomplete="off">
<label class="btn btn-outline-secondary" for="formatPNG">PNG</label>
<input type="radio" class="btn-check" name="formatOption" id="formatJPEG" autocomplete="off">
@ -152,4 +152,4 @@
</div>
</body>
</html>
</html>

View File

@ -56,15 +56,6 @@ func (r *Renderer) OnDataChange(this js.Value, inputs []js.Value) interface{} {
func (r *Renderer) GetFormatUpdater(format string) func(this js.Value, inputs []js.Value) interface{} {
return func(this js.Value, inputs []js.Value) interface{} {
r.config.Format = format
if format == "svg" {
js.Global().Get("document").Call("getElementById", "switchLabels").Set("disabled", "true")
js.Global().Get("document").Call("getElementById", "switchMonthSeparator").Set("disabled", "true")
} else {
js.Global().Get("document").Call("getElementById", "switchLabels").Call("removeAttribute", "disabled")
js.Global().Get("document").Call("getElementById", "switchMonthSeparator").Call("removeAttribute", "disabled")
}
r.Render()
return nil
}
@ -142,7 +133,7 @@ func main() {
TextColor: color.RGBA{100, 100, 100, 255},
BorderColor: color.RGBA{200, 200, 200, 255},
Locale: "en_US",
Format: "png",
Format: "svg",
FontFace: fontFace,
ShowWeekdays: map[time.Weekday]bool{
time.Monday: true,

BIN
web/main.wasm Executable file

Binary file not shown.

626
web/wasm_exec.js Normal file
View File

@ -0,0 +1,626 @@
// Copyright 2018 The Go Authors. All rights reserved.
// Use of this source code is governed by a BSD-style
// license that can be found in the LICENSE file.
(() => {
// Map multiple JavaScript environments to a single common API,
// preferring web standards over Node.js API.
//
// Environments considered:
// - Browsers
// - Node.js
// - Electron
// - Parcel
// - Webpack
if (typeof global !== "undefined") {
// global already exists
} else if (typeof window !== "undefined") {
window.global = window;
} else if (typeof self !== "undefined") {
self.global = self;
} else {
throw new Error("cannot export Go (neither global, window nor self is defined)");
}
if (!global.require && typeof require !== "undefined") {
global.require = require;
}
if (!global.fs && global.require) {
const fs = require("fs");
if (typeof fs === "object" && fs !== null && Object.keys(fs).length !== 0) {
global.fs = fs;
}
}
const enosys = () => {
const err = new Error("not implemented");
err.code = "ENOSYS";
return err;
};
if (!global.fs) {
let outputBuf = "";
global.fs = {
constants: { O_WRONLY: -1, O_RDWR: -1, O_CREAT: -1, O_TRUNC: -1, O_APPEND: -1, O_EXCL: -1 }, // unused
writeSync(fd, buf) {
outputBuf += decoder.decode(buf);
const nl = outputBuf.lastIndexOf("\n");
if (nl != -1) {
console.log(outputBuf.substr(0, nl));
outputBuf = outputBuf.substr(nl + 1);
}
return buf.length;
},
write(fd, buf, offset, length, position, callback) {
if (offset !== 0 || length !== buf.length || position !== null) {
callback(enosys());
return;
}
const n = this.writeSync(fd, buf);
callback(null, n);
},
chmod(path, mode, callback) { callback(enosys()); },
chown(path, uid, gid, callback) { callback(enosys()); },
close(fd, callback) { callback(enosys()); },
fchmod(fd, mode, callback) { callback(enosys()); },
fchown(fd, uid, gid, callback) { callback(enosys()); },
fstat(fd, callback) { callback(enosys()); },
fsync(fd, callback) { callback(null); },
ftruncate(fd, length, callback) { callback(enosys()); },
lchown(path, uid, gid, callback) { callback(enosys()); },
link(path, link, callback) { callback(enosys()); },
lstat(path, callback) { callback(enosys()); },
mkdir(path, perm, callback) { callback(enosys()); },
open(path, flags, mode, callback) { callback(enosys()); },
read(fd, buffer, offset, length, position, callback) { callback(enosys()); },
readdir(path, callback) { callback(enosys()); },
readlink(path, callback) { callback(enosys()); },
rename(from, to, callback) { callback(enosys()); },
rmdir(path, callback) { callback(enosys()); },
stat(path, callback) { callback(enosys()); },
symlink(path, link, callback) { callback(enosys()); },
truncate(path, length, callback) { callback(enosys()); },
unlink(path, callback) { callback(enosys()); },
utimes(path, atime, mtime, callback) { callback(enosys()); },
};
}
if (!global.process) {
global.process = {
getuid() { return -1; },
getgid() { return -1; },
geteuid() { return -1; },
getegid() { return -1; },
getgroups() { throw enosys(); },
pid: -1,
ppid: -1,
umask() { throw enosys(); },
cwd() { throw enosys(); },
chdir() { throw enosys(); },
}
}
if (!global.crypto && global.require) {
const nodeCrypto = require("crypto");
global.crypto = {
getRandomValues(b) {
nodeCrypto.randomFillSync(b);
},
};
}
if (!global.crypto) {
throw new Error("global.crypto is not available, polyfill required (getRandomValues only)");
}
if (!global.performance) {
global.performance = {
now() {
const [sec, nsec] = process.hrtime();
return sec * 1000 + nsec / 1000000;
},
};
}
if (!global.TextEncoder && global.require) {
global.TextEncoder = require("util").TextEncoder;
}
if (!global.TextEncoder) {
throw new Error("global.TextEncoder is not available, polyfill required");
}
if (!global.TextDecoder && global.require) {
global.TextDecoder = require("util").TextDecoder;
}
if (!global.TextDecoder) {
throw new Error("global.TextDecoder is not available, polyfill required");
}
// End of polyfills for common API.
const encoder = new TextEncoder("utf-8");
const decoder = new TextDecoder("utf-8");
global.Go = class {
constructor() {
this.argv = ["js"];
this.env = {};
this.exit = (code) => {
if (code !== 0) {
console.warn("exit code:", code);
}
};
this._exitPromise = new Promise((resolve) => {
this._resolveExitPromise = resolve;
});
this._pendingEvent = null;
this._scheduledTimeouts = new Map();
this._nextCallbackTimeoutID = 1;
const setInt64 = (addr, v) => {
this.mem.setUint32(addr + 0, v, true);
this.mem.setUint32(addr + 4, Math.floor(v / 4294967296), true);
}
const getInt64 = (addr) => {
const low = this.mem.getUint32(addr + 0, true);
const high = this.mem.getInt32(addr + 4, true);
return low + high * 4294967296;
}
const loadValue = (addr) => {
const f = this.mem.getFloat64(addr, true);
if (f === 0) {
return undefined;
}
if (!isNaN(f)) {
return f;
}
const id = this.mem.getUint32(addr, true);
return this._values[id];
}
const storeValue = (addr, v) => {
const nanHead = 0x7FF80000;
if (typeof v === "number" && v !== 0) {
if (isNaN(v)) {
this.mem.setUint32(addr + 4, nanHead, true);
this.mem.setUint32(addr, 0, true);
return;
}
this.mem.setFloat64(addr, v, true);
return;
}
if (v === undefined) {
this.mem.setFloat64(addr, 0, true);
return;
}
let id = this._ids.get(v);
if (id === undefined) {
id = this._idPool.pop();
if (id === undefined) {
id = this._values.length;
}
this._values[id] = v;
this._goRefCounts[id] = 0;
this._ids.set(v, id);
}
this._goRefCounts[id]++;
let typeFlag = 0;
switch (typeof v) {
case "object":
if (v !== null) {
typeFlag = 1;
}
break;
case "string":
typeFlag = 2;
break;
case "symbol":
typeFlag = 3;
break;
case "function":
typeFlag = 4;
break;
}
this.mem.setUint32(addr + 4, nanHead | typeFlag, true);
this.mem.setUint32(addr, id, true);
}
const loadSlice = (addr) => {
const array = getInt64(addr + 0);
const len = getInt64(addr + 8);
return new Uint8Array(this._inst.exports.mem.buffer, array, len);
}
const loadSliceOfValues = (addr) => {
const array = getInt64(addr + 0);
const len = getInt64(addr + 8);
const a = new Array(len);
for (let i = 0; i < len; i++) {
a[i] = loadValue(array + i * 8);
}
return a;
}
const loadString = (addr) => {
const saddr = getInt64(addr + 0);
const len = getInt64(addr + 8);
return decoder.decode(new DataView(this._inst.exports.mem.buffer, saddr, len));
}
const timeOrigin = Date.now() - performance.now();
this.importObject = {
go: {
// Go's SP does not change as long as no Go code is running. Some operations (e.g. calls, getters and setters)
// may synchronously trigger a Go event handler. This makes Go code get executed in the middle of the imported
// function. A goroutine can switch to a new stack if the current stack is too small (see morestack function).
// This changes the SP, thus we have to update the SP used by the imported function.
// func wasmExit(code int32)
"runtime.wasmExit": (sp) => {
sp >>>= 0;
const code = this.mem.getInt32(sp + 8, true);
this.exited = true;
delete this._inst;
delete this._values;
delete this._goRefCounts;
delete this._ids;
delete this._idPool;
this.exit(code);
},
// func wasmWrite(fd uintptr, p unsafe.Pointer, n int32)
"runtime.wasmWrite": (sp) => {
sp >>>= 0;
const fd = getInt64(sp + 8);
const p = getInt64(sp + 16);
const n = this.mem.getInt32(sp + 24, true);
fs.writeSync(fd, new Uint8Array(this._inst.exports.mem.buffer, p, n));
},
// func resetMemoryDataView()
"runtime.resetMemoryDataView": (sp) => {
sp >>>= 0;
this.mem = new DataView(this._inst.exports.mem.buffer);
},
// func nanotime1() int64
"runtime.nanotime1": (sp) => {
sp >>>= 0;
setInt64(sp + 8, (timeOrigin + performance.now()) * 1000000);
},
// func walltime1() (sec int64, nsec int32)
"runtime.walltime1": (sp) => {
sp >>>= 0;
const msec = (new Date).getTime();
setInt64(sp + 8, msec / 1000);
this.mem.setInt32(sp + 16, (msec % 1000) * 1000000, true);
},
// func scheduleTimeoutEvent(delay int64) int32
"runtime.scheduleTimeoutEvent": (sp) => {
sp >>>= 0;
const id = this._nextCallbackTimeoutID;
this._nextCallbackTimeoutID++;
this._scheduledTimeouts.set(id, setTimeout(
() => {
this._resume();
while (this._scheduledTimeouts.has(id)) {
// for some reason Go failed to register the timeout event, log and try again
// (temporary workaround for https://github.com/golang/go/issues/28975)
console.warn("scheduleTimeoutEvent: missed timeout event");
this._resume();
}
},
getInt64(sp + 8) + 1, // setTimeout has been seen to fire up to 1 millisecond early
));
this.mem.setInt32(sp + 16, id, true);
},
// func clearTimeoutEvent(id int32)
"runtime.clearTimeoutEvent": (sp) => {
sp >>>= 0;
const id = this.mem.getInt32(sp + 8, true);
clearTimeout(this._scheduledTimeouts.get(id));
this._scheduledTimeouts.delete(id);
},
// func getRandomData(r []byte)
"runtime.getRandomData": (sp) => {
sp >>>= 0;
crypto.getRandomValues(loadSlice(sp + 8));
},
// func finalizeRef(v ref)
"syscall/js.finalizeRef": (sp) => {
sp >>>= 0;
const id = this.mem.getUint32(sp + 8, true);
this._goRefCounts[id]--;
if (this._goRefCounts[id] === 0) {
const v = this._values[id];
this._values[id] = null;
this._ids.delete(v);
this._idPool.push(id);
}
},
// func stringVal(value string) ref
"syscall/js.stringVal": (sp) => {
sp >>>= 0;
storeValue(sp + 24, loadString(sp + 8));
},
// func valueGet(v ref, p string) ref
"syscall/js.valueGet": (sp) => {
sp >>>= 0;
const result = Reflect.get(loadValue(sp + 8), loadString(sp + 16));
sp = this._inst.exports.getsp() >>> 0; // see comment above
storeValue(sp + 32, result);
},
// func valueSet(v ref, p string, x ref)
"syscall/js.valueSet": (sp) => {
sp >>>= 0;
Reflect.set(loadValue(sp + 8), loadString(sp + 16), loadValue(sp + 32));
},
// func valueDelete(v ref, p string)
"syscall/js.valueDelete": (sp) => {
sp >>>= 0;
Reflect.deleteProperty(loadValue(sp + 8), loadString(sp + 16));
},
// func valueIndex(v ref, i int) ref
"syscall/js.valueIndex": (sp) => {
sp >>>= 0;
storeValue(sp + 24, Reflect.get(loadValue(sp + 8), getInt64(sp + 16)));
},
// valueSetIndex(v ref, i int, x ref)
"syscall/js.valueSetIndex": (sp) => {
sp >>>= 0;
Reflect.set(loadValue(sp + 8), getInt64(sp + 16), loadValue(sp + 24));
},
// func valueCall(v ref, m string, args []ref) (ref, bool)
"syscall/js.valueCall": (sp) => {
sp >>>= 0;
try {
const v = loadValue(sp + 8);
const m = Reflect.get(v, loadString(sp + 16));
const args = loadSliceOfValues(sp + 32);
const result = Reflect.apply(m, v, args);
sp = this._inst.exports.getsp() >>> 0; // see comment above
storeValue(sp + 56, result);
this.mem.setUint8(sp + 64, 1);
} catch (err) {
storeValue(sp + 56, err);
this.mem.setUint8(sp + 64, 0);
}
},
// func valueInvoke(v ref, args []ref) (ref, bool)
"syscall/js.valueInvoke": (sp) => {
sp >>>= 0;
try {
const v = loadValue(sp + 8);
const args = loadSliceOfValues(sp + 16);
const result = Reflect.apply(v, undefined, args);
sp = this._inst.exports.getsp() >>> 0; // see comment above
storeValue(sp + 40, result);
this.mem.setUint8(sp + 48, 1);
} catch (err) {
storeValue(sp + 40, err);
this.mem.setUint8(sp + 48, 0);
}
},
// func valueNew(v ref, args []ref) (ref, bool)
"syscall/js.valueNew": (sp) => {
sp >>>= 0;
try {
const v = loadValue(sp + 8);
const args = loadSliceOfValues(sp + 16);
const result = Reflect.construct(v, args);
sp = this._inst.exports.getsp() >>> 0; // see comment above
storeValue(sp + 40, result);
this.mem.setUint8(sp + 48, 1);
} catch (err) {
storeValue(sp + 40, err);
this.mem.setUint8(sp + 48, 0);
}
},
// func valueLength(v ref) int
"syscall/js.valueLength": (sp) => {
sp >>>= 0;
setInt64(sp + 16, parseInt(loadValue(sp + 8).length));
},
// valuePrepareString(v ref) (ref, int)
"syscall/js.valuePrepareString": (sp) => {
sp >>>= 0;
const str = encoder.encode(String(loadValue(sp + 8)));
storeValue(sp + 16, str);
setInt64(sp + 24, str.length);
},
// valueLoadString(v ref, b []byte)
"syscall/js.valueLoadString": (sp) => {
sp >>>= 0;
const str = loadValue(sp + 8);
loadSlice(sp + 16).set(str);
},
// func valueInstanceOf(v ref, t ref) bool
"syscall/js.valueInstanceOf": (sp) => {
sp >>>= 0;
this.mem.setUint8(sp + 24, (loadValue(sp + 8) instanceof loadValue(sp + 16)) ? 1 : 0);
},
// func copyBytesToGo(dst []byte, src ref) (int, bool)
"syscall/js.copyBytesToGo": (sp) => {
sp >>>= 0;
const dst = loadSlice(sp + 8);
const src = loadValue(sp + 32);
if (!(src instanceof Uint8Array || src instanceof Uint8ClampedArray)) {
this.mem.setUint8(sp + 48, 0);
return;
}
const toCopy = src.subarray(0, dst.length);
dst.set(toCopy);
setInt64(sp + 40, toCopy.length);
this.mem.setUint8(sp + 48, 1);
},
// func copyBytesToJS(dst ref, src []byte) (int, bool)
"syscall/js.copyBytesToJS": (sp) => {
sp >>>= 0;
const dst = loadValue(sp + 8);
const src = loadSlice(sp + 16);
if (!(dst instanceof Uint8Array || dst instanceof Uint8ClampedArray)) {
this.mem.setUint8(sp + 48, 0);
return;
}
const toCopy = src.subarray(0, dst.length);
dst.set(toCopy);
setInt64(sp + 40, toCopy.length);
this.mem.setUint8(sp + 48, 1);
},
"debug": (value) => {
console.log(value);
},
}
};
}
async run(instance) {
if (!(instance instanceof WebAssembly.Instance)) {
throw new Error("Go.run: WebAssembly.Instance expected");
}
this._inst = instance;
this.mem = new DataView(this._inst.exports.mem.buffer);
this._values = [ // JS values that Go currently has references to, indexed by reference id
NaN,
0,
null,
true,
false,
global,
this,
];
this._goRefCounts = new Array(this._values.length).fill(Infinity); // number of references that Go has to a JS value, indexed by reference id
this._ids = new Map([ // mapping from JS values to reference ids
[0, 1],
[null, 2],
[true, 3],
[false, 4],
[global, 5],
[this, 6],
]);
this._idPool = []; // unused ids that have been garbage collected
this.exited = false; // whether the Go program has exited
// Pass command line arguments and environment variables to WebAssembly by writing them to the linear memory.
let offset = 4096;
const strPtr = (str) => {
const ptr = offset;
const bytes = encoder.encode(str + "\0");
new Uint8Array(this.mem.buffer, offset, bytes.length).set(bytes);
offset += bytes.length;
if (offset % 8 !== 0) {
offset += 8 - (offset % 8);
}
return ptr;
};
const argc = this.argv.length;
const argvPtrs = [];
this.argv.forEach((arg) => {
argvPtrs.push(strPtr(arg));
});
argvPtrs.push(0);
const keys = Object.keys(this.env).sort();
keys.forEach((key) => {
argvPtrs.push(strPtr(`${key}=${this.env[key]}`));
});
argvPtrs.push(0);
const argv = offset;
argvPtrs.forEach((ptr) => {
this.mem.setUint32(offset, ptr, true);
this.mem.setUint32(offset + 4, 0, true);
offset += 8;
});
this._inst.exports.run(argc, argv);
if (this.exited) {
this._resolveExitPromise();
}
await this._exitPromise;
}
_resume() {
if (this.exited) {
throw new Error("Go program has already exited");
}
this._inst.exports.resume();
if (this.exited) {
this._resolveExitPromise();
}
}
_makeFuncWrapper(id) {
const go = this;
return function () {
const event = { id: id, this: this, args: arguments };
go._pendingEvent = event;
go._resume();
return event.result;
};
}
}
if (
typeof module !== "undefined" &&
global.require &&
global.require.main === module &&
global.process &&
global.process.versions &&
!global.process.versions.electron
) {
if (process.argv.length < 3) {
console.error("usage: go_js_wasm_exec [wasm binary] [arguments]");
process.exit(1);
}
const go = new Go();
go.argv = process.argv.slice(2);
go.env = Object.assign({ TMPDIR: require("os").tmpdir() }, process.env);
go.exit = process.exit;
WebAssembly.instantiate(fs.readFileSync(process.argv[2]), go.importObject).then((result) => {
process.on("exit", (code) => { // Node.js exits if no event handler is pending
if (code === 0 && !go.exited) {
// deadlock, make Go print error and stack traces
go._pendingEvent = { id: 0 };
go._resume();
}
});
return go.run(result.instance);
}).catch((err) => {
console.error(err);
process.exit(1);
});
}
})();