1
0
mirror of https://github.com/nikolaydubina/calendarheatmap.git synced 2024-12-05 03:58:50 +02:00

fixed tests

This commit is contained in:
Nikolay 2021-02-28 01:48:04 +00:00 committed by GitHub
parent 8a18925e79
commit 2fe70993da
24 changed files with 1406 additions and 9 deletions

View File

@ -5,14 +5,14 @@ test:
go test ./...
docs: build
cat testdata/basic.json | ./calendarheatmap > docs/basic.png
cat testdata/basic.json | ./calendarheatmap -colorscale=purple-blue-9.csv > docs/colorscale-1.png
cat testdata/basic.json | ./calendarheatmap -colorscale=green-blue-9.csv > docs/colorscale-2.png
cat testdata/basic.json | ./calendarheatmap -colorscale=yellow-green-9.csv > docs/colorscale-3.png
cat testdata/basic.json | ./calendarheatmap -locale=ko_KR > docs/korean.png
cat testdata/basic.json | ./calendarheatmap -locale=ko_KR -output=svg > docs/korean.svg
cat testdata/basic.json | ./calendarheatmap -labels=false > docs/nolabels.png
cat testdata/basic.json | ./calendarheatmap -monthsep=false > docs/noseparator.png
cat testdata/basic.json | ./calendarheatmap -labels=false -monthsep=false > docs/noseparator_nolabels.png
cat charts/testdata/basic.json | ./calendarheatmap > docs/basic.png
cat charts/testdata/basic.json | ./calendarheatmap -colorscale=purple-blue-9.csv > docs/colorscale-1.png
cat charts/testdata/basic.json | ./calendarheatmap -colorscale=green-blue-9.csv > docs/colorscale-2.png
cat charts/testdata/basic.json | ./calendarheatmap -colorscale=yellow-green-9.csv > docs/colorscale-3.png
cat charts/testdata/basic.json | ./calendarheatmap -locale=ko_KR > docs/korean.png
cat charts/testdata/basic.json | ./calendarheatmap -locale=ko_KR -output=svg > docs/korean.svg
cat charts/testdata/basic.json | ./calendarheatmap -labels=false > docs/nolabels.png
cat charts/testdata/basic.json | ./calendarheatmap -monthsep=false > docs/noseparator.png
cat charts/testdata/basic.json | ./calendarheatmap -labels=false -monthsep=false > docs/noseparator_nolabels.png
.PHONY: build test docs

Binary file not shown.

View File

@ -56,6 +56,7 @@ type HeatmapConfig struct {
func WriteHeatmap(conf HeatmapConfig, w io.Writer) error {
if conf.Format == "svg" {
writeSVG(conf, w)
return nil
}
width := conf.TextWidthLeft + numWeekCols*(conf.BoxSize+conf.Margin)

279
charts/charts_test.go Normal file
View File

@ -0,0 +1,279 @@
package charts_test
import (
"bytes"
"encoding/json"
"image/color"
"io/ioutil"
"os"
"path"
"testing"
"time"
"golang.org/x/image/font"
"github.com/nikolaydubina/calendarheatmap/charts"
)
func loadData(t *testing.T, filepath string) map[string]int {
var counts map[string]int
data, err := ioutil.ReadFile(filepath)
if err != nil {
t.Error(err)
}
if err := json.Unmarshal(data, &counts); err != nil {
t.Error(err)
}
return counts
}
func loadFontFace(t *testing.T, filepath string) font.Face {
fontFace, err := charts.LoadFontFaceFromFile(filepath)
if err != nil {
t.Error(err)
}
return fontFace
}
func loadColorscale(t *testing.T, filepath string) charts.ColorScale {
colorscale, err := charts.NewBasicColorscaleFromCSVFile(filepath)
if err != nil {
t.Fail()
}
return colorscale
}
func TestCharts(t *testing.T) {
tests := []struct {
name string
outputPath string
expectedPath string
conf charts.HeatmapConfig
}{
{
name: "basic-png",
outputPath: path.Join("testdata", "basic-png-output.png"),
expectedPath: path.Join("testdata", "basic-png-expected.png"),
conf: charts.HeatmapConfig{
Counts: loadData(t, path.Join("testdata", "basic.json")),
ColorScale: loadColorscale(t, path.Join("..", "assets", "colorscales", "purple-blue-9.csv")),
DrawMonthSeparator: true,
DrawLabels: true,
BoxSize: 150,
Margin: 30,
TextWidthLeft: 350,
TextHeightTop: 200,
TextColor: color.RGBA{100, 100, 100, 255},
BorderColor: color.RGBA{200, 200, 200, 255},
Locale: "en_US",
Format: "png",
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: "basic-jpeg",
outputPath: path.Join("testdata", "basic-jpeg-output.jpeg"),
expectedPath: path.Join("testdata", "basic-jpeg-expected.jpeg"),
conf: charts.HeatmapConfig{
Counts: loadData(t, path.Join("testdata", "basic.json")),
ColorScale: loadColorscale(t, path.Join("..", "assets", "colorscales", "purple-blue-9.csv")),
DrawMonthSeparator: true,
DrawLabels: true,
BoxSize: 150,
Margin: 30,
TextWidthLeft: 350,
TextHeightTop: 200,
TextColor: color.RGBA{100, 100, 100, 255},
BorderColor: color.RGBA{200, 200, 200, 255},
Locale: "en_US",
Format: "jpeg",
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: "basic-svg",
outputPath: path.Join("testdata", "basic-svg-output.svg"),
expectedPath: path.Join("testdata", "basic-svg-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: true,
DrawLabels: true,
BoxSize: 150,
Margin: 30,
TextWidthLeft: 350,
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"),
expectedPath: path.Join("testdata", "basic-no-data-expected.png"),
conf: charts.HeatmapConfig{
Counts: nil,
ColorScale: loadColorscale(t, path.Join("..", "assets", "colorscales", "purple-blue-9.csv")),
DrawMonthSeparator: true,
DrawLabels: true,
BoxSize: 150,
Margin: 30,
TextWidthLeft: 350,
TextHeightTop: 200,
TextColor: color.RGBA{100, 100, 100, 255},
BorderColor: color.RGBA{200, 200, 200, 255},
Locale: "en_US",
Format: "png",
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-labels",
outputPath: path.Join("testdata", "basic-no-labels-output.png"),
expectedPath: path.Join("testdata", "basic-no-labels-expected.png"),
conf: charts.HeatmapConfig{
Counts: loadData(t, path.Join("testdata", "basic.json")),
ColorScale: loadColorscale(t, path.Join("..", "assets", "colorscales", "purple-blue-9.csv")),
DrawMonthSeparator: true,
DrawLabels: false,
BoxSize: 150,
Margin: 30,
TextWidthLeft: 350,
TextHeightTop: 200,
TextColor: color.RGBA{100, 100, 100, 255},
BorderColor: color.RGBA{200, 200, 200, 255},
Locale: "en_US",
Format: "png",
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-separator",
outputPath: path.Join("testdata", "basic-no-separator-output.png"),
expectedPath: path.Join("testdata", "basic-no-separator-expected.png"),
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,
Margin: 30,
TextWidthLeft: 350,
TextHeightTop: 200,
TextColor: color.RGBA{100, 100, 100, 255},
BorderColor: color.RGBA{200, 200, 200, 255},
Locale: "en_US",
Format: "png",
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: "korean",
outputPath: path.Join("testdata", "basic-korean-output.png"),
expectedPath: path.Join("testdata", "basic-korean-expected.png"),
conf: charts.HeatmapConfig{
Counts: loadData(t, path.Join("testdata", "basic.json")),
ColorScale: loadColorscale(t, path.Join("..", "assets", "colorscales", "purple-blue-9.csv")),
DrawMonthSeparator: true,
DrawLabels: true,
BoxSize: 150,
Margin: 30,
TextWidthLeft: 350,
TextHeightTop: 200,
TextColor: color.RGBA{100, 100, 100, 255},
BorderColor: color.RGBA{200, 200, 200, 255},
Locale: "ko_KR",
Format: "png",
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-weekdays",
outputPath: path.Join("testdata", "basic-no-weekdays-output.png"),
expectedPath: path.Join("testdata", "basic-no-weekdays-expected.png"),
conf: charts.HeatmapConfig{
Counts: loadData(t, path.Join("testdata", "basic.json")),
ColorScale: loadColorscale(t, path.Join("..", "assets", "colorscales", "purple-blue-9.csv")),
DrawMonthSeparator: true,
DrawLabels: true,
BoxSize: 150,
Margin: 30,
TextWidthLeft: 350,
TextHeightTop: 200,
TextColor: color.RGBA{100, 100, 100, 255},
BorderColor: color.RGBA{200, 200, 200, 255},
Locale: "en_US",
Format: "png",
FontFace: loadFontFace(t, path.Join("..", "assets", "fonts", "Sunflower-Medium.ttf")),
ShowWeekdays: nil,
},
},
{
name: "all-weekdays",
outputPath: path.Join("testdata", "basic-all-weekdays-output.png"),
expectedPath: path.Join("testdata", "basic-all-weekdays-expected.png"),
conf: charts.HeatmapConfig{
Counts: loadData(t, path.Join("testdata", "basic.json")),
ColorScale: loadColorscale(t, path.Join("..", "assets", "colorscales", "purple-blue-9.csv")),
DrawMonthSeparator: true,
DrawLabels: true,
BoxSize: 150,
Margin: 30,
TextWidthLeft: 350,
TextHeightTop: 200,
TextColor: color.RGBA{100, 100, 100, 255},
BorderColor: color.RGBA{200, 200, 200, 255},
Locale: "en_US",
Format: "png",
FontFace: loadFontFace(t, path.Join("..", "assets", "fonts", "Sunflower-Medium.ttf")),
ShowWeekdays: map[time.Weekday]bool{
time.Monday: true,
time.Tuesday: true,
time.Wednesday: true,
time.Thursday: true,
time.Friday: true,
time.Saturday: true,
time.Sunday: true,
},
},
},
}
for _, tc := range tests {
t.Run(tc.name, func(t *testing.T) {
// output
outputfile, err := os.Create(tc.outputPath)
if err != nil {
t.Error(err)
}
if err := charts.WriteHeatmap(tc.conf, outputfile); err != nil {
t.Error(err)
}
if err := outputfile.Close(); err != nil {
t.Error(err)
}
// compare to expected
expected, err := ioutil.ReadFile(tc.expectedPath)
if err != nil {
t.Error(err)
}
actual, err := ioutil.ReadFile(tc.outputPath)
if err != nil {
t.Error(err)
}
if !bytes.Equal(expected, actual) {
t.Fail()
}
})
}
}

Binary file not shown.

After

Width:  |  Height:  |  Size: 99 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 99 KiB

BIN
charts/testdata/basic-jpeg-expected.jpeg vendored Normal file

Binary file not shown.

After

Width:  |  Height:  |  Size: 370 KiB

BIN
charts/testdata/basic-jpeg-output.jpeg vendored Normal file

Binary file not shown.

After

Width:  |  Height:  |  Size: 370 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 73 KiB

BIN
charts/testdata/basic-korean-output.png vendored Normal file

Binary file not shown.

After

Width:  |  Height:  |  Size: 73 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 87 KiB

BIN
charts/testdata/basic-no-data-output.png vendored Normal file

Binary file not shown.

After

Width:  |  Height:  |  Size: 87 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 47 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 47 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 86 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 86 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 78 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 78 KiB

BIN
charts/testdata/basic-png-expected.png vendored Normal file

Binary file not shown.

After

Width:  |  Height:  |  Size: 88 KiB

BIN
charts/testdata/basic-png-output.png vendored Normal file

Binary file not shown.

After

Width:  |  Height:  |  Size: 88 KiB

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

@ -0,0 +1,557 @@
<svg width="752" height="112" xmlns="http://www.w3.org/2000/svg" xmlns:xlink= "http://www.w3.org/1999/xlink">
<g transform="translate(10, 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="-10" dy="8" fill="rgb(100,100,100)" >Mon</text>
<text text-anchor="start" font-size="8px" dx="-10" dy="21" fill="rgb(100,100,100)" style="display: none;">Tue</text>
<text text-anchor="start" font-size="8px" dx="-10" dy="34" fill="rgb(100,100,100)" >Wed</text>
<text text-anchor="start" font-size="8px" dx="-10" dy="47" fill="rgb(100,100,100)" style="display: none;">Thu</text>
<text text-anchor="start" font-size="8px" dx="-10" dy="60" fill="rgb(100,100,100)" >Fri</text>
<text text-anchor="start" font-size="8px" dx="-10" dy="73" fill="rgb(100,100,100)" style="display: none;">Sat</text>
<text text-anchor="start" font-size="8px" dx="-10" dy="86" fill="rgb(100,100,100)" style="display: none;">Sun</text>
</g></svg>

After

Width:  |  Height:  |  Size: 49 KiB

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

@ -0,0 +1,557 @@
<svg width="752" height="112" xmlns="http://www.w3.org/2000/svg" xmlns:xlink= "http://www.w3.org/1999/xlink">
<g transform="translate(10, 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="-10" dy="8" fill="rgb(100,100,100)" >Mon</text>
<text text-anchor="start" font-size="8px" dx="-10" dy="21" fill="rgb(100,100,100)" style="display: none;">Tue</text>
<text text-anchor="start" font-size="8px" dx="-10" dy="34" fill="rgb(100,100,100)" >Wed</text>
<text text-anchor="start" font-size="8px" dx="-10" dy="47" fill="rgb(100,100,100)" style="display: none;">Thu</text>
<text text-anchor="start" font-size="8px" dx="-10" dy="60" fill="rgb(100,100,100)" >Fri</text>
<text text-anchor="start" font-size="8px" dx="-10" dy="73" fill="rgb(100,100,100)" style="display: none;">Sat</text>
<text text-anchor="start" font-size="8px" dx="-10" dy="86" fill="rgb(100,100,100)" style="display: none;">Sun</text>
</g></svg>

After

Width:  |  Height:  |  Size: 49 KiB

View File

@ -34,6 +34,9 @@ func LoadFontFaceFromFile(fontPath string) (font.Face, error) {
// drawText inserts text into provided image at bottom left coordinate
func drawText(fontFace font.Face, img *image.RGBA, offset image.Point, text string, color color.RGBA) {
if fontFace == nil {
return
}
d := &font.Drawer{
Dst: img,
Src: image.NewUniform(color),