1
0
mirror of https://github.com/nikolaydubina/calendarheatmap.git synced 2025-02-08 03:41:02 +02:00

Merge pull request #15 from nikolaydubina/colorscales-files

Cleanup assets
This commit is contained in:
Nikolay Dubina 2021-02-28 09:57:19 +08:00 committed by GitHub
commit 8b896f7a81
No known key found for this signature in database
GPG Key ID: 4AEE18F83AFDEB23
53 changed files with 2225 additions and 2695 deletions

4
.gitignore vendored
View File

@ -13,3 +13,7 @@
# Dependency directories (remove the comment below to include it)
# vendor/
# build artefacts
app.debug
calendarheatmap

18
Makefile Normal file
View File

@ -0,0 +1,18 @@
build:
go build
test:
go test ./...
docs: build
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

View File

@ -18,27 +18,27 @@ $ echo '{
Basic
![basic](charts/testdata/basic.png)
![basic](docs/basic.png)
Colorscales
![col1](charts/testdata/colorscale_1.png)
![col2](charts/testdata/colorscale_2.png)
![col1](docs/colorscale-1.png)
![col2](docs/colorscale-2.png)
![col2](docs/colorscale-3.png)
UTF-8
![col1](charts/testdata/korean.png)
![col1](docs/korean.png)
SVG
![svg](charts/testdata/korean.svg)
![svg](docs/korean.svg)
Without month separator
![nosep](charts/testdata/noseparator.png)
![nosep](docs/noseparator.png)
Without labels
![nolab](charts/testdata/nolabels.png)
![nolab](docs/nolabels.png)
Without labels, without separator
![nosep_nolab](charts/testdata/noseparator_nolabels.png)
![nosep_nolab](docs/noseparator_nolabels.png)
## GitHub stars over time

View File

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

View File

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

View File

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

View File

@ -11,9 +11,14 @@ import (
"io"
"time"
"github.com/nikolaydubina/calendarheatmap/colorscales"
"golang.org/x/image/font"
)
// ColorScale is interface for extracting color based on value from 0 to 1
type ColorScale interface {
GetColor(val float64) color.RGBA
}
var weekdayOrder = [7]time.Weekday{
time.Monday,
time.Tuesday,
@ -32,7 +37,7 @@ const (
// HeatmapConfig contains config of calendar heatmap image
type HeatmapConfig struct {
Counts map[string]int
ColorScale colorscales.ColorScale
ColorScale ColorScale
DrawMonthSeparator bool
DrawLabels bool
BoxSize int
@ -43,12 +48,15 @@ type HeatmapConfig struct {
BorderColor color.RGBA
Locale string
Format string
FontFace font.Face
ShowWeekdays map[time.Weekday]bool
}
// WriteHeatmap writes image with heatmap and additional elements
func WriteHeatmap(conf HeatmapConfig, w io.Writer) error {
if conf.Format == "svg" {
return writeSVG(conf, w)
writeSVG(conf, w)
return nil
}
width := conf.TextWidthLeft + numWeekCols*(conf.BoxSize+conf.Margin)
@ -77,14 +85,10 @@ func WriteHeatmap(conf HeatmapConfig, w io.Writer) error {
)
}
locale := "en_US"
if conf.Locale != "" {
locale = conf.Locale
}
labelsProvider := NewLabelsProvider(locale)
labelsProvider := NewLabelsProvider(conf.Locale)
if conf.DrawLabels {
visitors = append(visitors, &MonthLabelsVisitor{Img: img, YOffset: 50, Color: conf.TextColor, LabelsProvider: labelsProvider})
visitors = append(visitors, &MonthLabelsVisitor{FontFace: conf.FontFace, Img: img, YOffset: 50, Color: conf.TextColor, LabelsProvider: labelsProvider})
}
for iter := NewDayIterator(conf.Counts, offset, conf.BoxSize, conf.Margin); !iter.Done(); iter.Next() {
@ -95,13 +99,10 @@ func WriteHeatmap(conf HeatmapConfig, w io.Writer) error {
if conf.DrawLabels {
drawWeekdayLabels(
conf.FontFace,
img,
offset,
map[time.Weekday]bool{
time.Monday: true,
time.Wednesday: true,
time.Friday: true,
},
conf.ShowWeekdays,
conf.BoxSize,
conf.Margin,
conf.TextColor,
@ -137,7 +138,7 @@ type DayVisitor interface {
// DayBoxVisitor draws signle heatbox
type DayBoxVisitor struct {
Img *image.RGBA
ColorScale colorscales.ColorScale
ColorScale ColorScale
BoxSize int
}
@ -214,6 +215,7 @@ type MonthLabelsVisitor struct {
YOffset int
Color color.RGBA
LabelsProvider LabelsProvider
FontFace font.Face
}
// Visit on every iteration
@ -223,6 +225,7 @@ func (d *MonthLabelsVisitor) Visit(iter *DayIterator) {
if iter.Row == 0 && day.Day() <= 7 {
p := iter.Point()
drawText(
d.FontFace,
d.Img,
image.Point{X: p.X, Y: p.Y - d.YOffset},
d.LabelsProvider.GetMonth(day.Month()),
@ -234,13 +237,13 @@ func (d *MonthLabelsVisitor) Visit(iter *DayIterator) {
// drawWeekdayLabel draws column of same width labels for weekdays
// All weekday labels assumed to have same width, which really depends on font.
// offset argument is top right corner of where to insert column of weekday labels.
func drawWeekdayLabels(img *image.RGBA, offset image.Point, weekdays map[time.Weekday]bool, boxSize int, margin int, color color.RGBA, lp LabelsProvider) {
func drawWeekdayLabels(fontFace font.Face, img *image.RGBA, offset image.Point, weekdays map[time.Weekday]bool, boxSize int, margin int, color color.RGBA, lp LabelsProvider) {
width := 250
height := 100
y := offset.Y + height
for _, w := range weekdayOrder {
if weekdays[w] {
drawText(img, image.Point{X: offset.X - width, Y: y}, lp.GetWeekday(w), color)
drawText(fontFace, img, image.Point{X: offset.X - width, Y: y}, lp.GetWeekday(w), color)
}
y += boxSize + margin
}

View File

@ -1,223 +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"
"github.com/nikolaydubina/calendarheatmap/colorscales"
)
var counts map[string]int = map[string]int{
"2020-05-17": 13,
"2020-05-18": 5,
"2020-05-19": 8,
"2020-05-20": 5,
"2020-05-21": 5,
"2020-05-22": 3,
"2020-05-23": 5,
"2020-05-24": 6,
"2020-05-25": 3,
"2020-05-26": 5,
"2020-05-27": 8,
"2020-05-28": 2,
"2020-05-29": 2,
"2020-05-30": 8,
"2020-05-31": 5,
"2020-06-01": 1,
"2020-06-02": 3,
"2020-06-03": 1,
"2020-06-04": 3,
"2020-06-05": 1,
"2020-06-06": 3,
"2020-06-07": 5,
"2020-06-09": 1,
"2020-06-10": 2,
"2020-06-12": 9,
"2020-06-13": 7,
"2020-06-14": 4,
"2020-06-15": 1,
"2020-06-17": 1,
"2020-06-20": 2,
"2020-06-21": 1,
"2020-06-23": 2,
"2020-06-24": 2,
"2020-06-25": 3,
"2020-06-26": 3,
"2020-06-27": 2,
"2020-06-28": 1,
"2020-06-29": 1,
"2020-06-30": 2,
}
func save(t *testing.T, conf charts.HeatmapConfig, filename string) {
f, err := os.Create(filename)
func loadData(t *testing.T, filepath string) map[string]int {
var counts map[string]int
data, err := ioutil.ReadFile(filepath)
if err != nil {
t.Errorf(err.Error())
t.Error(err)
}
if err := charts.WriteHeatmap(conf, f); err != nil {
t.Errorf(err.Error())
}
if err := f.Close(); err != nil {
t.Errorf(err.Error())
if err := json.Unmarshal(data, &counts); err != nil {
t.Error(err)
}
return counts
}
func TestBasicData(t *testing.T) {
os.Setenv("CALENDAR_HEATMAP_ASSETS_PATH", "assets")
t.Run("basic", func(t *testing.T) {
conf := charts.HeatmapConfig{
Counts: counts,
ColorScale: colorscales.PuBu9,
DrawMonthSeparator: true,
DrawLabels: true,
Margin: 30,
BoxSize: 150,
TextWidthLeft: 350,
TextHeightTop: 200,
TextColor: color.RGBA{100, 100, 100, 255},
BorderColor: color.RGBA{200, 200, 200, 255},
Format: "png",
}
save(t, conf, "testdata/basic.png")
})
t.Run("colorscale_1", func(t *testing.T) {
conf := charts.HeatmapConfig{
Counts: counts,
ColorScale: colorscales.GnBu9,
DrawMonthSeparator: true,
DrawLabels: true,
Margin: 30,
BoxSize: 150,
TextWidthLeft: 350,
TextHeightTop: 200,
TextColor: color.RGBA{100, 100, 100, 255},
BorderColor: color.RGBA{200, 200, 200, 255},
Format: "png",
}
save(t, conf, "testdata/colorscale_1.png")
})
t.Run("colorscale_2", func(t *testing.T) {
conf := charts.HeatmapConfig{
Counts: counts,
ColorScale: colorscales.YlGn9,
DrawMonthSeparator: true,
DrawLabels: true,
Margin: 30,
BoxSize: 150,
TextWidthLeft: 350,
TextHeightTop: 200,
TextColor: color.RGBA{100, 100, 100, 255},
BorderColor: color.RGBA{200, 200, 200, 255},
Format: "png",
}
save(t, conf, "testdata/colorscale_2.png")
})
t.Run("korean", func(t *testing.T) {
conf := charts.HeatmapConfig{
Counts: counts,
ColorScale: colorscales.PuBu9,
DrawMonthSeparator: true,
DrawLabels: true,
Margin: 30,
BoxSize: 150,
TextWidthLeft: 350,
TextHeightTop: 200,
TextColor: color.RGBA{100, 100, 100, 255},
BorderColor: color.RGBA{200, 200, 200, 255},
Locale: "ko_KR",
Format: "png",
}
save(t, conf, "testdata/korean.png")
})
t.Run("no separator", func(t *testing.T) {
conf := charts.HeatmapConfig{
Counts: counts,
ColorScale: colorscales.PuBu9,
DrawMonthSeparator: false,
DrawLabels: true,
Margin: 30,
BoxSize: 150,
TextWidthLeft: 350,
TextHeightTop: 200,
TextColor: color.RGBA{100, 100, 100, 255},
BorderColor: color.RGBA{200, 200, 200, 255},
Format: "png",
}
save(t, conf, "testdata/noseparator.png")
})
t.Run("no labels", func(t *testing.T) {
conf := charts.HeatmapConfig{
Counts: counts,
ColorScale: colorscales.PuBu9,
DrawMonthSeparator: true,
DrawLabels: false,
Margin: 30,
BoxSize: 150,
TextWidthLeft: 350,
TextHeightTop: 200,
TextColor: color.RGBA{100, 100, 100, 255},
BorderColor: color.RGBA{200, 200, 200, 255},
Format: "png",
}
save(t, conf, "testdata/nolabels.png")
})
t.Run("no separator, no labels", func(t *testing.T) {
conf := charts.HeatmapConfig{
Counts: counts,
ColorScale: colorscales.PuBu9,
DrawMonthSeparator: false,
DrawLabels: false,
Margin: 30,
BoxSize: 150,
TextWidthLeft: 350,
TextHeightTop: 200,
TextColor: color.RGBA{100, 100, 100, 255},
BorderColor: color.RGBA{200, 200, 200, 255},
Format: "png",
}
save(t, conf, "testdata/noseparator_nolabels.png")
})
t.Run("empty data", func(t *testing.T) {
conf := charts.HeatmapConfig{
Counts: counts,
ColorScale: colorscales.PuBu9,
DrawMonthSeparator: true,
DrawLabels: false,
Margin: 30,
BoxSize: 150,
TextWidthLeft: 350,
TextHeightTop: 200,
TextColor: color.RGBA{100, 100, 100, 255},
BorderColor: color.RGBA{200, 200, 200, 255},
Format: "png",
}
save(t, conf, "testdata/empty_data.png")
})
t.Run("nil data", func(t *testing.T) {
conf := charts.HeatmapConfig{
Counts: counts,
ColorScale: colorscales.PuBu9,
DrawMonthSeparator: true,
DrawLabels: false,
Margin: 30,
BoxSize: 150,
TextWidthLeft: 350,
TextHeightTop: 200,
TextColor: color.RGBA{100, 100, 100, 255},
BorderColor: color.RGBA{200, 200, 200, 255},
Format: "png",
}
save(t, conf, "testdata/nil_data.png")
})
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()
}
})
}
}

85
charts/colorscale.go Normal file
View File

@ -0,0 +1,85 @@
package charts
import (
"encoding/csv"
"errors"
"fmt"
"image/color"
"math"
"os"
"strconv"
)
// BasicColorScale is color scale with variable number of colors
type BasicColorScale []color.RGBA
// GetColor returns color based on float value from 0 to 1
func (c BasicColorScale) GetColor(val float64) color.RGBA {
if len(c) == 0 {
return color.RGBA{}
}
maxIdx := len(c) - 1
idx := int(math.Round(float64(maxIdx) * val))
return c[idx]
}
func uint8FromStr(s string) (uint8, error) {
v, err := strconv.Atoi(s)
if err != nil {
return 0, errors.New("can not convert to int")
}
if v < 0 {
return 0, errors.New("less than 0")
}
if v > math.MaxUint8 {
return 0, errors.New("higher than max")
}
return uint8(v), nil
}
// NewBasicColorscaleFromCSVFile loads basic colorscale from CSV file
func NewBasicColorscaleFromCSVFile(path string) (BasicColorScale, error) {
colorscaleReader, err := os.Open(path)
if err != nil {
return nil, fmt.Errorf("can not open file: %w", err)
}
rows, err := csv.NewReader(colorscaleReader).ReadAll()
if err != nil {
return nil, fmt.Errorf("can not read CSV: %w", err)
}
if len(rows) == 0 {
return nil, errors.New("empty colorscales file")
}
colmap := make(map[string]int, 3)
for i, name := range rows[0] {
colmap[name] = i
}
if _, ok := colmap["R"]; !ok {
return nil, errors.New("missing R column")
}
if _, ok := colmap["G"]; !ok {
return nil, errors.New("missing G column")
}
if _, ok := colmap["B"]; !ok {
return nil, errors.New("missing B column")
}
colorscale := make(BasicColorScale, len(rows)-1)
for i, vals := range rows[1:] {
r, err := uint8FromStr(vals[colmap["R"]])
if err != nil {
return nil, fmt.Errorf("bad value for color: %w", err)
}
g, err := uint8FromStr(vals[colmap["G"]])
if err != nil {
return nil, fmt.Errorf("bad value for color: %w", err)
}
b, err := uint8FromStr(vals[colmap["B"]])
if err != nil {
return nil, fmt.Errorf("bad value for color: %w", err)
}
colorscale[i] = color.RGBA{r, g, b, 255}
}
return colorscale, nil
}

View File

@ -21,7 +21,7 @@ type DayIterator struct {
// NewDayIterator initializes iterator for a year
func NewDayIterator(counts map[string]int, offset image.Point, boxSize int, margin int) *DayIterator {
year := 1972
for dateStr, _ := range counts {
for dateStr := range counts {
date, err := time.Parse("2006-01-02", dateStr)
if err != nil {
panic(err)

View File

@ -65,7 +65,11 @@ type LabelsProvider struct {
// NewLabelsProvider initializes labels provider for locale
func NewLabelsProvider(locale string) LabelsProvider {
return localeConfig[locale]
lp, ok := localeConfig[locale]
if !ok {
return localeConfig["en_US"]
}
return lp
}
// GetMonth returns month label

View File

@ -8,6 +8,7 @@ import (
"text/template"
)
// Day is SVG template day parameters
type Day struct {
Count int
Date string
@ -15,64 +16,69 @@ type Day struct {
Show bool
}
// WeekdayLabel is SVG template weekday label parameters
type WeekdayLabel struct {
Label string
Show bool
}
// MonthLabel is SVG template month label parameters
type MonthLabel struct {
Label string
XOffset int
}
// Params is total SVG template parameters
type Params struct {
Days [53][7]Day
LabelsMonths [12]string
LabelsMonths [12]MonthLabel
LabelsWeekdays [7]WeekdayLabel
LabelsColor string
}
func writeColor(c color.RGBA) string {
func writeSVGColor(c color.RGBA) string {
return fmt.Sprintf("rgb(%d,%d,%d)", c.R, c.G, c.B)
}
func writeSVG(conf HeatmapConfig, w io.Writer) error {
func writeSVG(conf HeatmapConfig, w io.Writer) {
fullYearTemplate := template.Must(template.New("fullyear").Funcs(template.FuncMap{
"mul": func(a int, b int) int { return a * b },
"add": func(a int, b int) int { return a + b },
"sub": func(a int, b int) int { return a - b },
}).Parse(fullyear))
days := [53][7]Day{}
labelsProvider := NewLabelsProvider(conf.Locale)
labelsWeekdays := [7]WeekdayLabel{}
for i, w := range weekdayOrder {
labelsWeekdays[i] = WeekdayLabel{labelsProvider.GetWeekday(w), conf.ShowWeekdays[w]}
}
labelsMonths := [12]MonthLabel{}
for i, v := range labelsProvider.months {
labelsMonths[i-1].Label = v
}
month := 0
days := [53][7]Day{}
for iter := NewDayIterator(conf.Counts, image.Point{}, 0, 0); !iter.Done(); iter.Next() {
days[iter.Col][iter.Row] = Day{
Count: iter.Count(),
Date: iter.Time().Format("2006-01-02"),
Color: writeColor(conf.ColorScale.GetColor(iter.Value())),
Color: writeSVGColor(conf.ColorScale.GetColor(iter.Value())),
Show: true,
}
// Note, day is from 1~31
if iter.Row == 0 && iter.Time().Day() <= 7 {
labelsMonths[month].XOffset = iter.Col
month++
}
}
locale := "en_US"
if conf.Locale != "" {
locale = conf.Locale
}
labelsProvider := NewLabelsProvider(locale)
labelsMonths := [12]string{}
for i, v := range labelsProvider.months {
labelsMonths[i-1] = v
}
labelsWeekdays := [7]WeekdayLabel{}
for i, v := range labelsProvider.weekdays {
labelsWeekdays[i] = WeekdayLabel{v, true}
}
params := Params{
fullYearTemplate.Execute(w, Params{
Days: days,
LabelsMonths: labelsMonths,
LabelsWeekdays: labelsWeekdays,
LabelsColor: writeColor(conf.TextColor),
}
fullYearTemplate.Execute(w, params)
return nil
LabelsColor: writeSVGColor(conf.TextColor),
})
}

View File

@ -1,64 +0,0 @@
package charts_test
import (
"image/color"
"testing"
"github.com/nikolaydubina/calendarheatmap/charts"
"github.com/nikolaydubina/calendarheatmap/colorscales"
)
func TestBasicDataSVG(t *testing.T) {
t.Run("basic", func(t *testing.T) {
conf := charts.HeatmapConfig{
Counts: counts,
ColorScale: colorscales.PuBu9,
DrawMonthSeparator: true,
DrawLabels: true,
TextColor: color.RGBA{100, 100, 100, 255},
BorderColor: color.RGBA{200, 200, 200, 255},
Format: "svg",
}
save(t, conf, "testdata/basic.svg")
})
t.Run("korean", func(t *testing.T) {
conf := charts.HeatmapConfig{
Counts: counts,
ColorScale: colorscales.PuBu9,
DrawMonthSeparator: true,
DrawLabels: true,
TextColor: color.RGBA{100, 100, 100, 255},
BorderColor: color.RGBA{200, 200, 200, 255},
Locale: "ko_KR",
Format: "svg",
}
save(t, conf, "testdata/korean.svg")
})
t.Run("empty data", func(t *testing.T) {
conf := charts.HeatmapConfig{
Counts: map[string]int{},
ColorScale: colorscales.PuBu9,
DrawMonthSeparator: true,
DrawLabels: false,
TextColor: color.RGBA{100, 100, 100, 255},
BorderColor: color.RGBA{200, 200, 200, 255},
Format: "svg",
}
save(t, conf, "testdata/empty_data.svg")
})
t.Run("nil data", func(t *testing.T) {
conf := charts.HeatmapConfig{
Counts: nil,
ColorScale: colorscales.PuBu9,
DrawMonthSeparator: true,
DrawLabels: false,
TextColor: color.RGBA{100, 100, 100, 255},
BorderColor: color.RGBA{200, 200, 200, 255},
Format: "svg",
}
save(t, conf, "testdata/nil_data.svg")
})
}

View File

@ -1,17 +1,17 @@
package charts
const fullyear = `<svg width="722" height="112" xmlns="http://www.w3.org/2000/svg" xmlns:xlink= "http://www.w3.org/1999/xlink">
const fullyear = `<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)">
{{range $w, $wo := $.Days}}<g transform="translate({{mul 14 $w}}, 0)">
{{range $d, $do := $wo}}{{if $do.Show}}<rect class="day" width="10" height="10" x="{{sub 14 $w}}" y="{{mul 13 $d}}" fill="{{$do.Color}}" data-count="{{$do.Count}}" data-date="{{$do.Date}}"></rect>{{end}}
{{range $d, $do := $wo}}{{if $do.Show}}<rect class="day" width="11" height="11" x="0" y="{{mul 13 $d}}" fill="{{$do.Color}}" data-count="{{$do.Count}}" data-date="{{$do.Date}}"></rect>{{end}}
{{end}}
</g>
{{end}}
{{range $i, $label := $.LabelsMonths}}<text x="{{add 14 (mul 52 $i)}}" y="-7" font-size="10px" fill="{{$.LabelsColor}}">{{$label}}</text>
{{range $i, $label := $.LabelsMonths}}<text x="{{mul 14 $label.XOffset}}" y="-7" font-size="8px" fill="{{$.LabelsColor}}">{{$label.Label}}</text>
{{end}}
{{range $i, $o := $.LabelsWeekdays}}<text text-anchor="start" font-size="9px" dx="-10" dy="{{add 8 (mul 13 $i)}}" fill="{{$.LabelsColor}}" {{if not $o.Show}}style="display: none;"{{end}}>{{$o.Label}}</text>
{{range $i, $o := $.LabelsWeekdays}}<text text-anchor="start" font-size="8px" dx="-10" dy="{{add 8 (mul 13 $i)}}" fill="{{$.LabelsColor}}" {{if not $o.Show}}style="display: none;"{{end}}>{{$o.Label}}</text>
{{end}}
</g></svg>
`

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.

Before

Width:  |  Height:  |  Size: 73 KiB

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.

Before

Width:  |  Height:  |  Size: 47 KiB

After

Width:  |  Height:  |  Size: 47 KiB

Binary file not shown.

Before

Width:  |  Height:  |  Size: 47 KiB

After

Width:  |  Height:  |  Size: 47 KiB

Binary file not shown.

Before

Width:  |  Height:  |  Size: 86 KiB

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

Binary file not shown.

Before

Width:  |  Height:  |  Size: 88 KiB

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

@ -1,557 +0,0 @@
<svg width="722" 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="10" height="10" x="14" y="26" fill="rgb(255,247,251)" data-count="0" data-date="2020-01-01"></rect>
<rect class="day" width="10" height="10" x="14" y="39" fill="rgb(255,247,251)" data-count="0" data-date="2020-01-02"></rect>
<rect class="day" width="10" height="10" x="14" y="52" fill="rgb(255,247,251)" data-count="0" data-date="2020-01-03"></rect>
<rect class="day" width="10" height="10" x="14" y="65" fill="rgb(255,247,251)" data-count="0" data-date="2020-01-04"></rect>
<rect class="day" width="10" height="10" x="14" 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="10" height="10" x="13" y="0" fill="rgb(255,247,251)" data-count="0" data-date="2020-01-06"></rect>
<rect class="day" width="10" height="10" x="13" y="13" fill="rgb(255,247,251)" data-count="0" data-date="2020-01-07"></rect>
<rect class="day" width="10" height="10" x="13" y="26" fill="rgb(255,247,251)" data-count="0" data-date="2020-01-08"></rect>
<rect class="day" width="10" height="10" x="13" y="39" fill="rgb(255,247,251)" data-count="0" data-date="2020-01-09"></rect>
<rect class="day" width="10" height="10" x="13" y="52" fill="rgb(255,247,251)" data-count="0" data-date="2020-01-10"></rect>
<rect class="day" width="10" height="10" x="13" y="65" fill="rgb(255,247,251)" data-count="0" data-date="2020-01-11"></rect>
<rect class="day" width="10" height="10" x="13" 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="10" height="10" x="12" y="0" fill="rgb(255,247,251)" data-count="0" data-date="2020-01-13"></rect>
<rect class="day" width="10" height="10" x="12" y="13" fill="rgb(255,247,251)" data-count="0" data-date="2020-01-14"></rect>
<rect class="day" width="10" height="10" x="12" y="26" fill="rgb(255,247,251)" data-count="0" data-date="2020-01-15"></rect>
<rect class="day" width="10" height="10" x="12" y="39" fill="rgb(255,247,251)" data-count="0" data-date="2020-01-16"></rect>
<rect class="day" width="10" height="10" x="12" y="52" fill="rgb(255,247,251)" data-count="0" data-date="2020-01-17"></rect>
<rect class="day" width="10" height="10" x="12" y="65" fill="rgb(255,247,251)" data-count="0" data-date="2020-01-18"></rect>
<rect class="day" width="10" height="10" x="12" 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="10" height="10" x="11" y="0" fill="rgb(255,247,251)" data-count="0" data-date="2020-01-20"></rect>
<rect class="day" width="10" height="10" x="11" y="13" fill="rgb(255,247,251)" data-count="0" data-date="2020-01-21"></rect>
<rect class="day" width="10" height="10" x="11" y="26" fill="rgb(255,247,251)" data-count="0" data-date="2020-01-22"></rect>
<rect class="day" width="10" height="10" x="11" y="39" fill="rgb(255,247,251)" data-count="0" data-date="2020-01-23"></rect>
<rect class="day" width="10" height="10" x="11" y="52" fill="rgb(255,247,251)" data-count="0" data-date="2020-01-24"></rect>
<rect class="day" width="10" height="10" x="11" y="65" fill="rgb(255,247,251)" data-count="0" data-date="2020-01-25"></rect>
<rect class="day" width="10" height="10" x="11" 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="10" height="10" x="10" y="0" fill="rgb(255,247,251)" data-count="0" data-date="2020-01-27"></rect>
<rect class="day" width="10" height="10" x="10" y="13" fill="rgb(255,247,251)" data-count="0" data-date="2020-01-28"></rect>
<rect class="day" width="10" height="10" x="10" y="26" fill="rgb(255,247,251)" data-count="0" data-date="2020-01-29"></rect>
<rect class="day" width="10" height="10" x="10" y="39" fill="rgb(255,247,251)" data-count="0" data-date="2020-01-30"></rect>
<rect class="day" width="10" height="10" x="10" y="52" fill="rgb(255,247,251)" data-count="0" data-date="2020-01-31"></rect>
<rect class="day" width="10" height="10" x="10" y="65" fill="rgb(255,247,251)" data-count="0" data-date="2020-02-01"></rect>
<rect class="day" width="10" height="10" x="10" 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="10" height="10" x="9" y="0" fill="rgb(255,247,251)" data-count="0" data-date="2020-02-03"></rect>
<rect class="day" width="10" height="10" x="9" y="13" fill="rgb(255,247,251)" data-count="0" data-date="2020-02-04"></rect>
<rect class="day" width="10" height="10" x="9" y="26" fill="rgb(255,247,251)" data-count="0" data-date="2020-02-05"></rect>
<rect class="day" width="10" height="10" x="9" y="39" fill="rgb(255,247,251)" data-count="0" data-date="2020-02-06"></rect>
<rect class="day" width="10" height="10" x="9" y="52" fill="rgb(255,247,251)" data-count="0" data-date="2020-02-07"></rect>
<rect class="day" width="10" height="10" x="9" y="65" fill="rgb(255,247,251)" data-count="0" data-date="2020-02-08"></rect>
<rect class="day" width="10" height="10" x="9" 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="10" height="10" x="8" y="0" fill="rgb(255,247,251)" data-count="0" data-date="2020-02-10"></rect>
<rect class="day" width="10" height="10" x="8" y="13" fill="rgb(255,247,251)" data-count="0" data-date="2020-02-11"></rect>
<rect class="day" width="10" height="10" x="8" y="26" fill="rgb(255,247,251)" data-count="0" data-date="2020-02-12"></rect>
<rect class="day" width="10" height="10" x="8" y="39" fill="rgb(255,247,251)" data-count="0" data-date="2020-02-13"></rect>
<rect class="day" width="10" height="10" x="8" y="52" fill="rgb(255,247,251)" data-count="0" data-date="2020-02-14"></rect>
<rect class="day" width="10" height="10" x="8" y="65" fill="rgb(255,247,251)" data-count="0" data-date="2020-02-15"></rect>
<rect class="day" width="10" height="10" x="8" 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="10" height="10" x="7" y="0" fill="rgb(255,247,251)" data-count="0" data-date="2020-02-17"></rect>
<rect class="day" width="10" height="10" x="7" y="13" fill="rgb(255,247,251)" data-count="0" data-date="2020-02-18"></rect>
<rect class="day" width="10" height="10" x="7" y="26" fill="rgb(255,247,251)" data-count="0" data-date="2020-02-19"></rect>
<rect class="day" width="10" height="10" x="7" y="39" fill="rgb(255,247,251)" data-count="0" data-date="2020-02-20"></rect>
<rect class="day" width="10" height="10" x="7" y="52" fill="rgb(255,247,251)" data-count="0" data-date="2020-02-21"></rect>
<rect class="day" width="10" height="10" x="7" y="65" fill="rgb(255,247,251)" data-count="0" data-date="2020-02-22"></rect>
<rect class="day" width="10" height="10" x="7" 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="10" height="10" x="6" y="0" fill="rgb(255,247,251)" data-count="0" data-date="2020-02-24"></rect>
<rect class="day" width="10" height="10" x="6" y="13" fill="rgb(255,247,251)" data-count="0" data-date="2020-02-25"></rect>
<rect class="day" width="10" height="10" x="6" y="26" fill="rgb(255,247,251)" data-count="0" data-date="2020-02-26"></rect>
<rect class="day" width="10" height="10" x="6" y="39" fill="rgb(255,247,251)" data-count="0" data-date="2020-02-27"></rect>
<rect class="day" width="10" height="10" x="6" y="52" fill="rgb(255,247,251)" data-count="0" data-date="2020-02-28"></rect>
<rect class="day" width="10" height="10" x="6" y="65" fill="rgb(255,247,251)" data-count="0" data-date="2020-02-29"></rect>
<rect class="day" width="10" height="10" x="6" 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="10" height="10" x="5" y="0" fill="rgb(255,247,251)" data-count="0" data-date="2020-03-02"></rect>
<rect class="day" width="10" height="10" x="5" y="13" fill="rgb(255,247,251)" data-count="0" data-date="2020-03-03"></rect>
<rect class="day" width="10" height="10" x="5" y="26" fill="rgb(255,247,251)" data-count="0" data-date="2020-03-04"></rect>
<rect class="day" width="10" height="10" x="5" y="39" fill="rgb(255,247,251)" data-count="0" data-date="2020-03-05"></rect>
<rect class="day" width="10" height="10" x="5" y="52" fill="rgb(255,247,251)" data-count="0" data-date="2020-03-06"></rect>
<rect class="day" width="10" height="10" x="5" y="65" fill="rgb(255,247,251)" data-count="0" data-date="2020-03-07"></rect>
<rect class="day" width="10" height="10" x="5" 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="10" height="10" x="4" y="0" fill="rgb(255,247,251)" data-count="0" data-date="2020-03-09"></rect>
<rect class="day" width="10" height="10" x="4" y="13" fill="rgb(255,247,251)" data-count="0" data-date="2020-03-10"></rect>
<rect class="day" width="10" height="10" x="4" y="26" fill="rgb(255,247,251)" data-count="0" data-date="2020-03-11"></rect>
<rect class="day" width="10" height="10" x="4" y="39" fill="rgb(255,247,251)" data-count="0" data-date="2020-03-12"></rect>
<rect class="day" width="10" height="10" x="4" y="52" fill="rgb(255,247,251)" data-count="0" data-date="2020-03-13"></rect>
<rect class="day" width="10" height="10" x="4" y="65" fill="rgb(255,247,251)" data-count="0" data-date="2020-03-14"></rect>
<rect class="day" width="10" height="10" x="4" 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="10" height="10" x="3" y="0" fill="rgb(255,247,251)" data-count="0" data-date="2020-03-16"></rect>
<rect class="day" width="10" height="10" x="3" y="13" fill="rgb(255,247,251)" data-count="0" data-date="2020-03-17"></rect>
<rect class="day" width="10" height="10" x="3" y="26" fill="rgb(255,247,251)" data-count="0" data-date="2020-03-18"></rect>
<rect class="day" width="10" height="10" x="3" y="39" fill="rgb(255,247,251)" data-count="0" data-date="2020-03-19"></rect>
<rect class="day" width="10" height="10" x="3" y="52" fill="rgb(255,247,251)" data-count="0" data-date="2020-03-20"></rect>
<rect class="day" width="10" height="10" x="3" y="65" fill="rgb(255,247,251)" data-count="0" data-date="2020-03-21"></rect>
<rect class="day" width="10" height="10" x="3" 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="10" height="10" x="2" y="0" fill="rgb(255,247,251)" data-count="0" data-date="2020-03-23"></rect>
<rect class="day" width="10" height="10" x="2" y="13" fill="rgb(255,247,251)" data-count="0" data-date="2020-03-24"></rect>
<rect class="day" width="10" height="10" x="2" y="26" fill="rgb(255,247,251)" data-count="0" data-date="2020-03-25"></rect>
<rect class="day" width="10" height="10" x="2" y="39" fill="rgb(255,247,251)" data-count="0" data-date="2020-03-26"></rect>
<rect class="day" width="10" height="10" x="2" y="52" fill="rgb(255,247,251)" data-count="0" data-date="2020-03-27"></rect>
<rect class="day" width="10" height="10" x="2" y="65" fill="rgb(255,247,251)" data-count="0" data-date="2020-03-28"></rect>
<rect class="day" width="10" height="10" x="2" 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="10" height="10" x="1" y="0" fill="rgb(255,247,251)" data-count="0" data-date="2020-03-30"></rect>
<rect class="day" width="10" height="10" x="1" y="13" fill="rgb(255,247,251)" data-count="0" data-date="2020-03-31"></rect>
<rect class="day" width="10" height="10" x="1" y="26" fill="rgb(255,247,251)" data-count="0" data-date="2020-04-01"></rect>
<rect class="day" width="10" height="10" x="1" y="39" fill="rgb(255,247,251)" data-count="0" data-date="2020-04-02"></rect>
<rect class="day" width="10" height="10" x="1" y="52" fill="rgb(255,247,251)" data-count="0" data-date="2020-04-03"></rect>
<rect class="day" width="10" height="10" x="1" y="65" fill="rgb(255,247,251)" data-count="0" data-date="2020-04-04"></rect>
<rect class="day" width="10" height="10" x="1" 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="10" height="10" x="0" y="0" fill="rgb(255,247,251)" data-count="0" data-date="2020-04-06"></rect>
<rect class="day" width="10" height="10" x="0" y="13" fill="rgb(255,247,251)" data-count="0" data-date="2020-04-07"></rect>
<rect class="day" width="10" height="10" x="0" y="26" fill="rgb(255,247,251)" data-count="0" data-date="2020-04-08"></rect>
<rect class="day" width="10" height="10" x="0" y="39" fill="rgb(255,247,251)" data-count="0" data-date="2020-04-09"></rect>
<rect class="day" width="10" height="10" x="0" y="52" fill="rgb(255,247,251)" data-count="0" data-date="2020-04-10"></rect>
<rect class="day" width="10" height="10" x="0" y="65" fill="rgb(255,247,251)" data-count="0" data-date="2020-04-11"></rect>
<rect class="day" width="10" height="10" 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="10" height="10" x="-1" y="0" fill="rgb(255,247,251)" data-count="0" data-date="2020-04-13"></rect>
<rect class="day" width="10" height="10" x="-1" y="13" fill="rgb(255,247,251)" data-count="0" data-date="2020-04-14"></rect>
<rect class="day" width="10" height="10" x="-1" y="26" fill="rgb(255,247,251)" data-count="0" data-date="2020-04-15"></rect>
<rect class="day" width="10" height="10" x="-1" y="39" fill="rgb(255,247,251)" data-count="0" data-date="2020-04-16"></rect>
<rect class="day" width="10" height="10" x="-1" y="52" fill="rgb(255,247,251)" data-count="0" data-date="2020-04-17"></rect>
<rect class="day" width="10" height="10" x="-1" y="65" fill="rgb(255,247,251)" data-count="0" data-date="2020-04-18"></rect>
<rect class="day" width="10" height="10" x="-1" 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="10" height="10" x="-2" y="0" fill="rgb(255,247,251)" data-count="0" data-date="2020-04-20"></rect>
<rect class="day" width="10" height="10" x="-2" y="13" fill="rgb(255,247,251)" data-count="0" data-date="2020-04-21"></rect>
<rect class="day" width="10" height="10" x="-2" y="26" fill="rgb(255,247,251)" data-count="0" data-date="2020-04-22"></rect>
<rect class="day" width="10" height="10" x="-2" y="39" fill="rgb(255,247,251)" data-count="0" data-date="2020-04-23"></rect>
<rect class="day" width="10" height="10" x="-2" y="52" fill="rgb(255,247,251)" data-count="0" data-date="2020-04-24"></rect>
<rect class="day" width="10" height="10" x="-2" y="65" fill="rgb(255,247,251)" data-count="0" data-date="2020-04-25"></rect>
<rect class="day" width="10" height="10" x="-2" 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="10" height="10" x="-3" y="0" fill="rgb(255,247,251)" data-count="0" data-date="2020-04-27"></rect>
<rect class="day" width="10" height="10" x="-3" y="13" fill="rgb(255,247,251)" data-count="0" data-date="2020-04-28"></rect>
<rect class="day" width="10" height="10" x="-3" y="26" fill="rgb(255,247,251)" data-count="0" data-date="2020-04-29"></rect>
<rect class="day" width="10" height="10" x="-3" y="39" fill="rgb(255,247,251)" data-count="0" data-date="2020-04-30"></rect>
<rect class="day" width="10" height="10" x="-3" y="52" fill="rgb(255,247,251)" data-count="0" data-date="2020-05-01"></rect>
<rect class="day" width="10" height="10" x="-3" y="65" fill="rgb(255,247,251)" data-count="0" data-date="2020-05-02"></rect>
<rect class="day" width="10" height="10" x="-3" 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="10" height="10" x="-4" y="0" fill="rgb(255,247,251)" data-count="0" data-date="2020-05-04"></rect>
<rect class="day" width="10" height="10" x="-4" y="13" fill="rgb(255,247,251)" data-count="0" data-date="2020-05-05"></rect>
<rect class="day" width="10" height="10" x="-4" y="26" fill="rgb(255,247,251)" data-count="0" data-date="2020-05-06"></rect>
<rect class="day" width="10" height="10" x="-4" y="39" fill="rgb(255,247,251)" data-count="0" data-date="2020-05-07"></rect>
<rect class="day" width="10" height="10" x="-4" y="52" fill="rgb(255,247,251)" data-count="0" data-date="2020-05-08"></rect>
<rect class="day" width="10" height="10" x="-4" y="65" fill="rgb(255,247,251)" data-count="0" data-date="2020-05-09"></rect>
<rect class="day" width="10" height="10" x="-4" 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="10" height="10" x="-5" y="0" fill="rgb(255,247,251)" data-count="0" data-date="2020-05-11"></rect>
<rect class="day" width="10" height="10" x="-5" y="13" fill="rgb(255,247,251)" data-count="0" data-date="2020-05-12"></rect>
<rect class="day" width="10" height="10" x="-5" y="26" fill="rgb(255,247,251)" data-count="0" data-date="2020-05-13"></rect>
<rect class="day" width="10" height="10" x="-5" y="39" fill="rgb(255,247,251)" data-count="0" data-date="2020-05-14"></rect>
<rect class="day" width="10" height="10" x="-5" y="52" fill="rgb(255,247,251)" data-count="0" data-date="2020-05-15"></rect>
<rect class="day" width="10" height="10" x="-5" y="65" fill="rgb(255,247,251)" data-count="0" data-date="2020-05-16"></rect>
<rect class="day" width="10" height="10" x="-5" 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="10" height="10" x="-6" y="0" fill="rgb(166,189,219)" data-count="5" data-date="2020-05-18"></rect>
<rect class="day" width="10" height="10" x="-6" y="13" fill="rgb(54,144,192)" data-count="8" data-date="2020-05-19"></rect>
<rect class="day" width="10" height="10" x="-6" y="26" fill="rgb(166,189,219)" data-count="5" data-date="2020-05-20"></rect>
<rect class="day" width="10" height="10" x="-6" y="39" fill="rgb(166,189,219)" data-count="5" data-date="2020-05-21"></rect>
<rect class="day" width="10" height="10" x="-6" y="52" fill="rgb(208,209,230)" data-count="3" data-date="2020-05-22"></rect>
<rect class="day" width="10" height="10" x="-6" y="65" fill="rgb(166,189,219)" data-count="5" data-date="2020-05-23"></rect>
<rect class="day" width="10" height="10" x="-6" 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="10" height="10" x="-7" y="0" fill="rgb(208,209,230)" data-count="3" data-date="2020-05-25"></rect>
<rect class="day" width="10" height="10" x="-7" y="13" fill="rgb(166,189,219)" data-count="5" data-date="2020-05-26"></rect>
<rect class="day" width="10" height="10" x="-7" y="26" fill="rgb(54,144,192)" data-count="8" data-date="2020-05-27"></rect>
<rect class="day" width="10" height="10" x="-7" y="39" fill="rgb(236,231,242)" data-count="2" data-date="2020-05-28"></rect>
<rect class="day" width="10" height="10" x="-7" y="52" fill="rgb(236,231,242)" data-count="2" data-date="2020-05-29"></rect>
<rect class="day" width="10" height="10" x="-7" y="65" fill="rgb(54,144,192)" data-count="8" data-date="2020-05-30"></rect>
<rect class="day" width="10" height="10" x="-7" 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="10" height="10" x="-8" y="0" fill="rgb(236,231,242)" data-count="1" data-date="2020-06-01"></rect>
<rect class="day" width="10" height="10" x="-8" y="13" fill="rgb(208,209,230)" data-count="3" data-date="2020-06-02"></rect>
<rect class="day" width="10" height="10" x="-8" y="26" fill="rgb(236,231,242)" data-count="1" data-date="2020-06-03"></rect>
<rect class="day" width="10" height="10" x="-8" y="39" fill="rgb(208,209,230)" data-count="3" data-date="2020-06-04"></rect>
<rect class="day" width="10" height="10" x="-8" y="52" fill="rgb(236,231,242)" data-count="1" data-date="2020-06-05"></rect>
<rect class="day" width="10" height="10" x="-8" y="65" fill="rgb(208,209,230)" data-count="3" data-date="2020-06-06"></rect>
<rect class="day" width="10" height="10" x="-8" 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="10" height="10" x="-9" y="0" fill="rgb(255,247,251)" data-count="0" data-date="2020-06-08"></rect>
<rect class="day" width="10" height="10" x="-9" y="13" fill="rgb(236,231,242)" data-count="1" data-date="2020-06-09"></rect>
<rect class="day" width="10" height="10" x="-9" y="26" fill="rgb(236,231,242)" data-count="2" data-date="2020-06-10"></rect>
<rect class="day" width="10" height="10" x="-9" y="39" fill="rgb(255,247,251)" data-count="0" data-date="2020-06-11"></rect>
<rect class="day" width="10" height="10" x="-9" y="52" fill="rgb(5,112,176)" data-count="9" data-date="2020-06-12"></rect>
<rect class="day" width="10" height="10" x="-9" y="65" fill="rgb(116,169,207)" data-count="7" data-date="2020-06-13"></rect>
<rect class="day" width="10" height="10" x="-9" 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="10" height="10" x="-10" y="0" fill="rgb(236,231,242)" data-count="1" data-date="2020-06-15"></rect>
<rect class="day" width="10" height="10" x="-10" y="13" fill="rgb(255,247,251)" data-count="0" data-date="2020-06-16"></rect>
<rect class="day" width="10" height="10" x="-10" y="26" fill="rgb(236,231,242)" data-count="1" data-date="2020-06-17"></rect>
<rect class="day" width="10" height="10" x="-10" y="39" fill="rgb(255,247,251)" data-count="0" data-date="2020-06-18"></rect>
<rect class="day" width="10" height="10" x="-10" y="52" fill="rgb(255,247,251)" data-count="0" data-date="2020-06-19"></rect>
<rect class="day" width="10" height="10" x="-10" y="65" fill="rgb(236,231,242)" data-count="2" data-date="2020-06-20"></rect>
<rect class="day" width="10" height="10" x="-10" 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="10" height="10" x="-11" y="0" fill="rgb(255,247,251)" data-count="0" data-date="2020-06-22"></rect>
<rect class="day" width="10" height="10" x="-11" y="13" fill="rgb(236,231,242)" data-count="2" data-date="2020-06-23"></rect>
<rect class="day" width="10" height="10" x="-11" y="26" fill="rgb(236,231,242)" data-count="2" data-date="2020-06-24"></rect>
<rect class="day" width="10" height="10" x="-11" y="39" fill="rgb(208,209,230)" data-count="3" data-date="2020-06-25"></rect>
<rect class="day" width="10" height="10" x="-11" y="52" fill="rgb(208,209,230)" data-count="3" data-date="2020-06-26"></rect>
<rect class="day" width="10" height="10" x="-11" y="65" fill="rgb(236,231,242)" data-count="2" data-date="2020-06-27"></rect>
<rect class="day" width="10" height="10" x="-11" 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="10" height="10" x="-12" y="0" fill="rgb(236,231,242)" data-count="1" data-date="2020-06-29"></rect>
<rect class="day" width="10" height="10" x="-12" y="13" fill="rgb(236,231,242)" data-count="2" data-date="2020-06-30"></rect>
<rect class="day" width="10" height="10" x="-12" y="26" fill="rgb(255,247,251)" data-count="0" data-date="2020-07-01"></rect>
<rect class="day" width="10" height="10" x="-12" y="39" fill="rgb(255,247,251)" data-count="0" data-date="2020-07-02"></rect>
<rect class="day" width="10" height="10" x="-12" y="52" fill="rgb(255,247,251)" data-count="0" data-date="2020-07-03"></rect>
<rect class="day" width="10" height="10" x="-12" y="65" fill="rgb(255,247,251)" data-count="0" data-date="2020-07-04"></rect>
<rect class="day" width="10" height="10" x="-12" 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="10" height="10" x="-13" y="0" fill="rgb(255,247,251)" data-count="0" data-date="2020-07-06"></rect>
<rect class="day" width="10" height="10" x="-13" y="13" fill="rgb(255,247,251)" data-count="0" data-date="2020-07-07"></rect>
<rect class="day" width="10" height="10" x="-13" y="26" fill="rgb(255,247,251)" data-count="0" data-date="2020-07-08"></rect>
<rect class="day" width="10" height="10" x="-13" y="39" fill="rgb(255,247,251)" data-count="0" data-date="2020-07-09"></rect>
<rect class="day" width="10" height="10" x="-13" y="52" fill="rgb(255,247,251)" data-count="0" data-date="2020-07-10"></rect>
<rect class="day" width="10" height="10" x="-13" y="65" fill="rgb(255,247,251)" data-count="0" data-date="2020-07-11"></rect>
<rect class="day" width="10" height="10" x="-13" 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="10" height="10" x="-14" y="0" fill="rgb(255,247,251)" data-count="0" data-date="2020-07-13"></rect>
<rect class="day" width="10" height="10" x="-14" y="13" fill="rgb(255,247,251)" data-count="0" data-date="2020-07-14"></rect>
<rect class="day" width="10" height="10" x="-14" y="26" fill="rgb(255,247,251)" data-count="0" data-date="2020-07-15"></rect>
<rect class="day" width="10" height="10" x="-14" y="39" fill="rgb(255,247,251)" data-count="0" data-date="2020-07-16"></rect>
<rect class="day" width="10" height="10" x="-14" y="52" fill="rgb(255,247,251)" data-count="0" data-date="2020-07-17"></rect>
<rect class="day" width="10" height="10" x="-14" y="65" fill="rgb(255,247,251)" data-count="0" data-date="2020-07-18"></rect>
<rect class="day" width="10" height="10" x="-14" 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="10" height="10" x="-15" y="0" fill="rgb(255,247,251)" data-count="0" data-date="2020-07-20"></rect>
<rect class="day" width="10" height="10" x="-15" y="13" fill="rgb(255,247,251)" data-count="0" data-date="2020-07-21"></rect>
<rect class="day" width="10" height="10" x="-15" y="26" fill="rgb(255,247,251)" data-count="0" data-date="2020-07-22"></rect>
<rect class="day" width="10" height="10" x="-15" y="39" fill="rgb(255,247,251)" data-count="0" data-date="2020-07-23"></rect>
<rect class="day" width="10" height="10" x="-15" y="52" fill="rgb(255,247,251)" data-count="0" data-date="2020-07-24"></rect>
<rect class="day" width="10" height="10" x="-15" y="65" fill="rgb(255,247,251)" data-count="0" data-date="2020-07-25"></rect>
<rect class="day" width="10" height="10" x="-15" 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="10" height="10" x="-16" y="0" fill="rgb(255,247,251)" data-count="0" data-date="2020-07-27"></rect>
<rect class="day" width="10" height="10" x="-16" y="13" fill="rgb(255,247,251)" data-count="0" data-date="2020-07-28"></rect>
<rect class="day" width="10" height="10" x="-16" y="26" fill="rgb(255,247,251)" data-count="0" data-date="2020-07-29"></rect>
<rect class="day" width="10" height="10" x="-16" y="39" fill="rgb(255,247,251)" data-count="0" data-date="2020-07-30"></rect>
<rect class="day" width="10" height="10" x="-16" y="52" fill="rgb(255,247,251)" data-count="0" data-date="2020-07-31"></rect>
<rect class="day" width="10" height="10" x="-16" y="65" fill="rgb(255,247,251)" data-count="0" data-date="2020-08-01"></rect>
<rect class="day" width="10" height="10" x="-16" 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="10" height="10" x="-17" y="0" fill="rgb(255,247,251)" data-count="0" data-date="2020-08-03"></rect>
<rect class="day" width="10" height="10" x="-17" y="13" fill="rgb(255,247,251)" data-count="0" data-date="2020-08-04"></rect>
<rect class="day" width="10" height="10" x="-17" y="26" fill="rgb(255,247,251)" data-count="0" data-date="2020-08-05"></rect>
<rect class="day" width="10" height="10" x="-17" y="39" fill="rgb(255,247,251)" data-count="0" data-date="2020-08-06"></rect>
<rect class="day" width="10" height="10" x="-17" y="52" fill="rgb(255,247,251)" data-count="0" data-date="2020-08-07"></rect>
<rect class="day" width="10" height="10" x="-17" y="65" fill="rgb(255,247,251)" data-count="0" data-date="2020-08-08"></rect>
<rect class="day" width="10" height="10" x="-17" 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="10" height="10" x="-18" y="0" fill="rgb(255,247,251)" data-count="0" data-date="2020-08-10"></rect>
<rect class="day" width="10" height="10" x="-18" y="13" fill="rgb(255,247,251)" data-count="0" data-date="2020-08-11"></rect>
<rect class="day" width="10" height="10" x="-18" y="26" fill="rgb(255,247,251)" data-count="0" data-date="2020-08-12"></rect>
<rect class="day" width="10" height="10" x="-18" y="39" fill="rgb(255,247,251)" data-count="0" data-date="2020-08-13"></rect>
<rect class="day" width="10" height="10" x="-18" y="52" fill="rgb(255,247,251)" data-count="0" data-date="2020-08-14"></rect>
<rect class="day" width="10" height="10" x="-18" y="65" fill="rgb(255,247,251)" data-count="0" data-date="2020-08-15"></rect>
<rect class="day" width="10" height="10" x="-18" 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="10" height="10" x="-19" y="0" fill="rgb(255,247,251)" data-count="0" data-date="2020-08-17"></rect>
<rect class="day" width="10" height="10" x="-19" y="13" fill="rgb(255,247,251)" data-count="0" data-date="2020-08-18"></rect>
<rect class="day" width="10" height="10" x="-19" y="26" fill="rgb(255,247,251)" data-count="0" data-date="2020-08-19"></rect>
<rect class="day" width="10" height="10" x="-19" y="39" fill="rgb(255,247,251)" data-count="0" data-date="2020-08-20"></rect>
<rect class="day" width="10" height="10" x="-19" y="52" fill="rgb(255,247,251)" data-count="0" data-date="2020-08-21"></rect>
<rect class="day" width="10" height="10" x="-19" y="65" fill="rgb(255,247,251)" data-count="0" data-date="2020-08-22"></rect>
<rect class="day" width="10" height="10" x="-19" 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="10" height="10" x="-20" y="0" fill="rgb(255,247,251)" data-count="0" data-date="2020-08-24"></rect>
<rect class="day" width="10" height="10" x="-20" y="13" fill="rgb(255,247,251)" data-count="0" data-date="2020-08-25"></rect>
<rect class="day" width="10" height="10" x="-20" y="26" fill="rgb(255,247,251)" data-count="0" data-date="2020-08-26"></rect>
<rect class="day" width="10" height="10" x="-20" y="39" fill="rgb(255,247,251)" data-count="0" data-date="2020-08-27"></rect>
<rect class="day" width="10" height="10" x="-20" y="52" fill="rgb(255,247,251)" data-count="0" data-date="2020-08-28"></rect>
<rect class="day" width="10" height="10" x="-20" y="65" fill="rgb(255,247,251)" data-count="0" data-date="2020-08-29"></rect>
<rect class="day" width="10" height="10" x="-20" 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="10" height="10" x="-21" y="0" fill="rgb(255,247,251)" data-count="0" data-date="2020-08-31"></rect>
<rect class="day" width="10" height="10" x="-21" y="13" fill="rgb(255,247,251)" data-count="0" data-date="2020-09-01"></rect>
<rect class="day" width="10" height="10" x="-21" y="26" fill="rgb(255,247,251)" data-count="0" data-date="2020-09-02"></rect>
<rect class="day" width="10" height="10" x="-21" y="39" fill="rgb(255,247,251)" data-count="0" data-date="2020-09-03"></rect>
<rect class="day" width="10" height="10" x="-21" y="52" fill="rgb(255,247,251)" data-count="0" data-date="2020-09-04"></rect>
<rect class="day" width="10" height="10" x="-21" y="65" fill="rgb(255,247,251)" data-count="0" data-date="2020-09-05"></rect>
<rect class="day" width="10" height="10" x="-21" 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="10" height="10" x="-22" y="0" fill="rgb(255,247,251)" data-count="0" data-date="2020-09-07"></rect>
<rect class="day" width="10" height="10" x="-22" y="13" fill="rgb(255,247,251)" data-count="0" data-date="2020-09-08"></rect>
<rect class="day" width="10" height="10" x="-22" y="26" fill="rgb(255,247,251)" data-count="0" data-date="2020-09-09"></rect>
<rect class="day" width="10" height="10" x="-22" y="39" fill="rgb(255,247,251)" data-count="0" data-date="2020-09-10"></rect>
<rect class="day" width="10" height="10" x="-22" y="52" fill="rgb(255,247,251)" data-count="0" data-date="2020-09-11"></rect>
<rect class="day" width="10" height="10" x="-22" y="65" fill="rgb(255,247,251)" data-count="0" data-date="2020-09-12"></rect>
<rect class="day" width="10" height="10" x="-22" 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="10" height="10" x="-23" y="0" fill="rgb(255,247,251)" data-count="0" data-date="2020-09-14"></rect>
<rect class="day" width="10" height="10" x="-23" y="13" fill="rgb(255,247,251)" data-count="0" data-date="2020-09-15"></rect>
<rect class="day" width="10" height="10" x="-23" y="26" fill="rgb(255,247,251)" data-count="0" data-date="2020-09-16"></rect>
<rect class="day" width="10" height="10" x="-23" y="39" fill="rgb(255,247,251)" data-count="0" data-date="2020-09-17"></rect>
<rect class="day" width="10" height="10" x="-23" y="52" fill="rgb(255,247,251)" data-count="0" data-date="2020-09-18"></rect>
<rect class="day" width="10" height="10" x="-23" y="65" fill="rgb(255,247,251)" data-count="0" data-date="2020-09-19"></rect>
<rect class="day" width="10" height="10" x="-23" 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="10" height="10" x="-24" y="0" fill="rgb(255,247,251)" data-count="0" data-date="2020-09-21"></rect>
<rect class="day" width="10" height="10" x="-24" y="13" fill="rgb(255,247,251)" data-count="0" data-date="2020-09-22"></rect>
<rect class="day" width="10" height="10" x="-24" y="26" fill="rgb(255,247,251)" data-count="0" data-date="2020-09-23"></rect>
<rect class="day" width="10" height="10" x="-24" y="39" fill="rgb(255,247,251)" data-count="0" data-date="2020-09-24"></rect>
<rect class="day" width="10" height="10" x="-24" y="52" fill="rgb(255,247,251)" data-count="0" data-date="2020-09-25"></rect>
<rect class="day" width="10" height="10" x="-24" y="65" fill="rgb(255,247,251)" data-count="0" data-date="2020-09-26"></rect>
<rect class="day" width="10" height="10" x="-24" 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="10" height="10" x="-25" y="0" fill="rgb(255,247,251)" data-count="0" data-date="2020-09-28"></rect>
<rect class="day" width="10" height="10" x="-25" y="13" fill="rgb(255,247,251)" data-count="0" data-date="2020-09-29"></rect>
<rect class="day" width="10" height="10" x="-25" y="26" fill="rgb(255,247,251)" data-count="0" data-date="2020-09-30"></rect>
<rect class="day" width="10" height="10" x="-25" y="39" fill="rgb(255,247,251)" data-count="0" data-date="2020-10-01"></rect>
<rect class="day" width="10" height="10" x="-25" y="52" fill="rgb(255,247,251)" data-count="0" data-date="2020-10-02"></rect>
<rect class="day" width="10" height="10" x="-25" y="65" fill="rgb(255,247,251)" data-count="0" data-date="2020-10-03"></rect>
<rect class="day" width="10" height="10" x="-25" 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="10" height="10" x="-26" y="0" fill="rgb(255,247,251)" data-count="0" data-date="2020-10-05"></rect>
<rect class="day" width="10" height="10" x="-26" y="13" fill="rgb(255,247,251)" data-count="0" data-date="2020-10-06"></rect>
<rect class="day" width="10" height="10" x="-26" y="26" fill="rgb(255,247,251)" data-count="0" data-date="2020-10-07"></rect>
<rect class="day" width="10" height="10" x="-26" y="39" fill="rgb(255,247,251)" data-count="0" data-date="2020-10-08"></rect>
<rect class="day" width="10" height="10" x="-26" y="52" fill="rgb(255,247,251)" data-count="0" data-date="2020-10-09"></rect>
<rect class="day" width="10" height="10" x="-26" y="65" fill="rgb(255,247,251)" data-count="0" data-date="2020-10-10"></rect>
<rect class="day" width="10" height="10" x="-26" 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="10" height="10" x="-27" y="0" fill="rgb(255,247,251)" data-count="0" data-date="2020-10-12"></rect>
<rect class="day" width="10" height="10" x="-27" y="13" fill="rgb(255,247,251)" data-count="0" data-date="2020-10-13"></rect>
<rect class="day" width="10" height="10" x="-27" y="26" fill="rgb(255,247,251)" data-count="0" data-date="2020-10-14"></rect>
<rect class="day" width="10" height="10" x="-27" y="39" fill="rgb(255,247,251)" data-count="0" data-date="2020-10-15"></rect>
<rect class="day" width="10" height="10" x="-27" y="52" fill="rgb(255,247,251)" data-count="0" data-date="2020-10-16"></rect>
<rect class="day" width="10" height="10" x="-27" y="65" fill="rgb(255,247,251)" data-count="0" data-date="2020-10-17"></rect>
<rect class="day" width="10" height="10" x="-27" 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="10" height="10" x="-28" y="0" fill="rgb(255,247,251)" data-count="0" data-date="2020-10-19"></rect>
<rect class="day" width="10" height="10" x="-28" y="13" fill="rgb(255,247,251)" data-count="0" data-date="2020-10-20"></rect>
<rect class="day" width="10" height="10" x="-28" y="26" fill="rgb(255,247,251)" data-count="0" data-date="2020-10-21"></rect>
<rect class="day" width="10" height="10" x="-28" y="39" fill="rgb(255,247,251)" data-count="0" data-date="2020-10-22"></rect>
<rect class="day" width="10" height="10" x="-28" y="52" fill="rgb(255,247,251)" data-count="0" data-date="2020-10-23"></rect>
<rect class="day" width="10" height="10" x="-28" y="65" fill="rgb(255,247,251)" data-count="0" data-date="2020-10-24"></rect>
<rect class="day" width="10" height="10" x="-28" 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="10" height="10" x="-29" y="0" fill="rgb(255,247,251)" data-count="0" data-date="2020-10-26"></rect>
<rect class="day" width="10" height="10" x="-29" y="13" fill="rgb(255,247,251)" data-count="0" data-date="2020-10-27"></rect>
<rect class="day" width="10" height="10" x="-29" y="26" fill="rgb(255,247,251)" data-count="0" data-date="2020-10-28"></rect>
<rect class="day" width="10" height="10" x="-29" y="39" fill="rgb(255,247,251)" data-count="0" data-date="2020-10-29"></rect>
<rect class="day" width="10" height="10" x="-29" y="52" fill="rgb(255,247,251)" data-count="0" data-date="2020-10-30"></rect>
<rect class="day" width="10" height="10" x="-29" y="65" fill="rgb(255,247,251)" data-count="0" data-date="2020-10-31"></rect>
<rect class="day" width="10" height="10" x="-29" 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="10" height="10" x="-30" y="0" fill="rgb(255,247,251)" data-count="0" data-date="2020-11-02"></rect>
<rect class="day" width="10" height="10" x="-30" y="13" fill="rgb(255,247,251)" data-count="0" data-date="2020-11-03"></rect>
<rect class="day" width="10" height="10" x="-30" y="26" fill="rgb(255,247,251)" data-count="0" data-date="2020-11-04"></rect>
<rect class="day" width="10" height="10" x="-30" y="39" fill="rgb(255,247,251)" data-count="0" data-date="2020-11-05"></rect>
<rect class="day" width="10" height="10" x="-30" y="52" fill="rgb(255,247,251)" data-count="0" data-date="2020-11-06"></rect>
<rect class="day" width="10" height="10" x="-30" y="65" fill="rgb(255,247,251)" data-count="0" data-date="2020-11-07"></rect>
<rect class="day" width="10" height="10" x="-30" 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="10" height="10" x="-31" y="0" fill="rgb(255,247,251)" data-count="0" data-date="2020-11-09"></rect>
<rect class="day" width="10" height="10" x="-31" y="13" fill="rgb(255,247,251)" data-count="0" data-date="2020-11-10"></rect>
<rect class="day" width="10" height="10" x="-31" y="26" fill="rgb(255,247,251)" data-count="0" data-date="2020-11-11"></rect>
<rect class="day" width="10" height="10" x="-31" y="39" fill="rgb(255,247,251)" data-count="0" data-date="2020-11-12"></rect>
<rect class="day" width="10" height="10" x="-31" y="52" fill="rgb(255,247,251)" data-count="0" data-date="2020-11-13"></rect>
<rect class="day" width="10" height="10" x="-31" y="65" fill="rgb(255,247,251)" data-count="0" data-date="2020-11-14"></rect>
<rect class="day" width="10" height="10" x="-31" 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="10" height="10" x="-32" y="0" fill="rgb(255,247,251)" data-count="0" data-date="2020-11-16"></rect>
<rect class="day" width="10" height="10" x="-32" y="13" fill="rgb(255,247,251)" data-count="0" data-date="2020-11-17"></rect>
<rect class="day" width="10" height="10" x="-32" y="26" fill="rgb(255,247,251)" data-count="0" data-date="2020-11-18"></rect>
<rect class="day" width="10" height="10" x="-32" y="39" fill="rgb(255,247,251)" data-count="0" data-date="2020-11-19"></rect>
<rect class="day" width="10" height="10" x="-32" y="52" fill="rgb(255,247,251)" data-count="0" data-date="2020-11-20"></rect>
<rect class="day" width="10" height="10" x="-32" y="65" fill="rgb(255,247,251)" data-count="0" data-date="2020-11-21"></rect>
<rect class="day" width="10" height="10" x="-32" 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="10" height="10" x="-33" y="0" fill="rgb(255,247,251)" data-count="0" data-date="2020-11-23"></rect>
<rect class="day" width="10" height="10" x="-33" y="13" fill="rgb(255,247,251)" data-count="0" data-date="2020-11-24"></rect>
<rect class="day" width="10" height="10" x="-33" y="26" fill="rgb(255,247,251)" data-count="0" data-date="2020-11-25"></rect>
<rect class="day" width="10" height="10" x="-33" y="39" fill="rgb(255,247,251)" data-count="0" data-date="2020-11-26"></rect>
<rect class="day" width="10" height="10" x="-33" y="52" fill="rgb(255,247,251)" data-count="0" data-date="2020-11-27"></rect>
<rect class="day" width="10" height="10" x="-33" y="65" fill="rgb(255,247,251)" data-count="0" data-date="2020-11-28"></rect>
<rect class="day" width="10" height="10" x="-33" 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="10" height="10" x="-34" y="0" fill="rgb(255,247,251)" data-count="0" data-date="2020-11-30"></rect>
<rect class="day" width="10" height="10" x="-34" y="13" fill="rgb(255,247,251)" data-count="0" data-date="2020-12-01"></rect>
<rect class="day" width="10" height="10" x="-34" y="26" fill="rgb(255,247,251)" data-count="0" data-date="2020-12-02"></rect>
<rect class="day" width="10" height="10" x="-34" y="39" fill="rgb(255,247,251)" data-count="0" data-date="2020-12-03"></rect>
<rect class="day" width="10" height="10" x="-34" y="52" fill="rgb(255,247,251)" data-count="0" data-date="2020-12-04"></rect>
<rect class="day" width="10" height="10" x="-34" y="65" fill="rgb(255,247,251)" data-count="0" data-date="2020-12-05"></rect>
<rect class="day" width="10" height="10" x="-34" 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="10" height="10" x="-35" y="0" fill="rgb(255,247,251)" data-count="0" data-date="2020-12-07"></rect>
<rect class="day" width="10" height="10" x="-35" y="13" fill="rgb(255,247,251)" data-count="0" data-date="2020-12-08"></rect>
<rect class="day" width="10" height="10" x="-35" y="26" fill="rgb(255,247,251)" data-count="0" data-date="2020-12-09"></rect>
<rect class="day" width="10" height="10" x="-35" y="39" fill="rgb(255,247,251)" data-count="0" data-date="2020-12-10"></rect>
<rect class="day" width="10" height="10" x="-35" y="52" fill="rgb(255,247,251)" data-count="0" data-date="2020-12-11"></rect>
<rect class="day" width="10" height="10" x="-35" y="65" fill="rgb(255,247,251)" data-count="0" data-date="2020-12-12"></rect>
<rect class="day" width="10" height="10" x="-35" 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="10" height="10" x="-36" y="0" fill="rgb(255,247,251)" data-count="0" data-date="2020-12-14"></rect>
<rect class="day" width="10" height="10" x="-36" y="13" fill="rgb(255,247,251)" data-count="0" data-date="2020-12-15"></rect>
<rect class="day" width="10" height="10" x="-36" y="26" fill="rgb(255,247,251)" data-count="0" data-date="2020-12-16"></rect>
<rect class="day" width="10" height="10" x="-36" y="39" fill="rgb(255,247,251)" data-count="0" data-date="2020-12-17"></rect>
<rect class="day" width="10" height="10" x="-36" y="52" fill="rgb(255,247,251)" data-count="0" data-date="2020-12-18"></rect>
<rect class="day" width="10" height="10" x="-36" y="65" fill="rgb(255,247,251)" data-count="0" data-date="2020-12-19"></rect>
<rect class="day" width="10" height="10" x="-36" 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="10" height="10" x="-37" y="0" fill="rgb(255,247,251)" data-count="0" data-date="2020-12-21"></rect>
<rect class="day" width="10" height="10" x="-37" y="13" fill="rgb(255,247,251)" data-count="0" data-date="2020-12-22"></rect>
<rect class="day" width="10" height="10" x="-37" y="26" fill="rgb(255,247,251)" data-count="0" data-date="2020-12-23"></rect>
<rect class="day" width="10" height="10" x="-37" y="39" fill="rgb(255,247,251)" data-count="0" data-date="2020-12-24"></rect>
<rect class="day" width="10" height="10" x="-37" y="52" fill="rgb(255,247,251)" data-count="0" data-date="2020-12-25"></rect>
<rect class="day" width="10" height="10" x="-37" y="65" fill="rgb(255,247,251)" data-count="0" data-date="2020-12-26"></rect>
<rect class="day" width="10" height="10" x="-37" 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="10" height="10" x="-38" y="0" fill="rgb(255,247,251)" data-count="0" data-date="2020-12-28"></rect>
<rect class="day" width="10" height="10" x="-38" y="13" fill="rgb(255,247,251)" data-count="0" data-date="2020-12-29"></rect>
<rect class="day" width="10" height="10" x="-38" y="26" fill="rgb(255,247,251)" data-count="0" data-date="2020-12-30"></rect>
<rect class="day" width="10" height="10" x="-38" y="39" fill="rgb(255,247,251)" data-count="0" data-date="2020-12-31"></rect>
</g>
<text x="14" y="-7" font-size="10px" fill="rgb(100,100,100)">Jan</text>
<text x="66" y="-7" font-size="10px" fill="rgb(100,100,100)">Feb</text>
<text x="118" y="-7" font-size="10px" fill="rgb(100,100,100)">Mar</text>
<text x="170" y="-7" font-size="10px" fill="rgb(100,100,100)">Apr</text>
<text x="222" y="-7" font-size="10px" fill="rgb(100,100,100)">May</text>
<text x="274" y="-7" font-size="10px" fill="rgb(100,100,100)">Jun</text>
<text x="326" y="-7" font-size="10px" fill="rgb(100,100,100)">Jul</text>
<text x="378" y="-7" font-size="10px" fill="rgb(100,100,100)">Aug</text>
<text x="430" y="-7" font-size="10px" fill="rgb(100,100,100)">Sep</text>
<text x="482" y="-7" font-size="10px" fill="rgb(100,100,100)">Oct</text>
<text x="534" y="-7" font-size="10px" fill="rgb(100,100,100)">Nov</text>
<text x="586" y="-7" font-size="10px" fill="rgb(100,100,100)">Dec</text>
<text text-anchor="start" font-size="9px" dx="-10" dy="8" fill="rgb(100,100,100)" >Sun</text>
<text text-anchor="start" font-size="9px" dx="-10" dy="21" fill="rgb(100,100,100)" >Mon</text>
<text text-anchor="start" font-size="9px" dx="-10" dy="34" fill="rgb(100,100,100)" >Tue</text>
<text text-anchor="start" font-size="9px" dx="-10" dy="47" fill="rgb(100,100,100)" >Wed</text>
<text text-anchor="start" font-size="9px" dx="-10" dy="60" fill="rgb(100,100,100)" >Thu</text>
<text text-anchor="start" font-size="9px" dx="-10" dy="73" fill="rgb(100,100,100)" >Fri</text>
<text text-anchor="start" font-size="9px" dx="-10" dy="86" fill="rgb(100,100,100)" >Sat</text>
</g></svg>

Before

Width:  |  Height:  |  Size: 50 KiB

View File

@ -1,557 +0,0 @@
<svg width="722" 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="10" height="10" x="14" y="65" fill="rgb(255,247,251)" data-count="0" data-date="1972-01-01"></rect>
<rect class="day" width="10" height="10" x="14" y="78" fill="rgb(255,247,251)" data-count="0" data-date="1972-01-02"></rect>
</g>
<g transform="translate(14, 0)">
<rect class="day" width="10" height="10" x="13" y="0" fill="rgb(255,247,251)" data-count="0" data-date="1972-01-03"></rect>
<rect class="day" width="10" height="10" x="13" y="13" fill="rgb(255,247,251)" data-count="0" data-date="1972-01-04"></rect>
<rect class="day" width="10" height="10" x="13" y="26" fill="rgb(255,247,251)" data-count="0" data-date="1972-01-05"></rect>
<rect class="day" width="10" height="10" x="13" y="39" fill="rgb(255,247,251)" data-count="0" data-date="1972-01-06"></rect>
<rect class="day" width="10" height="10" x="13" y="52" fill="rgb(255,247,251)" data-count="0" data-date="1972-01-07"></rect>
<rect class="day" width="10" height="10" x="13" y="65" fill="rgb(255,247,251)" data-count="0" data-date="1972-01-08"></rect>
<rect class="day" width="10" height="10" x="13" y="78" fill="rgb(255,247,251)" data-count="0" data-date="1972-01-09"></rect>
</g>
<g transform="translate(28, 0)">
<rect class="day" width="10" height="10" x="12" y="0" fill="rgb(255,247,251)" data-count="0" data-date="1972-01-10"></rect>
<rect class="day" width="10" height="10" x="12" y="13" fill="rgb(255,247,251)" data-count="0" data-date="1972-01-11"></rect>
<rect class="day" width="10" height="10" x="12" y="26" fill="rgb(255,247,251)" data-count="0" data-date="1972-01-12"></rect>
<rect class="day" width="10" height="10" x="12" y="39" fill="rgb(255,247,251)" data-count="0" data-date="1972-01-13"></rect>
<rect class="day" width="10" height="10" x="12" y="52" fill="rgb(255,247,251)" data-count="0" data-date="1972-01-14"></rect>
<rect class="day" width="10" height="10" x="12" y="65" fill="rgb(255,247,251)" data-count="0" data-date="1972-01-15"></rect>
<rect class="day" width="10" height="10" x="12" y="78" fill="rgb(255,247,251)" data-count="0" data-date="1972-01-16"></rect>
</g>
<g transform="translate(42, 0)">
<rect class="day" width="10" height="10" x="11" y="0" fill="rgb(255,247,251)" data-count="0" data-date="1972-01-17"></rect>
<rect class="day" width="10" height="10" x="11" y="13" fill="rgb(255,247,251)" data-count="0" data-date="1972-01-18"></rect>
<rect class="day" width="10" height="10" x="11" y="26" fill="rgb(255,247,251)" data-count="0" data-date="1972-01-19"></rect>
<rect class="day" width="10" height="10" x="11" y="39" fill="rgb(255,247,251)" data-count="0" data-date="1972-01-20"></rect>
<rect class="day" width="10" height="10" x="11" y="52" fill="rgb(255,247,251)" data-count="0" data-date="1972-01-21"></rect>
<rect class="day" width="10" height="10" x="11" y="65" fill="rgb(255,247,251)" data-count="0" data-date="1972-01-22"></rect>
<rect class="day" width="10" height="10" x="11" y="78" fill="rgb(255,247,251)" data-count="0" data-date="1972-01-23"></rect>
</g>
<g transform="translate(56, 0)">
<rect class="day" width="10" height="10" x="10" y="0" fill="rgb(255,247,251)" data-count="0" data-date="1972-01-24"></rect>
<rect class="day" width="10" height="10" x="10" y="13" fill="rgb(255,247,251)" data-count="0" data-date="1972-01-25"></rect>
<rect class="day" width="10" height="10" x="10" y="26" fill="rgb(255,247,251)" data-count="0" data-date="1972-01-26"></rect>
<rect class="day" width="10" height="10" x="10" y="39" fill="rgb(255,247,251)" data-count="0" data-date="1972-01-27"></rect>
<rect class="day" width="10" height="10" x="10" y="52" fill="rgb(255,247,251)" data-count="0" data-date="1972-01-28"></rect>
<rect class="day" width="10" height="10" x="10" y="65" fill="rgb(255,247,251)" data-count="0" data-date="1972-01-29"></rect>
<rect class="day" width="10" height="10" x="10" y="78" fill="rgb(255,247,251)" data-count="0" data-date="1972-01-30"></rect>
</g>
<g transform="translate(70, 0)">
<rect class="day" width="10" height="10" x="9" y="0" fill="rgb(255,247,251)" data-count="0" data-date="1972-01-31"></rect>
<rect class="day" width="10" height="10" x="9" y="13" fill="rgb(255,247,251)" data-count="0" data-date="1972-02-01"></rect>
<rect class="day" width="10" height="10" x="9" y="26" fill="rgb(255,247,251)" data-count="0" data-date="1972-02-02"></rect>
<rect class="day" width="10" height="10" x="9" y="39" fill="rgb(255,247,251)" data-count="0" data-date="1972-02-03"></rect>
<rect class="day" width="10" height="10" x="9" y="52" fill="rgb(255,247,251)" data-count="0" data-date="1972-02-04"></rect>
<rect class="day" width="10" height="10" x="9" y="65" fill="rgb(255,247,251)" data-count="0" data-date="1972-02-05"></rect>
<rect class="day" width="10" height="10" x="9" y="78" fill="rgb(255,247,251)" data-count="0" data-date="1972-02-06"></rect>
</g>
<g transform="translate(84, 0)">
<rect class="day" width="10" height="10" x="8" y="0" fill="rgb(255,247,251)" data-count="0" data-date="1972-02-07"></rect>
<rect class="day" width="10" height="10" x="8" y="13" fill="rgb(255,247,251)" data-count="0" data-date="1972-02-08"></rect>
<rect class="day" width="10" height="10" x="8" y="26" fill="rgb(255,247,251)" data-count="0" data-date="1972-02-09"></rect>
<rect class="day" width="10" height="10" x="8" y="39" fill="rgb(255,247,251)" data-count="0" data-date="1972-02-10"></rect>
<rect class="day" width="10" height="10" x="8" y="52" fill="rgb(255,247,251)" data-count="0" data-date="1972-02-11"></rect>
<rect class="day" width="10" height="10" x="8" y="65" fill="rgb(255,247,251)" data-count="0" data-date="1972-02-12"></rect>
<rect class="day" width="10" height="10" x="8" y="78" fill="rgb(255,247,251)" data-count="0" data-date="1972-02-13"></rect>
</g>
<g transform="translate(98, 0)">
<rect class="day" width="10" height="10" x="7" y="0" fill="rgb(255,247,251)" data-count="0" data-date="1972-02-14"></rect>
<rect class="day" width="10" height="10" x="7" y="13" fill="rgb(255,247,251)" data-count="0" data-date="1972-02-15"></rect>
<rect class="day" width="10" height="10" x="7" y="26" fill="rgb(255,247,251)" data-count="0" data-date="1972-02-16"></rect>
<rect class="day" width="10" height="10" x="7" y="39" fill="rgb(255,247,251)" data-count="0" data-date="1972-02-17"></rect>
<rect class="day" width="10" height="10" x="7" y="52" fill="rgb(255,247,251)" data-count="0" data-date="1972-02-18"></rect>
<rect class="day" width="10" height="10" x="7" y="65" fill="rgb(255,247,251)" data-count="0" data-date="1972-02-19"></rect>
<rect class="day" width="10" height="10" x="7" y="78" fill="rgb(255,247,251)" data-count="0" data-date="1972-02-20"></rect>
</g>
<g transform="translate(112, 0)">
<rect class="day" width="10" height="10" x="6" y="0" fill="rgb(255,247,251)" data-count="0" data-date="1972-02-21"></rect>
<rect class="day" width="10" height="10" x="6" y="13" fill="rgb(255,247,251)" data-count="0" data-date="1972-02-22"></rect>
<rect class="day" width="10" height="10" x="6" y="26" fill="rgb(255,247,251)" data-count="0" data-date="1972-02-23"></rect>
<rect class="day" width="10" height="10" x="6" y="39" fill="rgb(255,247,251)" data-count="0" data-date="1972-02-24"></rect>
<rect class="day" width="10" height="10" x="6" y="52" fill="rgb(255,247,251)" data-count="0" data-date="1972-02-25"></rect>
<rect class="day" width="10" height="10" x="6" y="65" fill="rgb(255,247,251)" data-count="0" data-date="1972-02-26"></rect>
<rect class="day" width="10" height="10" x="6" y="78" fill="rgb(255,247,251)" data-count="0" data-date="1972-02-27"></rect>
</g>
<g transform="translate(126, 0)">
<rect class="day" width="10" height="10" x="5" y="0" fill="rgb(255,247,251)" data-count="0" data-date="1972-02-28"></rect>
<rect class="day" width="10" height="10" x="5" y="13" fill="rgb(255,247,251)" data-count="0" data-date="1972-02-29"></rect>
<rect class="day" width="10" height="10" x="5" y="26" fill="rgb(255,247,251)" data-count="0" data-date="1972-03-01"></rect>
<rect class="day" width="10" height="10" x="5" y="39" fill="rgb(255,247,251)" data-count="0" data-date="1972-03-02"></rect>
<rect class="day" width="10" height="10" x="5" y="52" fill="rgb(255,247,251)" data-count="0" data-date="1972-03-03"></rect>
<rect class="day" width="10" height="10" x="5" y="65" fill="rgb(255,247,251)" data-count="0" data-date="1972-03-04"></rect>
<rect class="day" width="10" height="10" x="5" y="78" fill="rgb(255,247,251)" data-count="0" data-date="1972-03-05"></rect>
</g>
<g transform="translate(140, 0)">
<rect class="day" width="10" height="10" x="4" y="0" fill="rgb(255,247,251)" data-count="0" data-date="1972-03-06"></rect>
<rect class="day" width="10" height="10" x="4" y="13" fill="rgb(255,247,251)" data-count="0" data-date="1972-03-07"></rect>
<rect class="day" width="10" height="10" x="4" y="26" fill="rgb(255,247,251)" data-count="0" data-date="1972-03-08"></rect>
<rect class="day" width="10" height="10" x="4" y="39" fill="rgb(255,247,251)" data-count="0" data-date="1972-03-09"></rect>
<rect class="day" width="10" height="10" x="4" y="52" fill="rgb(255,247,251)" data-count="0" data-date="1972-03-10"></rect>
<rect class="day" width="10" height="10" x="4" y="65" fill="rgb(255,247,251)" data-count="0" data-date="1972-03-11"></rect>
<rect class="day" width="10" height="10" x="4" y="78" fill="rgb(255,247,251)" data-count="0" data-date="1972-03-12"></rect>
</g>
<g transform="translate(154, 0)">
<rect class="day" width="10" height="10" x="3" y="0" fill="rgb(255,247,251)" data-count="0" data-date="1972-03-13"></rect>
<rect class="day" width="10" height="10" x="3" y="13" fill="rgb(255,247,251)" data-count="0" data-date="1972-03-14"></rect>
<rect class="day" width="10" height="10" x="3" y="26" fill="rgb(255,247,251)" data-count="0" data-date="1972-03-15"></rect>
<rect class="day" width="10" height="10" x="3" y="39" fill="rgb(255,247,251)" data-count="0" data-date="1972-03-16"></rect>
<rect class="day" width="10" height="10" x="3" y="52" fill="rgb(255,247,251)" data-count="0" data-date="1972-03-17"></rect>
<rect class="day" width="10" height="10" x="3" y="65" fill="rgb(255,247,251)" data-count="0" data-date="1972-03-18"></rect>
<rect class="day" width="10" height="10" x="3" y="78" fill="rgb(255,247,251)" data-count="0" data-date="1972-03-19"></rect>
</g>
<g transform="translate(168, 0)">
<rect class="day" width="10" height="10" x="2" y="0" fill="rgb(255,247,251)" data-count="0" data-date="1972-03-20"></rect>
<rect class="day" width="10" height="10" x="2" y="13" fill="rgb(255,247,251)" data-count="0" data-date="1972-03-21"></rect>
<rect class="day" width="10" height="10" x="2" y="26" fill="rgb(255,247,251)" data-count="0" data-date="1972-03-22"></rect>
<rect class="day" width="10" height="10" x="2" y="39" fill="rgb(255,247,251)" data-count="0" data-date="1972-03-23"></rect>
<rect class="day" width="10" height="10" x="2" y="52" fill="rgb(255,247,251)" data-count="0" data-date="1972-03-24"></rect>
<rect class="day" width="10" height="10" x="2" y="65" fill="rgb(255,247,251)" data-count="0" data-date="1972-03-25"></rect>
<rect class="day" width="10" height="10" x="2" y="78" fill="rgb(255,247,251)" data-count="0" data-date="1972-03-26"></rect>
</g>
<g transform="translate(182, 0)">
<rect class="day" width="10" height="10" x="1" y="0" fill="rgb(255,247,251)" data-count="0" data-date="1972-03-27"></rect>
<rect class="day" width="10" height="10" x="1" y="13" fill="rgb(255,247,251)" data-count="0" data-date="1972-03-28"></rect>
<rect class="day" width="10" height="10" x="1" y="26" fill="rgb(255,247,251)" data-count="0" data-date="1972-03-29"></rect>
<rect class="day" width="10" height="10" x="1" y="39" fill="rgb(255,247,251)" data-count="0" data-date="1972-03-30"></rect>
<rect class="day" width="10" height="10" x="1" y="52" fill="rgb(255,247,251)" data-count="0" data-date="1972-03-31"></rect>
<rect class="day" width="10" height="10" x="1" y="65" fill="rgb(255,247,251)" data-count="0" data-date="1972-04-01"></rect>
<rect class="day" width="10" height="10" x="1" y="78" fill="rgb(255,247,251)" data-count="0" data-date="1972-04-02"></rect>
</g>
<g transform="translate(196, 0)">
<rect class="day" width="10" height="10" x="0" y="0" fill="rgb(255,247,251)" data-count="0" data-date="1972-04-03"></rect>
<rect class="day" width="10" height="10" x="0" y="13" fill="rgb(255,247,251)" data-count="0" data-date="1972-04-04"></rect>
<rect class="day" width="10" height="10" x="0" y="26" fill="rgb(255,247,251)" data-count="0" data-date="1972-04-05"></rect>
<rect class="day" width="10" height="10" x="0" y="39" fill="rgb(255,247,251)" data-count="0" data-date="1972-04-06"></rect>
<rect class="day" width="10" height="10" x="0" y="52" fill="rgb(255,247,251)" data-count="0" data-date="1972-04-07"></rect>
<rect class="day" width="10" height="10" x="0" y="65" fill="rgb(255,247,251)" data-count="0" data-date="1972-04-08"></rect>
<rect class="day" width="10" height="10" x="0" y="78" fill="rgb(255,247,251)" data-count="0" data-date="1972-04-09"></rect>
</g>
<g transform="translate(210, 0)">
<rect class="day" width="10" height="10" x="-1" y="0" fill="rgb(255,247,251)" data-count="0" data-date="1972-04-10"></rect>
<rect class="day" width="10" height="10" x="-1" y="13" fill="rgb(255,247,251)" data-count="0" data-date="1972-04-11"></rect>
<rect class="day" width="10" height="10" x="-1" y="26" fill="rgb(255,247,251)" data-count="0" data-date="1972-04-12"></rect>
<rect class="day" width="10" height="10" x="-1" y="39" fill="rgb(255,247,251)" data-count="0" data-date="1972-04-13"></rect>
<rect class="day" width="10" height="10" x="-1" y="52" fill="rgb(255,247,251)" data-count="0" data-date="1972-04-14"></rect>
<rect class="day" width="10" height="10" x="-1" y="65" fill="rgb(255,247,251)" data-count="0" data-date="1972-04-15"></rect>
<rect class="day" width="10" height="10" x="-1" y="78" fill="rgb(255,247,251)" data-count="0" data-date="1972-04-16"></rect>
</g>
<g transform="translate(224, 0)">
<rect class="day" width="10" height="10" x="-2" y="0" fill="rgb(255,247,251)" data-count="0" data-date="1972-04-17"></rect>
<rect class="day" width="10" height="10" x="-2" y="13" fill="rgb(255,247,251)" data-count="0" data-date="1972-04-18"></rect>
<rect class="day" width="10" height="10" x="-2" y="26" fill="rgb(255,247,251)" data-count="0" data-date="1972-04-19"></rect>
<rect class="day" width="10" height="10" x="-2" y="39" fill="rgb(255,247,251)" data-count="0" data-date="1972-04-20"></rect>
<rect class="day" width="10" height="10" x="-2" y="52" fill="rgb(255,247,251)" data-count="0" data-date="1972-04-21"></rect>
<rect class="day" width="10" height="10" x="-2" y="65" fill="rgb(255,247,251)" data-count="0" data-date="1972-04-22"></rect>
<rect class="day" width="10" height="10" x="-2" y="78" fill="rgb(255,247,251)" data-count="0" data-date="1972-04-23"></rect>
</g>
<g transform="translate(238, 0)">
<rect class="day" width="10" height="10" x="-3" y="0" fill="rgb(255,247,251)" data-count="0" data-date="1972-04-24"></rect>
<rect class="day" width="10" height="10" x="-3" y="13" fill="rgb(255,247,251)" data-count="0" data-date="1972-04-25"></rect>
<rect class="day" width="10" height="10" x="-3" y="26" fill="rgb(255,247,251)" data-count="0" data-date="1972-04-26"></rect>
<rect class="day" width="10" height="10" x="-3" y="39" fill="rgb(255,247,251)" data-count="0" data-date="1972-04-27"></rect>
<rect class="day" width="10" height="10" x="-3" y="52" fill="rgb(255,247,251)" data-count="0" data-date="1972-04-28"></rect>
<rect class="day" width="10" height="10" x="-3" y="65" fill="rgb(255,247,251)" data-count="0" data-date="1972-04-29"></rect>
<rect class="day" width="10" height="10" x="-3" y="78" fill="rgb(255,247,251)" data-count="0" data-date="1972-04-30"></rect>
</g>
<g transform="translate(252, 0)">
<rect class="day" width="10" height="10" x="-4" y="0" fill="rgb(255,247,251)" data-count="0" data-date="1972-05-01"></rect>
<rect class="day" width="10" height="10" x="-4" y="13" fill="rgb(255,247,251)" data-count="0" data-date="1972-05-02"></rect>
<rect class="day" width="10" height="10" x="-4" y="26" fill="rgb(255,247,251)" data-count="0" data-date="1972-05-03"></rect>
<rect class="day" width="10" height="10" x="-4" y="39" fill="rgb(255,247,251)" data-count="0" data-date="1972-05-04"></rect>
<rect class="day" width="10" height="10" x="-4" y="52" fill="rgb(255,247,251)" data-count="0" data-date="1972-05-05"></rect>
<rect class="day" width="10" height="10" x="-4" y="65" fill="rgb(255,247,251)" data-count="0" data-date="1972-05-06"></rect>
<rect class="day" width="10" height="10" x="-4" y="78" fill="rgb(255,247,251)" data-count="0" data-date="1972-05-07"></rect>
</g>
<g transform="translate(266, 0)">
<rect class="day" width="10" height="10" x="-5" y="0" fill="rgb(255,247,251)" data-count="0" data-date="1972-05-08"></rect>
<rect class="day" width="10" height="10" x="-5" y="13" fill="rgb(255,247,251)" data-count="0" data-date="1972-05-09"></rect>
<rect class="day" width="10" height="10" x="-5" y="26" fill="rgb(255,247,251)" data-count="0" data-date="1972-05-10"></rect>
<rect class="day" width="10" height="10" x="-5" y="39" fill="rgb(255,247,251)" data-count="0" data-date="1972-05-11"></rect>
<rect class="day" width="10" height="10" x="-5" y="52" fill="rgb(255,247,251)" data-count="0" data-date="1972-05-12"></rect>
<rect class="day" width="10" height="10" x="-5" y="65" fill="rgb(255,247,251)" data-count="0" data-date="1972-05-13"></rect>
<rect class="day" width="10" height="10" x="-5" y="78" fill="rgb(255,247,251)" data-count="0" data-date="1972-05-14"></rect>
</g>
<g transform="translate(280, 0)">
<rect class="day" width="10" height="10" x="-6" y="0" fill="rgb(255,247,251)" data-count="0" data-date="1972-05-15"></rect>
<rect class="day" width="10" height="10" x="-6" y="13" fill="rgb(255,247,251)" data-count="0" data-date="1972-05-16"></rect>
<rect class="day" width="10" height="10" x="-6" y="26" fill="rgb(255,247,251)" data-count="0" data-date="1972-05-17"></rect>
<rect class="day" width="10" height="10" x="-6" y="39" fill="rgb(255,247,251)" data-count="0" data-date="1972-05-18"></rect>
<rect class="day" width="10" height="10" x="-6" y="52" fill="rgb(255,247,251)" data-count="0" data-date="1972-05-19"></rect>
<rect class="day" width="10" height="10" x="-6" y="65" fill="rgb(255,247,251)" data-count="0" data-date="1972-05-20"></rect>
<rect class="day" width="10" height="10" x="-6" y="78" fill="rgb(255,247,251)" data-count="0" data-date="1972-05-21"></rect>
</g>
<g transform="translate(294, 0)">
<rect class="day" width="10" height="10" x="-7" y="0" fill="rgb(255,247,251)" data-count="0" data-date="1972-05-22"></rect>
<rect class="day" width="10" height="10" x="-7" y="13" fill="rgb(255,247,251)" data-count="0" data-date="1972-05-23"></rect>
<rect class="day" width="10" height="10" x="-7" y="26" fill="rgb(255,247,251)" data-count="0" data-date="1972-05-24"></rect>
<rect class="day" width="10" height="10" x="-7" y="39" fill="rgb(255,247,251)" data-count="0" data-date="1972-05-25"></rect>
<rect class="day" width="10" height="10" x="-7" y="52" fill="rgb(255,247,251)" data-count="0" data-date="1972-05-26"></rect>
<rect class="day" width="10" height="10" x="-7" y="65" fill="rgb(255,247,251)" data-count="0" data-date="1972-05-27"></rect>
<rect class="day" width="10" height="10" x="-7" y="78" fill="rgb(255,247,251)" data-count="0" data-date="1972-05-28"></rect>
</g>
<g transform="translate(308, 0)">
<rect class="day" width="10" height="10" x="-8" y="0" fill="rgb(255,247,251)" data-count="0" data-date="1972-05-29"></rect>
<rect class="day" width="10" height="10" x="-8" y="13" fill="rgb(255,247,251)" data-count="0" data-date="1972-05-30"></rect>
<rect class="day" width="10" height="10" x="-8" y="26" fill="rgb(255,247,251)" data-count="0" data-date="1972-05-31"></rect>
<rect class="day" width="10" height="10" x="-8" y="39" fill="rgb(255,247,251)" data-count="0" data-date="1972-06-01"></rect>
<rect class="day" width="10" height="10" x="-8" y="52" fill="rgb(255,247,251)" data-count="0" data-date="1972-06-02"></rect>
<rect class="day" width="10" height="10" x="-8" y="65" fill="rgb(255,247,251)" data-count="0" data-date="1972-06-03"></rect>
<rect class="day" width="10" height="10" x="-8" y="78" fill="rgb(255,247,251)" data-count="0" data-date="1972-06-04"></rect>
</g>
<g transform="translate(322, 0)">
<rect class="day" width="10" height="10" x="-9" y="0" fill="rgb(255,247,251)" data-count="0" data-date="1972-06-05"></rect>
<rect class="day" width="10" height="10" x="-9" y="13" fill="rgb(255,247,251)" data-count="0" data-date="1972-06-06"></rect>
<rect class="day" width="10" height="10" x="-9" y="26" fill="rgb(255,247,251)" data-count="0" data-date="1972-06-07"></rect>
<rect class="day" width="10" height="10" x="-9" y="39" fill="rgb(255,247,251)" data-count="0" data-date="1972-06-08"></rect>
<rect class="day" width="10" height="10" x="-9" y="52" fill="rgb(255,247,251)" data-count="0" data-date="1972-06-09"></rect>
<rect class="day" width="10" height="10" x="-9" y="65" fill="rgb(255,247,251)" data-count="0" data-date="1972-06-10"></rect>
<rect class="day" width="10" height="10" x="-9" y="78" fill="rgb(255,247,251)" data-count="0" data-date="1972-06-11"></rect>
</g>
<g transform="translate(336, 0)">
<rect class="day" width="10" height="10" x="-10" y="0" fill="rgb(255,247,251)" data-count="0" data-date="1972-06-12"></rect>
<rect class="day" width="10" height="10" x="-10" y="13" fill="rgb(255,247,251)" data-count="0" data-date="1972-06-13"></rect>
<rect class="day" width="10" height="10" x="-10" y="26" fill="rgb(255,247,251)" data-count="0" data-date="1972-06-14"></rect>
<rect class="day" width="10" height="10" x="-10" y="39" fill="rgb(255,247,251)" data-count="0" data-date="1972-06-15"></rect>
<rect class="day" width="10" height="10" x="-10" y="52" fill="rgb(255,247,251)" data-count="0" data-date="1972-06-16"></rect>
<rect class="day" width="10" height="10" x="-10" y="65" fill="rgb(255,247,251)" data-count="0" data-date="1972-06-17"></rect>
<rect class="day" width="10" height="10" x="-10" y="78" fill="rgb(255,247,251)" data-count="0" data-date="1972-06-18"></rect>
</g>
<g transform="translate(350, 0)">
<rect class="day" width="10" height="10" x="-11" y="0" fill="rgb(255,247,251)" data-count="0" data-date="1972-06-19"></rect>
<rect class="day" width="10" height="10" x="-11" y="13" fill="rgb(255,247,251)" data-count="0" data-date="1972-06-20"></rect>
<rect class="day" width="10" height="10" x="-11" y="26" fill="rgb(255,247,251)" data-count="0" data-date="1972-06-21"></rect>
<rect class="day" width="10" height="10" x="-11" y="39" fill="rgb(255,247,251)" data-count="0" data-date="1972-06-22"></rect>
<rect class="day" width="10" height="10" x="-11" y="52" fill="rgb(255,247,251)" data-count="0" data-date="1972-06-23"></rect>
<rect class="day" width="10" height="10" x="-11" y="65" fill="rgb(255,247,251)" data-count="0" data-date="1972-06-24"></rect>
<rect class="day" width="10" height="10" x="-11" y="78" fill="rgb(255,247,251)" data-count="0" data-date="1972-06-25"></rect>
</g>
<g transform="translate(364, 0)">
<rect class="day" width="10" height="10" x="-12" y="0" fill="rgb(255,247,251)" data-count="0" data-date="1972-06-26"></rect>
<rect class="day" width="10" height="10" x="-12" y="13" fill="rgb(255,247,251)" data-count="0" data-date="1972-06-27"></rect>
<rect class="day" width="10" height="10" x="-12" y="26" fill="rgb(255,247,251)" data-count="0" data-date="1972-06-28"></rect>
<rect class="day" width="10" height="10" x="-12" y="39" fill="rgb(255,247,251)" data-count="0" data-date="1972-06-29"></rect>
<rect class="day" width="10" height="10" x="-12" y="52" fill="rgb(255,247,251)" data-count="0" data-date="1972-06-30"></rect>
<rect class="day" width="10" height="10" x="-12" y="65" fill="rgb(255,247,251)" data-count="0" data-date="1972-07-01"></rect>
<rect class="day" width="10" height="10" x="-12" y="78" fill="rgb(255,247,251)" data-count="0" data-date="1972-07-02"></rect>
</g>
<g transform="translate(378, 0)">
<rect class="day" width="10" height="10" x="-13" y="0" fill="rgb(255,247,251)" data-count="0" data-date="1972-07-03"></rect>
<rect class="day" width="10" height="10" x="-13" y="13" fill="rgb(255,247,251)" data-count="0" data-date="1972-07-04"></rect>
<rect class="day" width="10" height="10" x="-13" y="26" fill="rgb(255,247,251)" data-count="0" data-date="1972-07-05"></rect>
<rect class="day" width="10" height="10" x="-13" y="39" fill="rgb(255,247,251)" data-count="0" data-date="1972-07-06"></rect>
<rect class="day" width="10" height="10" x="-13" y="52" fill="rgb(255,247,251)" data-count="0" data-date="1972-07-07"></rect>
<rect class="day" width="10" height="10" x="-13" y="65" fill="rgb(255,247,251)" data-count="0" data-date="1972-07-08"></rect>
<rect class="day" width="10" height="10" x="-13" y="78" fill="rgb(255,247,251)" data-count="0" data-date="1972-07-09"></rect>
</g>
<g transform="translate(392, 0)">
<rect class="day" width="10" height="10" x="-14" y="0" fill="rgb(255,247,251)" data-count="0" data-date="1972-07-10"></rect>
<rect class="day" width="10" height="10" x="-14" y="13" fill="rgb(255,247,251)" data-count="0" data-date="1972-07-11"></rect>
<rect class="day" width="10" height="10" x="-14" y="26" fill="rgb(255,247,251)" data-count="0" data-date="1972-07-12"></rect>
<rect class="day" width="10" height="10" x="-14" y="39" fill="rgb(255,247,251)" data-count="0" data-date="1972-07-13"></rect>
<rect class="day" width="10" height="10" x="-14" y="52" fill="rgb(255,247,251)" data-count="0" data-date="1972-07-14"></rect>
<rect class="day" width="10" height="10" x="-14" y="65" fill="rgb(255,247,251)" data-count="0" data-date="1972-07-15"></rect>
<rect class="day" width="10" height="10" x="-14" y="78" fill="rgb(255,247,251)" data-count="0" data-date="1972-07-16"></rect>
</g>
<g transform="translate(406, 0)">
<rect class="day" width="10" height="10" x="-15" y="0" fill="rgb(255,247,251)" data-count="0" data-date="1972-07-17"></rect>
<rect class="day" width="10" height="10" x="-15" y="13" fill="rgb(255,247,251)" data-count="0" data-date="1972-07-18"></rect>
<rect class="day" width="10" height="10" x="-15" y="26" fill="rgb(255,247,251)" data-count="0" data-date="1972-07-19"></rect>
<rect class="day" width="10" height="10" x="-15" y="39" fill="rgb(255,247,251)" data-count="0" data-date="1972-07-20"></rect>
<rect class="day" width="10" height="10" x="-15" y="52" fill="rgb(255,247,251)" data-count="0" data-date="1972-07-21"></rect>
<rect class="day" width="10" height="10" x="-15" y="65" fill="rgb(255,247,251)" data-count="0" data-date="1972-07-22"></rect>
<rect class="day" width="10" height="10" x="-15" y="78" fill="rgb(255,247,251)" data-count="0" data-date="1972-07-23"></rect>
</g>
<g transform="translate(420, 0)">
<rect class="day" width="10" height="10" x="-16" y="0" fill="rgb(255,247,251)" data-count="0" data-date="1972-07-24"></rect>
<rect class="day" width="10" height="10" x="-16" y="13" fill="rgb(255,247,251)" data-count="0" data-date="1972-07-25"></rect>
<rect class="day" width="10" height="10" x="-16" y="26" fill="rgb(255,247,251)" data-count="0" data-date="1972-07-26"></rect>
<rect class="day" width="10" height="10" x="-16" y="39" fill="rgb(255,247,251)" data-count="0" data-date="1972-07-27"></rect>
<rect class="day" width="10" height="10" x="-16" y="52" fill="rgb(255,247,251)" data-count="0" data-date="1972-07-28"></rect>
<rect class="day" width="10" height="10" x="-16" y="65" fill="rgb(255,247,251)" data-count="0" data-date="1972-07-29"></rect>
<rect class="day" width="10" height="10" x="-16" y="78" fill="rgb(255,247,251)" data-count="0" data-date="1972-07-30"></rect>
</g>
<g transform="translate(434, 0)">
<rect class="day" width="10" height="10" x="-17" y="0" fill="rgb(255,247,251)" data-count="0" data-date="1972-07-31"></rect>
<rect class="day" width="10" height="10" x="-17" y="13" fill="rgb(255,247,251)" data-count="0" data-date="1972-08-01"></rect>
<rect class="day" width="10" height="10" x="-17" y="26" fill="rgb(255,247,251)" data-count="0" data-date="1972-08-02"></rect>
<rect class="day" width="10" height="10" x="-17" y="39" fill="rgb(255,247,251)" data-count="0" data-date="1972-08-03"></rect>
<rect class="day" width="10" height="10" x="-17" y="52" fill="rgb(255,247,251)" data-count="0" data-date="1972-08-04"></rect>
<rect class="day" width="10" height="10" x="-17" y="65" fill="rgb(255,247,251)" data-count="0" data-date="1972-08-05"></rect>
<rect class="day" width="10" height="10" x="-17" y="78" fill="rgb(255,247,251)" data-count="0" data-date="1972-08-06"></rect>
</g>
<g transform="translate(448, 0)">
<rect class="day" width="10" height="10" x="-18" y="0" fill="rgb(255,247,251)" data-count="0" data-date="1972-08-07"></rect>
<rect class="day" width="10" height="10" x="-18" y="13" fill="rgb(255,247,251)" data-count="0" data-date="1972-08-08"></rect>
<rect class="day" width="10" height="10" x="-18" y="26" fill="rgb(255,247,251)" data-count="0" data-date="1972-08-09"></rect>
<rect class="day" width="10" height="10" x="-18" y="39" fill="rgb(255,247,251)" data-count="0" data-date="1972-08-10"></rect>
<rect class="day" width="10" height="10" x="-18" y="52" fill="rgb(255,247,251)" data-count="0" data-date="1972-08-11"></rect>
<rect class="day" width="10" height="10" x="-18" y="65" fill="rgb(255,247,251)" data-count="0" data-date="1972-08-12"></rect>
<rect class="day" width="10" height="10" x="-18" y="78" fill="rgb(255,247,251)" data-count="0" data-date="1972-08-13"></rect>
</g>
<g transform="translate(462, 0)">
<rect class="day" width="10" height="10" x="-19" y="0" fill="rgb(255,247,251)" data-count="0" data-date="1972-08-14"></rect>
<rect class="day" width="10" height="10" x="-19" y="13" fill="rgb(255,247,251)" data-count="0" data-date="1972-08-15"></rect>
<rect class="day" width="10" height="10" x="-19" y="26" fill="rgb(255,247,251)" data-count="0" data-date="1972-08-16"></rect>
<rect class="day" width="10" height="10" x="-19" y="39" fill="rgb(255,247,251)" data-count="0" data-date="1972-08-17"></rect>
<rect class="day" width="10" height="10" x="-19" y="52" fill="rgb(255,247,251)" data-count="0" data-date="1972-08-18"></rect>
<rect class="day" width="10" height="10" x="-19" y="65" fill="rgb(255,247,251)" data-count="0" data-date="1972-08-19"></rect>
<rect class="day" width="10" height="10" x="-19" y="78" fill="rgb(255,247,251)" data-count="0" data-date="1972-08-20"></rect>
</g>
<g transform="translate(476, 0)">
<rect class="day" width="10" height="10" x="-20" y="0" fill="rgb(255,247,251)" data-count="0" data-date="1972-08-21"></rect>
<rect class="day" width="10" height="10" x="-20" y="13" fill="rgb(255,247,251)" data-count="0" data-date="1972-08-22"></rect>
<rect class="day" width="10" height="10" x="-20" y="26" fill="rgb(255,247,251)" data-count="0" data-date="1972-08-23"></rect>
<rect class="day" width="10" height="10" x="-20" y="39" fill="rgb(255,247,251)" data-count="0" data-date="1972-08-24"></rect>
<rect class="day" width="10" height="10" x="-20" y="52" fill="rgb(255,247,251)" data-count="0" data-date="1972-08-25"></rect>
<rect class="day" width="10" height="10" x="-20" y="65" fill="rgb(255,247,251)" data-count="0" data-date="1972-08-26"></rect>
<rect class="day" width="10" height="10" x="-20" y="78" fill="rgb(255,247,251)" data-count="0" data-date="1972-08-27"></rect>
</g>
<g transform="translate(490, 0)">
<rect class="day" width="10" height="10" x="-21" y="0" fill="rgb(255,247,251)" data-count="0" data-date="1972-08-28"></rect>
<rect class="day" width="10" height="10" x="-21" y="13" fill="rgb(255,247,251)" data-count="0" data-date="1972-08-29"></rect>
<rect class="day" width="10" height="10" x="-21" y="26" fill="rgb(255,247,251)" data-count="0" data-date="1972-08-30"></rect>
<rect class="day" width="10" height="10" x="-21" y="39" fill="rgb(255,247,251)" data-count="0" data-date="1972-08-31"></rect>
<rect class="day" width="10" height="10" x="-21" y="52" fill="rgb(255,247,251)" data-count="0" data-date="1972-09-01"></rect>
<rect class="day" width="10" height="10" x="-21" y="65" fill="rgb(255,247,251)" data-count="0" data-date="1972-09-02"></rect>
<rect class="day" width="10" height="10" x="-21" y="78" fill="rgb(255,247,251)" data-count="0" data-date="1972-09-03"></rect>
</g>
<g transform="translate(504, 0)">
<rect class="day" width="10" height="10" x="-22" y="0" fill="rgb(255,247,251)" data-count="0" data-date="1972-09-04"></rect>
<rect class="day" width="10" height="10" x="-22" y="13" fill="rgb(255,247,251)" data-count="0" data-date="1972-09-05"></rect>
<rect class="day" width="10" height="10" x="-22" y="26" fill="rgb(255,247,251)" data-count="0" data-date="1972-09-06"></rect>
<rect class="day" width="10" height="10" x="-22" y="39" fill="rgb(255,247,251)" data-count="0" data-date="1972-09-07"></rect>
<rect class="day" width="10" height="10" x="-22" y="52" fill="rgb(255,247,251)" data-count="0" data-date="1972-09-08"></rect>
<rect class="day" width="10" height="10" x="-22" y="65" fill="rgb(255,247,251)" data-count="0" data-date="1972-09-09"></rect>
<rect class="day" width="10" height="10" x="-22" y="78" fill="rgb(255,247,251)" data-count="0" data-date="1972-09-10"></rect>
</g>
<g transform="translate(518, 0)">
<rect class="day" width="10" height="10" x="-23" y="0" fill="rgb(255,247,251)" data-count="0" data-date="1972-09-11"></rect>
<rect class="day" width="10" height="10" x="-23" y="13" fill="rgb(255,247,251)" data-count="0" data-date="1972-09-12"></rect>
<rect class="day" width="10" height="10" x="-23" y="26" fill="rgb(255,247,251)" data-count="0" data-date="1972-09-13"></rect>
<rect class="day" width="10" height="10" x="-23" y="39" fill="rgb(255,247,251)" data-count="0" data-date="1972-09-14"></rect>
<rect class="day" width="10" height="10" x="-23" y="52" fill="rgb(255,247,251)" data-count="0" data-date="1972-09-15"></rect>
<rect class="day" width="10" height="10" x="-23" y="65" fill="rgb(255,247,251)" data-count="0" data-date="1972-09-16"></rect>
<rect class="day" width="10" height="10" x="-23" y="78" fill="rgb(255,247,251)" data-count="0" data-date="1972-09-17"></rect>
</g>
<g transform="translate(532, 0)">
<rect class="day" width="10" height="10" x="-24" y="0" fill="rgb(255,247,251)" data-count="0" data-date="1972-09-18"></rect>
<rect class="day" width="10" height="10" x="-24" y="13" fill="rgb(255,247,251)" data-count="0" data-date="1972-09-19"></rect>
<rect class="day" width="10" height="10" x="-24" y="26" fill="rgb(255,247,251)" data-count="0" data-date="1972-09-20"></rect>
<rect class="day" width="10" height="10" x="-24" y="39" fill="rgb(255,247,251)" data-count="0" data-date="1972-09-21"></rect>
<rect class="day" width="10" height="10" x="-24" y="52" fill="rgb(255,247,251)" data-count="0" data-date="1972-09-22"></rect>
<rect class="day" width="10" height="10" x="-24" y="65" fill="rgb(255,247,251)" data-count="0" data-date="1972-09-23"></rect>
<rect class="day" width="10" height="10" x="-24" y="78" fill="rgb(255,247,251)" data-count="0" data-date="1972-09-24"></rect>
</g>
<g transform="translate(546, 0)">
<rect class="day" width="10" height="10" x="-25" y="0" fill="rgb(255,247,251)" data-count="0" data-date="1972-09-25"></rect>
<rect class="day" width="10" height="10" x="-25" y="13" fill="rgb(255,247,251)" data-count="0" data-date="1972-09-26"></rect>
<rect class="day" width="10" height="10" x="-25" y="26" fill="rgb(255,247,251)" data-count="0" data-date="1972-09-27"></rect>
<rect class="day" width="10" height="10" x="-25" y="39" fill="rgb(255,247,251)" data-count="0" data-date="1972-09-28"></rect>
<rect class="day" width="10" height="10" x="-25" y="52" fill="rgb(255,247,251)" data-count="0" data-date="1972-09-29"></rect>
<rect class="day" width="10" height="10" x="-25" y="65" fill="rgb(255,247,251)" data-count="0" data-date="1972-09-30"></rect>
<rect class="day" width="10" height="10" x="-25" y="78" fill="rgb(255,247,251)" data-count="0" data-date="1972-10-01"></rect>
</g>
<g transform="translate(560, 0)">
<rect class="day" width="10" height="10" x="-26" y="0" fill="rgb(255,247,251)" data-count="0" data-date="1972-10-02"></rect>
<rect class="day" width="10" height="10" x="-26" y="13" fill="rgb(255,247,251)" data-count="0" data-date="1972-10-03"></rect>
<rect class="day" width="10" height="10" x="-26" y="26" fill="rgb(255,247,251)" data-count="0" data-date="1972-10-04"></rect>
<rect class="day" width="10" height="10" x="-26" y="39" fill="rgb(255,247,251)" data-count="0" data-date="1972-10-05"></rect>
<rect class="day" width="10" height="10" x="-26" y="52" fill="rgb(255,247,251)" data-count="0" data-date="1972-10-06"></rect>
<rect class="day" width="10" height="10" x="-26" y="65" fill="rgb(255,247,251)" data-count="0" data-date="1972-10-07"></rect>
<rect class="day" width="10" height="10" x="-26" y="78" fill="rgb(255,247,251)" data-count="0" data-date="1972-10-08"></rect>
</g>
<g transform="translate(574, 0)">
<rect class="day" width="10" height="10" x="-27" y="0" fill="rgb(255,247,251)" data-count="0" data-date="1972-10-09"></rect>
<rect class="day" width="10" height="10" x="-27" y="13" fill="rgb(255,247,251)" data-count="0" data-date="1972-10-10"></rect>
<rect class="day" width="10" height="10" x="-27" y="26" fill="rgb(255,247,251)" data-count="0" data-date="1972-10-11"></rect>
<rect class="day" width="10" height="10" x="-27" y="39" fill="rgb(255,247,251)" data-count="0" data-date="1972-10-12"></rect>
<rect class="day" width="10" height="10" x="-27" y="52" fill="rgb(255,247,251)" data-count="0" data-date="1972-10-13"></rect>
<rect class="day" width="10" height="10" x="-27" y="65" fill="rgb(255,247,251)" data-count="0" data-date="1972-10-14"></rect>
<rect class="day" width="10" height="10" x="-27" y="78" fill="rgb(255,247,251)" data-count="0" data-date="1972-10-15"></rect>
</g>
<g transform="translate(588, 0)">
<rect class="day" width="10" height="10" x="-28" y="0" fill="rgb(255,247,251)" data-count="0" data-date="1972-10-16"></rect>
<rect class="day" width="10" height="10" x="-28" y="13" fill="rgb(255,247,251)" data-count="0" data-date="1972-10-17"></rect>
<rect class="day" width="10" height="10" x="-28" y="26" fill="rgb(255,247,251)" data-count="0" data-date="1972-10-18"></rect>
<rect class="day" width="10" height="10" x="-28" y="39" fill="rgb(255,247,251)" data-count="0" data-date="1972-10-19"></rect>
<rect class="day" width="10" height="10" x="-28" y="52" fill="rgb(255,247,251)" data-count="0" data-date="1972-10-20"></rect>
<rect class="day" width="10" height="10" x="-28" y="65" fill="rgb(255,247,251)" data-count="0" data-date="1972-10-21"></rect>
<rect class="day" width="10" height="10" x="-28" y="78" fill="rgb(255,247,251)" data-count="0" data-date="1972-10-22"></rect>
</g>
<g transform="translate(602, 0)">
<rect class="day" width="10" height="10" x="-29" y="0" fill="rgb(255,247,251)" data-count="0" data-date="1972-10-23"></rect>
<rect class="day" width="10" height="10" x="-29" y="13" fill="rgb(255,247,251)" data-count="0" data-date="1972-10-24"></rect>
<rect class="day" width="10" height="10" x="-29" y="26" fill="rgb(255,247,251)" data-count="0" data-date="1972-10-25"></rect>
<rect class="day" width="10" height="10" x="-29" y="39" fill="rgb(255,247,251)" data-count="0" data-date="1972-10-26"></rect>
<rect class="day" width="10" height="10" x="-29" y="52" fill="rgb(255,247,251)" data-count="0" data-date="1972-10-27"></rect>
<rect class="day" width="10" height="10" x="-29" y="65" fill="rgb(255,247,251)" data-count="0" data-date="1972-10-28"></rect>
<rect class="day" width="10" height="10" x="-29" y="78" fill="rgb(255,247,251)" data-count="0" data-date="1972-10-29"></rect>
</g>
<g transform="translate(616, 0)">
<rect class="day" width="10" height="10" x="-30" y="0" fill="rgb(255,247,251)" data-count="0" data-date="1972-10-30"></rect>
<rect class="day" width="10" height="10" x="-30" y="13" fill="rgb(255,247,251)" data-count="0" data-date="1972-10-31"></rect>
<rect class="day" width="10" height="10" x="-30" y="26" fill="rgb(255,247,251)" data-count="0" data-date="1972-11-01"></rect>
<rect class="day" width="10" height="10" x="-30" y="39" fill="rgb(255,247,251)" data-count="0" data-date="1972-11-02"></rect>
<rect class="day" width="10" height="10" x="-30" y="52" fill="rgb(255,247,251)" data-count="0" data-date="1972-11-03"></rect>
<rect class="day" width="10" height="10" x="-30" y="65" fill="rgb(255,247,251)" data-count="0" data-date="1972-11-04"></rect>
<rect class="day" width="10" height="10" x="-30" y="78" fill="rgb(255,247,251)" data-count="0" data-date="1972-11-05"></rect>
</g>
<g transform="translate(630, 0)">
<rect class="day" width="10" height="10" x="-31" y="0" fill="rgb(255,247,251)" data-count="0" data-date="1972-11-06"></rect>
<rect class="day" width="10" height="10" x="-31" y="13" fill="rgb(255,247,251)" data-count="0" data-date="1972-11-07"></rect>
<rect class="day" width="10" height="10" x="-31" y="26" fill="rgb(255,247,251)" data-count="0" data-date="1972-11-08"></rect>
<rect class="day" width="10" height="10" x="-31" y="39" fill="rgb(255,247,251)" data-count="0" data-date="1972-11-09"></rect>
<rect class="day" width="10" height="10" x="-31" y="52" fill="rgb(255,247,251)" data-count="0" data-date="1972-11-10"></rect>
<rect class="day" width="10" height="10" x="-31" y="65" fill="rgb(255,247,251)" data-count="0" data-date="1972-11-11"></rect>
<rect class="day" width="10" height="10" x="-31" y="78" fill="rgb(255,247,251)" data-count="0" data-date="1972-11-12"></rect>
</g>
<g transform="translate(644, 0)">
<rect class="day" width="10" height="10" x="-32" y="0" fill="rgb(255,247,251)" data-count="0" data-date="1972-11-13"></rect>
<rect class="day" width="10" height="10" x="-32" y="13" fill="rgb(255,247,251)" data-count="0" data-date="1972-11-14"></rect>
<rect class="day" width="10" height="10" x="-32" y="26" fill="rgb(255,247,251)" data-count="0" data-date="1972-11-15"></rect>
<rect class="day" width="10" height="10" x="-32" y="39" fill="rgb(255,247,251)" data-count="0" data-date="1972-11-16"></rect>
<rect class="day" width="10" height="10" x="-32" y="52" fill="rgb(255,247,251)" data-count="0" data-date="1972-11-17"></rect>
<rect class="day" width="10" height="10" x="-32" y="65" fill="rgb(255,247,251)" data-count="0" data-date="1972-11-18"></rect>
<rect class="day" width="10" height="10" x="-32" y="78" fill="rgb(255,247,251)" data-count="0" data-date="1972-11-19"></rect>
</g>
<g transform="translate(658, 0)">
<rect class="day" width="10" height="10" x="-33" y="0" fill="rgb(255,247,251)" data-count="0" data-date="1972-11-20"></rect>
<rect class="day" width="10" height="10" x="-33" y="13" fill="rgb(255,247,251)" data-count="0" data-date="1972-11-21"></rect>
<rect class="day" width="10" height="10" x="-33" y="26" fill="rgb(255,247,251)" data-count="0" data-date="1972-11-22"></rect>
<rect class="day" width="10" height="10" x="-33" y="39" fill="rgb(255,247,251)" data-count="0" data-date="1972-11-23"></rect>
<rect class="day" width="10" height="10" x="-33" y="52" fill="rgb(255,247,251)" data-count="0" data-date="1972-11-24"></rect>
<rect class="day" width="10" height="10" x="-33" y="65" fill="rgb(255,247,251)" data-count="0" data-date="1972-11-25"></rect>
<rect class="day" width="10" height="10" x="-33" y="78" fill="rgb(255,247,251)" data-count="0" data-date="1972-11-26"></rect>
</g>
<g transform="translate(672, 0)">
<rect class="day" width="10" height="10" x="-34" y="0" fill="rgb(255,247,251)" data-count="0" data-date="1972-11-27"></rect>
<rect class="day" width="10" height="10" x="-34" y="13" fill="rgb(255,247,251)" data-count="0" data-date="1972-11-28"></rect>
<rect class="day" width="10" height="10" x="-34" y="26" fill="rgb(255,247,251)" data-count="0" data-date="1972-11-29"></rect>
<rect class="day" width="10" height="10" x="-34" y="39" fill="rgb(255,247,251)" data-count="0" data-date="1972-11-30"></rect>
<rect class="day" width="10" height="10" x="-34" y="52" fill="rgb(255,247,251)" data-count="0" data-date="1972-12-01"></rect>
<rect class="day" width="10" height="10" x="-34" y="65" fill="rgb(255,247,251)" data-count="0" data-date="1972-12-02"></rect>
<rect class="day" width="10" height="10" x="-34" y="78" fill="rgb(255,247,251)" data-count="0" data-date="1972-12-03"></rect>
</g>
<g transform="translate(686, 0)">
<rect class="day" width="10" height="10" x="-35" y="0" fill="rgb(255,247,251)" data-count="0" data-date="1972-12-04"></rect>
<rect class="day" width="10" height="10" x="-35" y="13" fill="rgb(255,247,251)" data-count="0" data-date="1972-12-05"></rect>
<rect class="day" width="10" height="10" x="-35" y="26" fill="rgb(255,247,251)" data-count="0" data-date="1972-12-06"></rect>
<rect class="day" width="10" height="10" x="-35" y="39" fill="rgb(255,247,251)" data-count="0" data-date="1972-12-07"></rect>
<rect class="day" width="10" height="10" x="-35" y="52" fill="rgb(255,247,251)" data-count="0" data-date="1972-12-08"></rect>
<rect class="day" width="10" height="10" x="-35" y="65" fill="rgb(255,247,251)" data-count="0" data-date="1972-12-09"></rect>
<rect class="day" width="10" height="10" x="-35" y="78" fill="rgb(255,247,251)" data-count="0" data-date="1972-12-10"></rect>
</g>
<g transform="translate(700, 0)">
<rect class="day" width="10" height="10" x="-36" y="0" fill="rgb(255,247,251)" data-count="0" data-date="1972-12-11"></rect>
<rect class="day" width="10" height="10" x="-36" y="13" fill="rgb(255,247,251)" data-count="0" data-date="1972-12-12"></rect>
<rect class="day" width="10" height="10" x="-36" y="26" fill="rgb(255,247,251)" data-count="0" data-date="1972-12-13"></rect>
<rect class="day" width="10" height="10" x="-36" y="39" fill="rgb(255,247,251)" data-count="0" data-date="1972-12-14"></rect>
<rect class="day" width="10" height="10" x="-36" y="52" fill="rgb(255,247,251)" data-count="0" data-date="1972-12-15"></rect>
<rect class="day" width="10" height="10" x="-36" y="65" fill="rgb(255,247,251)" data-count="0" data-date="1972-12-16"></rect>
<rect class="day" width="10" height="10" x="-36" y="78" fill="rgb(255,247,251)" data-count="0" data-date="1972-12-17"></rect>
</g>
<g transform="translate(714, 0)">
<rect class="day" width="10" height="10" x="-37" y="0" fill="rgb(255,247,251)" data-count="0" data-date="1972-12-18"></rect>
<rect class="day" width="10" height="10" x="-37" y="13" fill="rgb(255,247,251)" data-count="0" data-date="1972-12-19"></rect>
<rect class="day" width="10" height="10" x="-37" y="26" fill="rgb(255,247,251)" data-count="0" data-date="1972-12-20"></rect>
<rect class="day" width="10" height="10" x="-37" y="39" fill="rgb(255,247,251)" data-count="0" data-date="1972-12-21"></rect>
<rect class="day" width="10" height="10" x="-37" y="52" fill="rgb(255,247,251)" data-count="0" data-date="1972-12-22"></rect>
<rect class="day" width="10" height="10" x="-37" y="65" fill="rgb(255,247,251)" data-count="0" data-date="1972-12-23"></rect>
<rect class="day" width="10" height="10" x="-37" y="78" fill="rgb(255,247,251)" data-count="0" data-date="1972-12-24"></rect>
</g>
<g transform="translate(728, 0)">
<rect class="day" width="10" height="10" x="-38" y="0" fill="rgb(255,247,251)" data-count="0" data-date="1972-12-25"></rect>
<rect class="day" width="10" height="10" x="-38" y="13" fill="rgb(255,247,251)" data-count="0" data-date="1972-12-26"></rect>
<rect class="day" width="10" height="10" x="-38" y="26" fill="rgb(255,247,251)" data-count="0" data-date="1972-12-27"></rect>
<rect class="day" width="10" height="10" x="-38" y="39" fill="rgb(255,247,251)" data-count="0" data-date="1972-12-28"></rect>
<rect class="day" width="10" height="10" x="-38" y="52" fill="rgb(255,247,251)" data-count="0" data-date="1972-12-29"></rect>
<rect class="day" width="10" height="10" x="-38" y="65" fill="rgb(255,247,251)" data-count="0" data-date="1972-12-30"></rect>
<rect class="day" width="10" height="10" x="-38" y="78" fill="rgb(255,247,251)" data-count="0" data-date="1972-12-31"></rect>
</g>
<text x="14" y="-7" font-size="10px" fill="rgb(100,100,100)">Jan</text>
<text x="66" y="-7" font-size="10px" fill="rgb(100,100,100)">Feb</text>
<text x="118" y="-7" font-size="10px" fill="rgb(100,100,100)">Mar</text>
<text x="170" y="-7" font-size="10px" fill="rgb(100,100,100)">Apr</text>
<text x="222" y="-7" font-size="10px" fill="rgb(100,100,100)">May</text>
<text x="274" y="-7" font-size="10px" fill="rgb(100,100,100)">Jun</text>
<text x="326" y="-7" font-size="10px" fill="rgb(100,100,100)">Jul</text>
<text x="378" y="-7" font-size="10px" fill="rgb(100,100,100)">Aug</text>
<text x="430" y="-7" font-size="10px" fill="rgb(100,100,100)">Sep</text>
<text x="482" y="-7" font-size="10px" fill="rgb(100,100,100)">Oct</text>
<text x="534" y="-7" font-size="10px" fill="rgb(100,100,100)">Nov</text>
<text x="586" y="-7" font-size="10px" fill="rgb(100,100,100)">Dec</text>
<text text-anchor="start" font-size="9px" dx="-10" dy="8" fill="rgb(100,100,100)" >Sun</text>
<text text-anchor="start" font-size="9px" dx="-10" dy="21" fill="rgb(100,100,100)" >Mon</text>
<text text-anchor="start" font-size="9px" dx="-10" dy="34" fill="rgb(100,100,100)" >Tue</text>
<text text-anchor="start" font-size="9px" dx="-10" dy="47" fill="rgb(100,100,100)" >Wed</text>
<text text-anchor="start" font-size="9px" dx="-10" dy="60" fill="rgb(100,100,100)" >Thu</text>
<text text-anchor="start" font-size="9px" dx="-10" dy="73" fill="rgb(100,100,100)" >Fri</text>
<text text-anchor="start" font-size="9px" dx="-10" dy="86" fill="rgb(100,100,100)" >Sat</text>
</g></svg>

Before

Width:  |  Height:  |  Size: 50 KiB

View File

@ -1,557 +0,0 @@
<svg width="722" 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="10" height="10" x="14" y="26" fill="rgb(255,247,251)" data-count="0" data-date="2020-01-01"></rect>
<rect class="day" width="10" height="10" x="14" y="39" fill="rgb(255,247,251)" data-count="0" data-date="2020-01-02"></rect>
<rect class="day" width="10" height="10" x="14" y="52" fill="rgb(255,247,251)" data-count="0" data-date="2020-01-03"></rect>
<rect class="day" width="10" height="10" x="14" y="65" fill="rgb(255,247,251)" data-count="0" data-date="2020-01-04"></rect>
<rect class="day" width="10" height="10" x="14" 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="10" height="10" x="13" y="0" fill="rgb(255,247,251)" data-count="0" data-date="2020-01-06"></rect>
<rect class="day" width="10" height="10" x="13" y="13" fill="rgb(255,247,251)" data-count="0" data-date="2020-01-07"></rect>
<rect class="day" width="10" height="10" x="13" y="26" fill="rgb(255,247,251)" data-count="0" data-date="2020-01-08"></rect>
<rect class="day" width="10" height="10" x="13" y="39" fill="rgb(255,247,251)" data-count="0" data-date="2020-01-09"></rect>
<rect class="day" width="10" height="10" x="13" y="52" fill="rgb(255,247,251)" data-count="0" data-date="2020-01-10"></rect>
<rect class="day" width="10" height="10" x="13" y="65" fill="rgb(255,247,251)" data-count="0" data-date="2020-01-11"></rect>
<rect class="day" width="10" height="10" x="13" 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="10" height="10" x="12" y="0" fill="rgb(255,247,251)" data-count="0" data-date="2020-01-13"></rect>
<rect class="day" width="10" height="10" x="12" y="13" fill="rgb(255,247,251)" data-count="0" data-date="2020-01-14"></rect>
<rect class="day" width="10" height="10" x="12" y="26" fill="rgb(255,247,251)" data-count="0" data-date="2020-01-15"></rect>
<rect class="day" width="10" height="10" x="12" y="39" fill="rgb(255,247,251)" data-count="0" data-date="2020-01-16"></rect>
<rect class="day" width="10" height="10" x="12" y="52" fill="rgb(255,247,251)" data-count="0" data-date="2020-01-17"></rect>
<rect class="day" width="10" height="10" x="12" y="65" fill="rgb(255,247,251)" data-count="0" data-date="2020-01-18"></rect>
<rect class="day" width="10" height="10" x="12" 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="10" height="10" x="11" y="0" fill="rgb(255,247,251)" data-count="0" data-date="2020-01-20"></rect>
<rect class="day" width="10" height="10" x="11" y="13" fill="rgb(255,247,251)" data-count="0" data-date="2020-01-21"></rect>
<rect class="day" width="10" height="10" x="11" y="26" fill="rgb(255,247,251)" data-count="0" data-date="2020-01-22"></rect>
<rect class="day" width="10" height="10" x="11" y="39" fill="rgb(255,247,251)" data-count="0" data-date="2020-01-23"></rect>
<rect class="day" width="10" height="10" x="11" y="52" fill="rgb(255,247,251)" data-count="0" data-date="2020-01-24"></rect>
<rect class="day" width="10" height="10" x="11" y="65" fill="rgb(255,247,251)" data-count="0" data-date="2020-01-25"></rect>
<rect class="day" width="10" height="10" x="11" 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="10" height="10" x="10" y="0" fill="rgb(255,247,251)" data-count="0" data-date="2020-01-27"></rect>
<rect class="day" width="10" height="10" x="10" y="13" fill="rgb(255,247,251)" data-count="0" data-date="2020-01-28"></rect>
<rect class="day" width="10" height="10" x="10" y="26" fill="rgb(255,247,251)" data-count="0" data-date="2020-01-29"></rect>
<rect class="day" width="10" height="10" x="10" y="39" fill="rgb(255,247,251)" data-count="0" data-date="2020-01-30"></rect>
<rect class="day" width="10" height="10" x="10" y="52" fill="rgb(255,247,251)" data-count="0" data-date="2020-01-31"></rect>
<rect class="day" width="10" height="10" x="10" y="65" fill="rgb(255,247,251)" data-count="0" data-date="2020-02-01"></rect>
<rect class="day" width="10" height="10" x="10" 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="10" height="10" x="9" y="0" fill="rgb(255,247,251)" data-count="0" data-date="2020-02-03"></rect>
<rect class="day" width="10" height="10" x="9" y="13" fill="rgb(255,247,251)" data-count="0" data-date="2020-02-04"></rect>
<rect class="day" width="10" height="10" x="9" y="26" fill="rgb(255,247,251)" data-count="0" data-date="2020-02-05"></rect>
<rect class="day" width="10" height="10" x="9" y="39" fill="rgb(255,247,251)" data-count="0" data-date="2020-02-06"></rect>
<rect class="day" width="10" height="10" x="9" y="52" fill="rgb(255,247,251)" data-count="0" data-date="2020-02-07"></rect>
<rect class="day" width="10" height="10" x="9" y="65" fill="rgb(255,247,251)" data-count="0" data-date="2020-02-08"></rect>
<rect class="day" width="10" height="10" x="9" 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="10" height="10" x="8" y="0" fill="rgb(255,247,251)" data-count="0" data-date="2020-02-10"></rect>
<rect class="day" width="10" height="10" x="8" y="13" fill="rgb(255,247,251)" data-count="0" data-date="2020-02-11"></rect>
<rect class="day" width="10" height="10" x="8" y="26" fill="rgb(255,247,251)" data-count="0" data-date="2020-02-12"></rect>
<rect class="day" width="10" height="10" x="8" y="39" fill="rgb(255,247,251)" data-count="0" data-date="2020-02-13"></rect>
<rect class="day" width="10" height="10" x="8" y="52" fill="rgb(255,247,251)" data-count="0" data-date="2020-02-14"></rect>
<rect class="day" width="10" height="10" x="8" y="65" fill="rgb(255,247,251)" data-count="0" data-date="2020-02-15"></rect>
<rect class="day" width="10" height="10" x="8" 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="10" height="10" x="7" y="0" fill="rgb(255,247,251)" data-count="0" data-date="2020-02-17"></rect>
<rect class="day" width="10" height="10" x="7" y="13" fill="rgb(255,247,251)" data-count="0" data-date="2020-02-18"></rect>
<rect class="day" width="10" height="10" x="7" y="26" fill="rgb(255,247,251)" data-count="0" data-date="2020-02-19"></rect>
<rect class="day" width="10" height="10" x="7" y="39" fill="rgb(255,247,251)" data-count="0" data-date="2020-02-20"></rect>
<rect class="day" width="10" height="10" x="7" y="52" fill="rgb(255,247,251)" data-count="0" data-date="2020-02-21"></rect>
<rect class="day" width="10" height="10" x="7" y="65" fill="rgb(255,247,251)" data-count="0" data-date="2020-02-22"></rect>
<rect class="day" width="10" height="10" x="7" 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="10" height="10" x="6" y="0" fill="rgb(255,247,251)" data-count="0" data-date="2020-02-24"></rect>
<rect class="day" width="10" height="10" x="6" y="13" fill="rgb(255,247,251)" data-count="0" data-date="2020-02-25"></rect>
<rect class="day" width="10" height="10" x="6" y="26" fill="rgb(255,247,251)" data-count="0" data-date="2020-02-26"></rect>
<rect class="day" width="10" height="10" x="6" y="39" fill="rgb(255,247,251)" data-count="0" data-date="2020-02-27"></rect>
<rect class="day" width="10" height="10" x="6" y="52" fill="rgb(255,247,251)" data-count="0" data-date="2020-02-28"></rect>
<rect class="day" width="10" height="10" x="6" y="65" fill="rgb(255,247,251)" data-count="0" data-date="2020-02-29"></rect>
<rect class="day" width="10" height="10" x="6" 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="10" height="10" x="5" y="0" fill="rgb(255,247,251)" data-count="0" data-date="2020-03-02"></rect>
<rect class="day" width="10" height="10" x="5" y="13" fill="rgb(255,247,251)" data-count="0" data-date="2020-03-03"></rect>
<rect class="day" width="10" height="10" x="5" y="26" fill="rgb(255,247,251)" data-count="0" data-date="2020-03-04"></rect>
<rect class="day" width="10" height="10" x="5" y="39" fill="rgb(255,247,251)" data-count="0" data-date="2020-03-05"></rect>
<rect class="day" width="10" height="10" x="5" y="52" fill="rgb(255,247,251)" data-count="0" data-date="2020-03-06"></rect>
<rect class="day" width="10" height="10" x="5" y="65" fill="rgb(255,247,251)" data-count="0" data-date="2020-03-07"></rect>
<rect class="day" width="10" height="10" x="5" 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="10" height="10" x="4" y="0" fill="rgb(255,247,251)" data-count="0" data-date="2020-03-09"></rect>
<rect class="day" width="10" height="10" x="4" y="13" fill="rgb(255,247,251)" data-count="0" data-date="2020-03-10"></rect>
<rect class="day" width="10" height="10" x="4" y="26" fill="rgb(255,247,251)" data-count="0" data-date="2020-03-11"></rect>
<rect class="day" width="10" height="10" x="4" y="39" fill="rgb(255,247,251)" data-count="0" data-date="2020-03-12"></rect>
<rect class="day" width="10" height="10" x="4" y="52" fill="rgb(255,247,251)" data-count="0" data-date="2020-03-13"></rect>
<rect class="day" width="10" height="10" x="4" y="65" fill="rgb(255,247,251)" data-count="0" data-date="2020-03-14"></rect>
<rect class="day" width="10" height="10" x="4" 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="10" height="10" x="3" y="0" fill="rgb(255,247,251)" data-count="0" data-date="2020-03-16"></rect>
<rect class="day" width="10" height="10" x="3" y="13" fill="rgb(255,247,251)" data-count="0" data-date="2020-03-17"></rect>
<rect class="day" width="10" height="10" x="3" y="26" fill="rgb(255,247,251)" data-count="0" data-date="2020-03-18"></rect>
<rect class="day" width="10" height="10" x="3" y="39" fill="rgb(255,247,251)" data-count="0" data-date="2020-03-19"></rect>
<rect class="day" width="10" height="10" x="3" y="52" fill="rgb(255,247,251)" data-count="0" data-date="2020-03-20"></rect>
<rect class="day" width="10" height="10" x="3" y="65" fill="rgb(255,247,251)" data-count="0" data-date="2020-03-21"></rect>
<rect class="day" width="10" height="10" x="3" 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="10" height="10" x="2" y="0" fill="rgb(255,247,251)" data-count="0" data-date="2020-03-23"></rect>
<rect class="day" width="10" height="10" x="2" y="13" fill="rgb(255,247,251)" data-count="0" data-date="2020-03-24"></rect>
<rect class="day" width="10" height="10" x="2" y="26" fill="rgb(255,247,251)" data-count="0" data-date="2020-03-25"></rect>
<rect class="day" width="10" height="10" x="2" y="39" fill="rgb(255,247,251)" data-count="0" data-date="2020-03-26"></rect>
<rect class="day" width="10" height="10" x="2" y="52" fill="rgb(255,247,251)" data-count="0" data-date="2020-03-27"></rect>
<rect class="day" width="10" height="10" x="2" y="65" fill="rgb(255,247,251)" data-count="0" data-date="2020-03-28"></rect>
<rect class="day" width="10" height="10" x="2" 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="10" height="10" x="1" y="0" fill="rgb(255,247,251)" data-count="0" data-date="2020-03-30"></rect>
<rect class="day" width="10" height="10" x="1" y="13" fill="rgb(255,247,251)" data-count="0" data-date="2020-03-31"></rect>
<rect class="day" width="10" height="10" x="1" y="26" fill="rgb(255,247,251)" data-count="0" data-date="2020-04-01"></rect>
<rect class="day" width="10" height="10" x="1" y="39" fill="rgb(255,247,251)" data-count="0" data-date="2020-04-02"></rect>
<rect class="day" width="10" height="10" x="1" y="52" fill="rgb(255,247,251)" data-count="0" data-date="2020-04-03"></rect>
<rect class="day" width="10" height="10" x="1" y="65" fill="rgb(255,247,251)" data-count="0" data-date="2020-04-04"></rect>
<rect class="day" width="10" height="10" x="1" 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="10" height="10" x="0" y="0" fill="rgb(255,247,251)" data-count="0" data-date="2020-04-06"></rect>
<rect class="day" width="10" height="10" x="0" y="13" fill="rgb(255,247,251)" data-count="0" data-date="2020-04-07"></rect>
<rect class="day" width="10" height="10" x="0" y="26" fill="rgb(255,247,251)" data-count="0" data-date="2020-04-08"></rect>
<rect class="day" width="10" height="10" x="0" y="39" fill="rgb(255,247,251)" data-count="0" data-date="2020-04-09"></rect>
<rect class="day" width="10" height="10" x="0" y="52" fill="rgb(255,247,251)" data-count="0" data-date="2020-04-10"></rect>
<rect class="day" width="10" height="10" x="0" y="65" fill="rgb(255,247,251)" data-count="0" data-date="2020-04-11"></rect>
<rect class="day" width="10" height="10" 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="10" height="10" x="-1" y="0" fill="rgb(255,247,251)" data-count="0" data-date="2020-04-13"></rect>
<rect class="day" width="10" height="10" x="-1" y="13" fill="rgb(255,247,251)" data-count="0" data-date="2020-04-14"></rect>
<rect class="day" width="10" height="10" x="-1" y="26" fill="rgb(255,247,251)" data-count="0" data-date="2020-04-15"></rect>
<rect class="day" width="10" height="10" x="-1" y="39" fill="rgb(255,247,251)" data-count="0" data-date="2020-04-16"></rect>
<rect class="day" width="10" height="10" x="-1" y="52" fill="rgb(255,247,251)" data-count="0" data-date="2020-04-17"></rect>
<rect class="day" width="10" height="10" x="-1" y="65" fill="rgb(255,247,251)" data-count="0" data-date="2020-04-18"></rect>
<rect class="day" width="10" height="10" x="-1" 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="10" height="10" x="-2" y="0" fill="rgb(255,247,251)" data-count="0" data-date="2020-04-20"></rect>
<rect class="day" width="10" height="10" x="-2" y="13" fill="rgb(255,247,251)" data-count="0" data-date="2020-04-21"></rect>
<rect class="day" width="10" height="10" x="-2" y="26" fill="rgb(255,247,251)" data-count="0" data-date="2020-04-22"></rect>
<rect class="day" width="10" height="10" x="-2" y="39" fill="rgb(255,247,251)" data-count="0" data-date="2020-04-23"></rect>
<rect class="day" width="10" height="10" x="-2" y="52" fill="rgb(255,247,251)" data-count="0" data-date="2020-04-24"></rect>
<rect class="day" width="10" height="10" x="-2" y="65" fill="rgb(255,247,251)" data-count="0" data-date="2020-04-25"></rect>
<rect class="day" width="10" height="10" x="-2" 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="10" height="10" x="-3" y="0" fill="rgb(255,247,251)" data-count="0" data-date="2020-04-27"></rect>
<rect class="day" width="10" height="10" x="-3" y="13" fill="rgb(255,247,251)" data-count="0" data-date="2020-04-28"></rect>
<rect class="day" width="10" height="10" x="-3" y="26" fill="rgb(255,247,251)" data-count="0" data-date="2020-04-29"></rect>
<rect class="day" width="10" height="10" x="-3" y="39" fill="rgb(255,247,251)" data-count="0" data-date="2020-04-30"></rect>
<rect class="day" width="10" height="10" x="-3" y="52" fill="rgb(255,247,251)" data-count="0" data-date="2020-05-01"></rect>
<rect class="day" width="10" height="10" x="-3" y="65" fill="rgb(255,247,251)" data-count="0" data-date="2020-05-02"></rect>
<rect class="day" width="10" height="10" x="-3" 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="10" height="10" x="-4" y="0" fill="rgb(255,247,251)" data-count="0" data-date="2020-05-04"></rect>
<rect class="day" width="10" height="10" x="-4" y="13" fill="rgb(255,247,251)" data-count="0" data-date="2020-05-05"></rect>
<rect class="day" width="10" height="10" x="-4" y="26" fill="rgb(255,247,251)" data-count="0" data-date="2020-05-06"></rect>
<rect class="day" width="10" height="10" x="-4" y="39" fill="rgb(255,247,251)" data-count="0" data-date="2020-05-07"></rect>
<rect class="day" width="10" height="10" x="-4" y="52" fill="rgb(255,247,251)" data-count="0" data-date="2020-05-08"></rect>
<rect class="day" width="10" height="10" x="-4" y="65" fill="rgb(255,247,251)" data-count="0" data-date="2020-05-09"></rect>
<rect class="day" width="10" height="10" x="-4" 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="10" height="10" x="-5" y="0" fill="rgb(255,247,251)" data-count="0" data-date="2020-05-11"></rect>
<rect class="day" width="10" height="10" x="-5" y="13" fill="rgb(255,247,251)" data-count="0" data-date="2020-05-12"></rect>
<rect class="day" width="10" height="10" x="-5" y="26" fill="rgb(255,247,251)" data-count="0" data-date="2020-05-13"></rect>
<rect class="day" width="10" height="10" x="-5" y="39" fill="rgb(255,247,251)" data-count="0" data-date="2020-05-14"></rect>
<rect class="day" width="10" height="10" x="-5" y="52" fill="rgb(255,247,251)" data-count="0" data-date="2020-05-15"></rect>
<rect class="day" width="10" height="10" x="-5" y="65" fill="rgb(255,247,251)" data-count="0" data-date="2020-05-16"></rect>
<rect class="day" width="10" height="10" x="-5" 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="10" height="10" x="-6" y="0" fill="rgb(166,189,219)" data-count="5" data-date="2020-05-18"></rect>
<rect class="day" width="10" height="10" x="-6" y="13" fill="rgb(54,144,192)" data-count="8" data-date="2020-05-19"></rect>
<rect class="day" width="10" height="10" x="-6" y="26" fill="rgb(166,189,219)" data-count="5" data-date="2020-05-20"></rect>
<rect class="day" width="10" height="10" x="-6" y="39" fill="rgb(166,189,219)" data-count="5" data-date="2020-05-21"></rect>
<rect class="day" width="10" height="10" x="-6" y="52" fill="rgb(208,209,230)" data-count="3" data-date="2020-05-22"></rect>
<rect class="day" width="10" height="10" x="-6" y="65" fill="rgb(166,189,219)" data-count="5" data-date="2020-05-23"></rect>
<rect class="day" width="10" height="10" x="-6" 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="10" height="10" x="-7" y="0" fill="rgb(208,209,230)" data-count="3" data-date="2020-05-25"></rect>
<rect class="day" width="10" height="10" x="-7" y="13" fill="rgb(166,189,219)" data-count="5" data-date="2020-05-26"></rect>
<rect class="day" width="10" height="10" x="-7" y="26" fill="rgb(54,144,192)" data-count="8" data-date="2020-05-27"></rect>
<rect class="day" width="10" height="10" x="-7" y="39" fill="rgb(236,231,242)" data-count="2" data-date="2020-05-28"></rect>
<rect class="day" width="10" height="10" x="-7" y="52" fill="rgb(236,231,242)" data-count="2" data-date="2020-05-29"></rect>
<rect class="day" width="10" height="10" x="-7" y="65" fill="rgb(54,144,192)" data-count="8" data-date="2020-05-30"></rect>
<rect class="day" width="10" height="10" x="-7" 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="10" height="10" x="-8" y="0" fill="rgb(236,231,242)" data-count="1" data-date="2020-06-01"></rect>
<rect class="day" width="10" height="10" x="-8" y="13" fill="rgb(208,209,230)" data-count="3" data-date="2020-06-02"></rect>
<rect class="day" width="10" height="10" x="-8" y="26" fill="rgb(236,231,242)" data-count="1" data-date="2020-06-03"></rect>
<rect class="day" width="10" height="10" x="-8" y="39" fill="rgb(208,209,230)" data-count="3" data-date="2020-06-04"></rect>
<rect class="day" width="10" height="10" x="-8" y="52" fill="rgb(236,231,242)" data-count="1" data-date="2020-06-05"></rect>
<rect class="day" width="10" height="10" x="-8" y="65" fill="rgb(208,209,230)" data-count="3" data-date="2020-06-06"></rect>
<rect class="day" width="10" height="10" x="-8" 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="10" height="10" x="-9" y="0" fill="rgb(255,247,251)" data-count="0" data-date="2020-06-08"></rect>
<rect class="day" width="10" height="10" x="-9" y="13" fill="rgb(236,231,242)" data-count="1" data-date="2020-06-09"></rect>
<rect class="day" width="10" height="10" x="-9" y="26" fill="rgb(236,231,242)" data-count="2" data-date="2020-06-10"></rect>
<rect class="day" width="10" height="10" x="-9" y="39" fill="rgb(255,247,251)" data-count="0" data-date="2020-06-11"></rect>
<rect class="day" width="10" height="10" x="-9" y="52" fill="rgb(5,112,176)" data-count="9" data-date="2020-06-12"></rect>
<rect class="day" width="10" height="10" x="-9" y="65" fill="rgb(116,169,207)" data-count="7" data-date="2020-06-13"></rect>
<rect class="day" width="10" height="10" x="-9" 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="10" height="10" x="-10" y="0" fill="rgb(236,231,242)" data-count="1" data-date="2020-06-15"></rect>
<rect class="day" width="10" height="10" x="-10" y="13" fill="rgb(255,247,251)" data-count="0" data-date="2020-06-16"></rect>
<rect class="day" width="10" height="10" x="-10" y="26" fill="rgb(236,231,242)" data-count="1" data-date="2020-06-17"></rect>
<rect class="day" width="10" height="10" x="-10" y="39" fill="rgb(255,247,251)" data-count="0" data-date="2020-06-18"></rect>
<rect class="day" width="10" height="10" x="-10" y="52" fill="rgb(255,247,251)" data-count="0" data-date="2020-06-19"></rect>
<rect class="day" width="10" height="10" x="-10" y="65" fill="rgb(236,231,242)" data-count="2" data-date="2020-06-20"></rect>
<rect class="day" width="10" height="10" x="-10" 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="10" height="10" x="-11" y="0" fill="rgb(255,247,251)" data-count="0" data-date="2020-06-22"></rect>
<rect class="day" width="10" height="10" x="-11" y="13" fill="rgb(236,231,242)" data-count="2" data-date="2020-06-23"></rect>
<rect class="day" width="10" height="10" x="-11" y="26" fill="rgb(236,231,242)" data-count="2" data-date="2020-06-24"></rect>
<rect class="day" width="10" height="10" x="-11" y="39" fill="rgb(208,209,230)" data-count="3" data-date="2020-06-25"></rect>
<rect class="day" width="10" height="10" x="-11" y="52" fill="rgb(208,209,230)" data-count="3" data-date="2020-06-26"></rect>
<rect class="day" width="10" height="10" x="-11" y="65" fill="rgb(236,231,242)" data-count="2" data-date="2020-06-27"></rect>
<rect class="day" width="10" height="10" x="-11" 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="10" height="10" x="-12" y="0" fill="rgb(236,231,242)" data-count="1" data-date="2020-06-29"></rect>
<rect class="day" width="10" height="10" x="-12" y="13" fill="rgb(236,231,242)" data-count="2" data-date="2020-06-30"></rect>
<rect class="day" width="10" height="10" x="-12" y="26" fill="rgb(255,247,251)" data-count="0" data-date="2020-07-01"></rect>
<rect class="day" width="10" height="10" x="-12" y="39" fill="rgb(255,247,251)" data-count="0" data-date="2020-07-02"></rect>
<rect class="day" width="10" height="10" x="-12" y="52" fill="rgb(255,247,251)" data-count="0" data-date="2020-07-03"></rect>
<rect class="day" width="10" height="10" x="-12" y="65" fill="rgb(255,247,251)" data-count="0" data-date="2020-07-04"></rect>
<rect class="day" width="10" height="10" x="-12" 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="10" height="10" x="-13" y="0" fill="rgb(255,247,251)" data-count="0" data-date="2020-07-06"></rect>
<rect class="day" width="10" height="10" x="-13" y="13" fill="rgb(255,247,251)" data-count="0" data-date="2020-07-07"></rect>
<rect class="day" width="10" height="10" x="-13" y="26" fill="rgb(255,247,251)" data-count="0" data-date="2020-07-08"></rect>
<rect class="day" width="10" height="10" x="-13" y="39" fill="rgb(255,247,251)" data-count="0" data-date="2020-07-09"></rect>
<rect class="day" width="10" height="10" x="-13" y="52" fill="rgb(255,247,251)" data-count="0" data-date="2020-07-10"></rect>
<rect class="day" width="10" height="10" x="-13" y="65" fill="rgb(255,247,251)" data-count="0" data-date="2020-07-11"></rect>
<rect class="day" width="10" height="10" x="-13" 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="10" height="10" x="-14" y="0" fill="rgb(255,247,251)" data-count="0" data-date="2020-07-13"></rect>
<rect class="day" width="10" height="10" x="-14" y="13" fill="rgb(255,247,251)" data-count="0" data-date="2020-07-14"></rect>
<rect class="day" width="10" height="10" x="-14" y="26" fill="rgb(255,247,251)" data-count="0" data-date="2020-07-15"></rect>
<rect class="day" width="10" height="10" x="-14" y="39" fill="rgb(255,247,251)" data-count="0" data-date="2020-07-16"></rect>
<rect class="day" width="10" height="10" x="-14" y="52" fill="rgb(255,247,251)" data-count="0" data-date="2020-07-17"></rect>
<rect class="day" width="10" height="10" x="-14" y="65" fill="rgb(255,247,251)" data-count="0" data-date="2020-07-18"></rect>
<rect class="day" width="10" height="10" x="-14" 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="10" height="10" x="-15" y="0" fill="rgb(255,247,251)" data-count="0" data-date="2020-07-20"></rect>
<rect class="day" width="10" height="10" x="-15" y="13" fill="rgb(255,247,251)" data-count="0" data-date="2020-07-21"></rect>
<rect class="day" width="10" height="10" x="-15" y="26" fill="rgb(255,247,251)" data-count="0" data-date="2020-07-22"></rect>
<rect class="day" width="10" height="10" x="-15" y="39" fill="rgb(255,247,251)" data-count="0" data-date="2020-07-23"></rect>
<rect class="day" width="10" height="10" x="-15" y="52" fill="rgb(255,247,251)" data-count="0" data-date="2020-07-24"></rect>
<rect class="day" width="10" height="10" x="-15" y="65" fill="rgb(255,247,251)" data-count="0" data-date="2020-07-25"></rect>
<rect class="day" width="10" height="10" x="-15" 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="10" height="10" x="-16" y="0" fill="rgb(255,247,251)" data-count="0" data-date="2020-07-27"></rect>
<rect class="day" width="10" height="10" x="-16" y="13" fill="rgb(255,247,251)" data-count="0" data-date="2020-07-28"></rect>
<rect class="day" width="10" height="10" x="-16" y="26" fill="rgb(255,247,251)" data-count="0" data-date="2020-07-29"></rect>
<rect class="day" width="10" height="10" x="-16" y="39" fill="rgb(255,247,251)" data-count="0" data-date="2020-07-30"></rect>
<rect class="day" width="10" height="10" x="-16" y="52" fill="rgb(255,247,251)" data-count="0" data-date="2020-07-31"></rect>
<rect class="day" width="10" height="10" x="-16" y="65" fill="rgb(255,247,251)" data-count="0" data-date="2020-08-01"></rect>
<rect class="day" width="10" height="10" x="-16" 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="10" height="10" x="-17" y="0" fill="rgb(255,247,251)" data-count="0" data-date="2020-08-03"></rect>
<rect class="day" width="10" height="10" x="-17" y="13" fill="rgb(255,247,251)" data-count="0" data-date="2020-08-04"></rect>
<rect class="day" width="10" height="10" x="-17" y="26" fill="rgb(255,247,251)" data-count="0" data-date="2020-08-05"></rect>
<rect class="day" width="10" height="10" x="-17" y="39" fill="rgb(255,247,251)" data-count="0" data-date="2020-08-06"></rect>
<rect class="day" width="10" height="10" x="-17" y="52" fill="rgb(255,247,251)" data-count="0" data-date="2020-08-07"></rect>
<rect class="day" width="10" height="10" x="-17" y="65" fill="rgb(255,247,251)" data-count="0" data-date="2020-08-08"></rect>
<rect class="day" width="10" height="10" x="-17" 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="10" height="10" x="-18" y="0" fill="rgb(255,247,251)" data-count="0" data-date="2020-08-10"></rect>
<rect class="day" width="10" height="10" x="-18" y="13" fill="rgb(255,247,251)" data-count="0" data-date="2020-08-11"></rect>
<rect class="day" width="10" height="10" x="-18" y="26" fill="rgb(255,247,251)" data-count="0" data-date="2020-08-12"></rect>
<rect class="day" width="10" height="10" x="-18" y="39" fill="rgb(255,247,251)" data-count="0" data-date="2020-08-13"></rect>
<rect class="day" width="10" height="10" x="-18" y="52" fill="rgb(255,247,251)" data-count="0" data-date="2020-08-14"></rect>
<rect class="day" width="10" height="10" x="-18" y="65" fill="rgb(255,247,251)" data-count="0" data-date="2020-08-15"></rect>
<rect class="day" width="10" height="10" x="-18" 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="10" height="10" x="-19" y="0" fill="rgb(255,247,251)" data-count="0" data-date="2020-08-17"></rect>
<rect class="day" width="10" height="10" x="-19" y="13" fill="rgb(255,247,251)" data-count="0" data-date="2020-08-18"></rect>
<rect class="day" width="10" height="10" x="-19" y="26" fill="rgb(255,247,251)" data-count="0" data-date="2020-08-19"></rect>
<rect class="day" width="10" height="10" x="-19" y="39" fill="rgb(255,247,251)" data-count="0" data-date="2020-08-20"></rect>
<rect class="day" width="10" height="10" x="-19" y="52" fill="rgb(255,247,251)" data-count="0" data-date="2020-08-21"></rect>
<rect class="day" width="10" height="10" x="-19" y="65" fill="rgb(255,247,251)" data-count="0" data-date="2020-08-22"></rect>
<rect class="day" width="10" height="10" x="-19" 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="10" height="10" x="-20" y="0" fill="rgb(255,247,251)" data-count="0" data-date="2020-08-24"></rect>
<rect class="day" width="10" height="10" x="-20" y="13" fill="rgb(255,247,251)" data-count="0" data-date="2020-08-25"></rect>
<rect class="day" width="10" height="10" x="-20" y="26" fill="rgb(255,247,251)" data-count="0" data-date="2020-08-26"></rect>
<rect class="day" width="10" height="10" x="-20" y="39" fill="rgb(255,247,251)" data-count="0" data-date="2020-08-27"></rect>
<rect class="day" width="10" height="10" x="-20" y="52" fill="rgb(255,247,251)" data-count="0" data-date="2020-08-28"></rect>
<rect class="day" width="10" height="10" x="-20" y="65" fill="rgb(255,247,251)" data-count="0" data-date="2020-08-29"></rect>
<rect class="day" width="10" height="10" x="-20" 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="10" height="10" x="-21" y="0" fill="rgb(255,247,251)" data-count="0" data-date="2020-08-31"></rect>
<rect class="day" width="10" height="10" x="-21" y="13" fill="rgb(255,247,251)" data-count="0" data-date="2020-09-01"></rect>
<rect class="day" width="10" height="10" x="-21" y="26" fill="rgb(255,247,251)" data-count="0" data-date="2020-09-02"></rect>
<rect class="day" width="10" height="10" x="-21" y="39" fill="rgb(255,247,251)" data-count="0" data-date="2020-09-03"></rect>
<rect class="day" width="10" height="10" x="-21" y="52" fill="rgb(255,247,251)" data-count="0" data-date="2020-09-04"></rect>
<rect class="day" width="10" height="10" x="-21" y="65" fill="rgb(255,247,251)" data-count="0" data-date="2020-09-05"></rect>
<rect class="day" width="10" height="10" x="-21" 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="10" height="10" x="-22" y="0" fill="rgb(255,247,251)" data-count="0" data-date="2020-09-07"></rect>
<rect class="day" width="10" height="10" x="-22" y="13" fill="rgb(255,247,251)" data-count="0" data-date="2020-09-08"></rect>
<rect class="day" width="10" height="10" x="-22" y="26" fill="rgb(255,247,251)" data-count="0" data-date="2020-09-09"></rect>
<rect class="day" width="10" height="10" x="-22" y="39" fill="rgb(255,247,251)" data-count="0" data-date="2020-09-10"></rect>
<rect class="day" width="10" height="10" x="-22" y="52" fill="rgb(255,247,251)" data-count="0" data-date="2020-09-11"></rect>
<rect class="day" width="10" height="10" x="-22" y="65" fill="rgb(255,247,251)" data-count="0" data-date="2020-09-12"></rect>
<rect class="day" width="10" height="10" x="-22" 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="10" height="10" x="-23" y="0" fill="rgb(255,247,251)" data-count="0" data-date="2020-09-14"></rect>
<rect class="day" width="10" height="10" x="-23" y="13" fill="rgb(255,247,251)" data-count="0" data-date="2020-09-15"></rect>
<rect class="day" width="10" height="10" x="-23" y="26" fill="rgb(255,247,251)" data-count="0" data-date="2020-09-16"></rect>
<rect class="day" width="10" height="10" x="-23" y="39" fill="rgb(255,247,251)" data-count="0" data-date="2020-09-17"></rect>
<rect class="day" width="10" height="10" x="-23" y="52" fill="rgb(255,247,251)" data-count="0" data-date="2020-09-18"></rect>
<rect class="day" width="10" height="10" x="-23" y="65" fill="rgb(255,247,251)" data-count="0" data-date="2020-09-19"></rect>
<rect class="day" width="10" height="10" x="-23" 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="10" height="10" x="-24" y="0" fill="rgb(255,247,251)" data-count="0" data-date="2020-09-21"></rect>
<rect class="day" width="10" height="10" x="-24" y="13" fill="rgb(255,247,251)" data-count="0" data-date="2020-09-22"></rect>
<rect class="day" width="10" height="10" x="-24" y="26" fill="rgb(255,247,251)" data-count="0" data-date="2020-09-23"></rect>
<rect class="day" width="10" height="10" x="-24" y="39" fill="rgb(255,247,251)" data-count="0" data-date="2020-09-24"></rect>
<rect class="day" width="10" height="10" x="-24" y="52" fill="rgb(255,247,251)" data-count="0" data-date="2020-09-25"></rect>
<rect class="day" width="10" height="10" x="-24" y="65" fill="rgb(255,247,251)" data-count="0" data-date="2020-09-26"></rect>
<rect class="day" width="10" height="10" x="-24" 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="10" height="10" x="-25" y="0" fill="rgb(255,247,251)" data-count="0" data-date="2020-09-28"></rect>
<rect class="day" width="10" height="10" x="-25" y="13" fill="rgb(255,247,251)" data-count="0" data-date="2020-09-29"></rect>
<rect class="day" width="10" height="10" x="-25" y="26" fill="rgb(255,247,251)" data-count="0" data-date="2020-09-30"></rect>
<rect class="day" width="10" height="10" x="-25" y="39" fill="rgb(255,247,251)" data-count="0" data-date="2020-10-01"></rect>
<rect class="day" width="10" height="10" x="-25" y="52" fill="rgb(255,247,251)" data-count="0" data-date="2020-10-02"></rect>
<rect class="day" width="10" height="10" x="-25" y="65" fill="rgb(255,247,251)" data-count="0" data-date="2020-10-03"></rect>
<rect class="day" width="10" height="10" x="-25" 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="10" height="10" x="-26" y="0" fill="rgb(255,247,251)" data-count="0" data-date="2020-10-05"></rect>
<rect class="day" width="10" height="10" x="-26" y="13" fill="rgb(255,247,251)" data-count="0" data-date="2020-10-06"></rect>
<rect class="day" width="10" height="10" x="-26" y="26" fill="rgb(255,247,251)" data-count="0" data-date="2020-10-07"></rect>
<rect class="day" width="10" height="10" x="-26" y="39" fill="rgb(255,247,251)" data-count="0" data-date="2020-10-08"></rect>
<rect class="day" width="10" height="10" x="-26" y="52" fill="rgb(255,247,251)" data-count="0" data-date="2020-10-09"></rect>
<rect class="day" width="10" height="10" x="-26" y="65" fill="rgb(255,247,251)" data-count="0" data-date="2020-10-10"></rect>
<rect class="day" width="10" height="10" x="-26" 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="10" height="10" x="-27" y="0" fill="rgb(255,247,251)" data-count="0" data-date="2020-10-12"></rect>
<rect class="day" width="10" height="10" x="-27" y="13" fill="rgb(255,247,251)" data-count="0" data-date="2020-10-13"></rect>
<rect class="day" width="10" height="10" x="-27" y="26" fill="rgb(255,247,251)" data-count="0" data-date="2020-10-14"></rect>
<rect class="day" width="10" height="10" x="-27" y="39" fill="rgb(255,247,251)" data-count="0" data-date="2020-10-15"></rect>
<rect class="day" width="10" height="10" x="-27" y="52" fill="rgb(255,247,251)" data-count="0" data-date="2020-10-16"></rect>
<rect class="day" width="10" height="10" x="-27" y="65" fill="rgb(255,247,251)" data-count="0" data-date="2020-10-17"></rect>
<rect class="day" width="10" height="10" x="-27" 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="10" height="10" x="-28" y="0" fill="rgb(255,247,251)" data-count="0" data-date="2020-10-19"></rect>
<rect class="day" width="10" height="10" x="-28" y="13" fill="rgb(255,247,251)" data-count="0" data-date="2020-10-20"></rect>
<rect class="day" width="10" height="10" x="-28" y="26" fill="rgb(255,247,251)" data-count="0" data-date="2020-10-21"></rect>
<rect class="day" width="10" height="10" x="-28" y="39" fill="rgb(255,247,251)" data-count="0" data-date="2020-10-22"></rect>
<rect class="day" width="10" height="10" x="-28" y="52" fill="rgb(255,247,251)" data-count="0" data-date="2020-10-23"></rect>
<rect class="day" width="10" height="10" x="-28" y="65" fill="rgb(255,247,251)" data-count="0" data-date="2020-10-24"></rect>
<rect class="day" width="10" height="10" x="-28" 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="10" height="10" x="-29" y="0" fill="rgb(255,247,251)" data-count="0" data-date="2020-10-26"></rect>
<rect class="day" width="10" height="10" x="-29" y="13" fill="rgb(255,247,251)" data-count="0" data-date="2020-10-27"></rect>
<rect class="day" width="10" height="10" x="-29" y="26" fill="rgb(255,247,251)" data-count="0" data-date="2020-10-28"></rect>
<rect class="day" width="10" height="10" x="-29" y="39" fill="rgb(255,247,251)" data-count="0" data-date="2020-10-29"></rect>
<rect class="day" width="10" height="10" x="-29" y="52" fill="rgb(255,247,251)" data-count="0" data-date="2020-10-30"></rect>
<rect class="day" width="10" height="10" x="-29" y="65" fill="rgb(255,247,251)" data-count="0" data-date="2020-10-31"></rect>
<rect class="day" width="10" height="10" x="-29" 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="10" height="10" x="-30" y="0" fill="rgb(255,247,251)" data-count="0" data-date="2020-11-02"></rect>
<rect class="day" width="10" height="10" x="-30" y="13" fill="rgb(255,247,251)" data-count="0" data-date="2020-11-03"></rect>
<rect class="day" width="10" height="10" x="-30" y="26" fill="rgb(255,247,251)" data-count="0" data-date="2020-11-04"></rect>
<rect class="day" width="10" height="10" x="-30" y="39" fill="rgb(255,247,251)" data-count="0" data-date="2020-11-05"></rect>
<rect class="day" width="10" height="10" x="-30" y="52" fill="rgb(255,247,251)" data-count="0" data-date="2020-11-06"></rect>
<rect class="day" width="10" height="10" x="-30" y="65" fill="rgb(255,247,251)" data-count="0" data-date="2020-11-07"></rect>
<rect class="day" width="10" height="10" x="-30" 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="10" height="10" x="-31" y="0" fill="rgb(255,247,251)" data-count="0" data-date="2020-11-09"></rect>
<rect class="day" width="10" height="10" x="-31" y="13" fill="rgb(255,247,251)" data-count="0" data-date="2020-11-10"></rect>
<rect class="day" width="10" height="10" x="-31" y="26" fill="rgb(255,247,251)" data-count="0" data-date="2020-11-11"></rect>
<rect class="day" width="10" height="10" x="-31" y="39" fill="rgb(255,247,251)" data-count="0" data-date="2020-11-12"></rect>
<rect class="day" width="10" height="10" x="-31" y="52" fill="rgb(255,247,251)" data-count="0" data-date="2020-11-13"></rect>
<rect class="day" width="10" height="10" x="-31" y="65" fill="rgb(255,247,251)" data-count="0" data-date="2020-11-14"></rect>
<rect class="day" width="10" height="10" x="-31" 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="10" height="10" x="-32" y="0" fill="rgb(255,247,251)" data-count="0" data-date="2020-11-16"></rect>
<rect class="day" width="10" height="10" x="-32" y="13" fill="rgb(255,247,251)" data-count="0" data-date="2020-11-17"></rect>
<rect class="day" width="10" height="10" x="-32" y="26" fill="rgb(255,247,251)" data-count="0" data-date="2020-11-18"></rect>
<rect class="day" width="10" height="10" x="-32" y="39" fill="rgb(255,247,251)" data-count="0" data-date="2020-11-19"></rect>
<rect class="day" width="10" height="10" x="-32" y="52" fill="rgb(255,247,251)" data-count="0" data-date="2020-11-20"></rect>
<rect class="day" width="10" height="10" x="-32" y="65" fill="rgb(255,247,251)" data-count="0" data-date="2020-11-21"></rect>
<rect class="day" width="10" height="10" x="-32" 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="10" height="10" x="-33" y="0" fill="rgb(255,247,251)" data-count="0" data-date="2020-11-23"></rect>
<rect class="day" width="10" height="10" x="-33" y="13" fill="rgb(255,247,251)" data-count="0" data-date="2020-11-24"></rect>
<rect class="day" width="10" height="10" x="-33" y="26" fill="rgb(255,247,251)" data-count="0" data-date="2020-11-25"></rect>
<rect class="day" width="10" height="10" x="-33" y="39" fill="rgb(255,247,251)" data-count="0" data-date="2020-11-26"></rect>
<rect class="day" width="10" height="10" x="-33" y="52" fill="rgb(255,247,251)" data-count="0" data-date="2020-11-27"></rect>
<rect class="day" width="10" height="10" x="-33" y="65" fill="rgb(255,247,251)" data-count="0" data-date="2020-11-28"></rect>
<rect class="day" width="10" height="10" x="-33" 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="10" height="10" x="-34" y="0" fill="rgb(255,247,251)" data-count="0" data-date="2020-11-30"></rect>
<rect class="day" width="10" height="10" x="-34" y="13" fill="rgb(255,247,251)" data-count="0" data-date="2020-12-01"></rect>
<rect class="day" width="10" height="10" x="-34" y="26" fill="rgb(255,247,251)" data-count="0" data-date="2020-12-02"></rect>
<rect class="day" width="10" height="10" x="-34" y="39" fill="rgb(255,247,251)" data-count="0" data-date="2020-12-03"></rect>
<rect class="day" width="10" height="10" x="-34" y="52" fill="rgb(255,247,251)" data-count="0" data-date="2020-12-04"></rect>
<rect class="day" width="10" height="10" x="-34" y="65" fill="rgb(255,247,251)" data-count="0" data-date="2020-12-05"></rect>
<rect class="day" width="10" height="10" x="-34" 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="10" height="10" x="-35" y="0" fill="rgb(255,247,251)" data-count="0" data-date="2020-12-07"></rect>
<rect class="day" width="10" height="10" x="-35" y="13" fill="rgb(255,247,251)" data-count="0" data-date="2020-12-08"></rect>
<rect class="day" width="10" height="10" x="-35" y="26" fill="rgb(255,247,251)" data-count="0" data-date="2020-12-09"></rect>
<rect class="day" width="10" height="10" x="-35" y="39" fill="rgb(255,247,251)" data-count="0" data-date="2020-12-10"></rect>
<rect class="day" width="10" height="10" x="-35" y="52" fill="rgb(255,247,251)" data-count="0" data-date="2020-12-11"></rect>
<rect class="day" width="10" height="10" x="-35" y="65" fill="rgb(255,247,251)" data-count="0" data-date="2020-12-12"></rect>
<rect class="day" width="10" height="10" x="-35" 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="10" height="10" x="-36" y="0" fill="rgb(255,247,251)" data-count="0" data-date="2020-12-14"></rect>
<rect class="day" width="10" height="10" x="-36" y="13" fill="rgb(255,247,251)" data-count="0" data-date="2020-12-15"></rect>
<rect class="day" width="10" height="10" x="-36" y="26" fill="rgb(255,247,251)" data-count="0" data-date="2020-12-16"></rect>
<rect class="day" width="10" height="10" x="-36" y="39" fill="rgb(255,247,251)" data-count="0" data-date="2020-12-17"></rect>
<rect class="day" width="10" height="10" x="-36" y="52" fill="rgb(255,247,251)" data-count="0" data-date="2020-12-18"></rect>
<rect class="day" width="10" height="10" x="-36" y="65" fill="rgb(255,247,251)" data-count="0" data-date="2020-12-19"></rect>
<rect class="day" width="10" height="10" x="-36" 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="10" height="10" x="-37" y="0" fill="rgb(255,247,251)" data-count="0" data-date="2020-12-21"></rect>
<rect class="day" width="10" height="10" x="-37" y="13" fill="rgb(255,247,251)" data-count="0" data-date="2020-12-22"></rect>
<rect class="day" width="10" height="10" x="-37" y="26" fill="rgb(255,247,251)" data-count="0" data-date="2020-12-23"></rect>
<rect class="day" width="10" height="10" x="-37" y="39" fill="rgb(255,247,251)" data-count="0" data-date="2020-12-24"></rect>
<rect class="day" width="10" height="10" x="-37" y="52" fill="rgb(255,247,251)" data-count="0" data-date="2020-12-25"></rect>
<rect class="day" width="10" height="10" x="-37" y="65" fill="rgb(255,247,251)" data-count="0" data-date="2020-12-26"></rect>
<rect class="day" width="10" height="10" x="-37" 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="10" height="10" x="-38" y="0" fill="rgb(255,247,251)" data-count="0" data-date="2020-12-28"></rect>
<rect class="day" width="10" height="10" x="-38" y="13" fill="rgb(255,247,251)" data-count="0" data-date="2020-12-29"></rect>
<rect class="day" width="10" height="10" x="-38" y="26" fill="rgb(255,247,251)" data-count="0" data-date="2020-12-30"></rect>
<rect class="day" width="10" height="10" x="-38" y="39" fill="rgb(255,247,251)" data-count="0" data-date="2020-12-31"></rect>
</g>
<text x="14" y="-7" font-size="10px" fill="rgb(100,100,100)">1월</text>
<text x="66" y="-7" font-size="10px" fill="rgb(100,100,100)">2월</text>
<text x="118" y="-7" font-size="10px" fill="rgb(100,100,100)">3월</text>
<text x="170" y="-7" font-size="10px" fill="rgb(100,100,100)">4월</text>
<text x="222" y="-7" font-size="10px" fill="rgb(100,100,100)">5월</text>
<text x="274" y="-7" font-size="10px" fill="rgb(100,100,100)">6월</text>
<text x="326" y="-7" font-size="10px" fill="rgb(100,100,100)">7월</text>
<text x="378" y="-7" font-size="10px" fill="rgb(100,100,100)">8월</text>
<text x="430" y="-7" font-size="10px" fill="rgb(100,100,100)">9월</text>
<text x="482" y="-7" font-size="10px" fill="rgb(100,100,100)">10월</text>
<text x="534" y="-7" font-size="10px" fill="rgb(100,100,100)">11월</text>
<text x="586" y="-7" font-size="10px" fill="rgb(100,100,100)">12월</text>
<text text-anchor="start" font-size="9px" dx="-10" dy="8" fill="rgb(100,100,100)" ></text>
<text text-anchor="start" font-size="9px" dx="-10" dy="21" fill="rgb(100,100,100)" ></text>
<text text-anchor="start" font-size="9px" dx="-10" dy="34" fill="rgb(100,100,100)" ></text>
<text text-anchor="start" font-size="9px" dx="-10" dy="47" fill="rgb(100,100,100)" ></text>
<text text-anchor="start" font-size="9px" dx="-10" dy="60" fill="rgb(100,100,100)" ></text>
<text text-anchor="start" font-size="9px" dx="-10" dy="73" fill="rgb(100,100,100)" ></text>
<text text-anchor="start" font-size="9px" dx="-10" dy="86" fill="rgb(100,100,100)" ></text>
</g></svg>

Before

Width:  |  Height:  |  Size: 50 KiB

View File

@ -1,557 +0,0 @@
<svg width="722" 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="10" height="10" x="14" y="65" fill="rgb(255,247,251)" data-count="0" data-date="1972-01-01"></rect>
<rect class="day" width="10" height="10" x="14" y="78" fill="rgb(255,247,251)" data-count="0" data-date="1972-01-02"></rect>
</g>
<g transform="translate(14, 0)">
<rect class="day" width="10" height="10" x="13" y="0" fill="rgb(255,247,251)" data-count="0" data-date="1972-01-03"></rect>
<rect class="day" width="10" height="10" x="13" y="13" fill="rgb(255,247,251)" data-count="0" data-date="1972-01-04"></rect>
<rect class="day" width="10" height="10" x="13" y="26" fill="rgb(255,247,251)" data-count="0" data-date="1972-01-05"></rect>
<rect class="day" width="10" height="10" x="13" y="39" fill="rgb(255,247,251)" data-count="0" data-date="1972-01-06"></rect>
<rect class="day" width="10" height="10" x="13" y="52" fill="rgb(255,247,251)" data-count="0" data-date="1972-01-07"></rect>
<rect class="day" width="10" height="10" x="13" y="65" fill="rgb(255,247,251)" data-count="0" data-date="1972-01-08"></rect>
<rect class="day" width="10" height="10" x="13" y="78" fill="rgb(255,247,251)" data-count="0" data-date="1972-01-09"></rect>
</g>
<g transform="translate(28, 0)">
<rect class="day" width="10" height="10" x="12" y="0" fill="rgb(255,247,251)" data-count="0" data-date="1972-01-10"></rect>
<rect class="day" width="10" height="10" x="12" y="13" fill="rgb(255,247,251)" data-count="0" data-date="1972-01-11"></rect>
<rect class="day" width="10" height="10" x="12" y="26" fill="rgb(255,247,251)" data-count="0" data-date="1972-01-12"></rect>
<rect class="day" width="10" height="10" x="12" y="39" fill="rgb(255,247,251)" data-count="0" data-date="1972-01-13"></rect>
<rect class="day" width="10" height="10" x="12" y="52" fill="rgb(255,247,251)" data-count="0" data-date="1972-01-14"></rect>
<rect class="day" width="10" height="10" x="12" y="65" fill="rgb(255,247,251)" data-count="0" data-date="1972-01-15"></rect>
<rect class="day" width="10" height="10" x="12" y="78" fill="rgb(255,247,251)" data-count="0" data-date="1972-01-16"></rect>
</g>
<g transform="translate(42, 0)">
<rect class="day" width="10" height="10" x="11" y="0" fill="rgb(255,247,251)" data-count="0" data-date="1972-01-17"></rect>
<rect class="day" width="10" height="10" x="11" y="13" fill="rgb(255,247,251)" data-count="0" data-date="1972-01-18"></rect>
<rect class="day" width="10" height="10" x="11" y="26" fill="rgb(255,247,251)" data-count="0" data-date="1972-01-19"></rect>
<rect class="day" width="10" height="10" x="11" y="39" fill="rgb(255,247,251)" data-count="0" data-date="1972-01-20"></rect>
<rect class="day" width="10" height="10" x="11" y="52" fill="rgb(255,247,251)" data-count="0" data-date="1972-01-21"></rect>
<rect class="day" width="10" height="10" x="11" y="65" fill="rgb(255,247,251)" data-count="0" data-date="1972-01-22"></rect>
<rect class="day" width="10" height="10" x="11" y="78" fill="rgb(255,247,251)" data-count="0" data-date="1972-01-23"></rect>
</g>
<g transform="translate(56, 0)">
<rect class="day" width="10" height="10" x="10" y="0" fill="rgb(255,247,251)" data-count="0" data-date="1972-01-24"></rect>
<rect class="day" width="10" height="10" x="10" y="13" fill="rgb(255,247,251)" data-count="0" data-date="1972-01-25"></rect>
<rect class="day" width="10" height="10" x="10" y="26" fill="rgb(255,247,251)" data-count="0" data-date="1972-01-26"></rect>
<rect class="day" width="10" height="10" x="10" y="39" fill="rgb(255,247,251)" data-count="0" data-date="1972-01-27"></rect>
<rect class="day" width="10" height="10" x="10" y="52" fill="rgb(255,247,251)" data-count="0" data-date="1972-01-28"></rect>
<rect class="day" width="10" height="10" x="10" y="65" fill="rgb(255,247,251)" data-count="0" data-date="1972-01-29"></rect>
<rect class="day" width="10" height="10" x="10" y="78" fill="rgb(255,247,251)" data-count="0" data-date="1972-01-30"></rect>
</g>
<g transform="translate(70, 0)">
<rect class="day" width="10" height="10" x="9" y="0" fill="rgb(255,247,251)" data-count="0" data-date="1972-01-31"></rect>
<rect class="day" width="10" height="10" x="9" y="13" fill="rgb(255,247,251)" data-count="0" data-date="1972-02-01"></rect>
<rect class="day" width="10" height="10" x="9" y="26" fill="rgb(255,247,251)" data-count="0" data-date="1972-02-02"></rect>
<rect class="day" width="10" height="10" x="9" y="39" fill="rgb(255,247,251)" data-count="0" data-date="1972-02-03"></rect>
<rect class="day" width="10" height="10" x="9" y="52" fill="rgb(255,247,251)" data-count="0" data-date="1972-02-04"></rect>
<rect class="day" width="10" height="10" x="9" y="65" fill="rgb(255,247,251)" data-count="0" data-date="1972-02-05"></rect>
<rect class="day" width="10" height="10" x="9" y="78" fill="rgb(255,247,251)" data-count="0" data-date="1972-02-06"></rect>
</g>
<g transform="translate(84, 0)">
<rect class="day" width="10" height="10" x="8" y="0" fill="rgb(255,247,251)" data-count="0" data-date="1972-02-07"></rect>
<rect class="day" width="10" height="10" x="8" y="13" fill="rgb(255,247,251)" data-count="0" data-date="1972-02-08"></rect>
<rect class="day" width="10" height="10" x="8" y="26" fill="rgb(255,247,251)" data-count="0" data-date="1972-02-09"></rect>
<rect class="day" width="10" height="10" x="8" y="39" fill="rgb(255,247,251)" data-count="0" data-date="1972-02-10"></rect>
<rect class="day" width="10" height="10" x="8" y="52" fill="rgb(255,247,251)" data-count="0" data-date="1972-02-11"></rect>
<rect class="day" width="10" height="10" x="8" y="65" fill="rgb(255,247,251)" data-count="0" data-date="1972-02-12"></rect>
<rect class="day" width="10" height="10" x="8" y="78" fill="rgb(255,247,251)" data-count="0" data-date="1972-02-13"></rect>
</g>
<g transform="translate(98, 0)">
<rect class="day" width="10" height="10" x="7" y="0" fill="rgb(255,247,251)" data-count="0" data-date="1972-02-14"></rect>
<rect class="day" width="10" height="10" x="7" y="13" fill="rgb(255,247,251)" data-count="0" data-date="1972-02-15"></rect>
<rect class="day" width="10" height="10" x="7" y="26" fill="rgb(255,247,251)" data-count="0" data-date="1972-02-16"></rect>
<rect class="day" width="10" height="10" x="7" y="39" fill="rgb(255,247,251)" data-count="0" data-date="1972-02-17"></rect>
<rect class="day" width="10" height="10" x="7" y="52" fill="rgb(255,247,251)" data-count="0" data-date="1972-02-18"></rect>
<rect class="day" width="10" height="10" x="7" y="65" fill="rgb(255,247,251)" data-count="0" data-date="1972-02-19"></rect>
<rect class="day" width="10" height="10" x="7" y="78" fill="rgb(255,247,251)" data-count="0" data-date="1972-02-20"></rect>
</g>
<g transform="translate(112, 0)">
<rect class="day" width="10" height="10" x="6" y="0" fill="rgb(255,247,251)" data-count="0" data-date="1972-02-21"></rect>
<rect class="day" width="10" height="10" x="6" y="13" fill="rgb(255,247,251)" data-count="0" data-date="1972-02-22"></rect>
<rect class="day" width="10" height="10" x="6" y="26" fill="rgb(255,247,251)" data-count="0" data-date="1972-02-23"></rect>
<rect class="day" width="10" height="10" x="6" y="39" fill="rgb(255,247,251)" data-count="0" data-date="1972-02-24"></rect>
<rect class="day" width="10" height="10" x="6" y="52" fill="rgb(255,247,251)" data-count="0" data-date="1972-02-25"></rect>
<rect class="day" width="10" height="10" x="6" y="65" fill="rgb(255,247,251)" data-count="0" data-date="1972-02-26"></rect>
<rect class="day" width="10" height="10" x="6" y="78" fill="rgb(255,247,251)" data-count="0" data-date="1972-02-27"></rect>
</g>
<g transform="translate(126, 0)">
<rect class="day" width="10" height="10" x="5" y="0" fill="rgb(255,247,251)" data-count="0" data-date="1972-02-28"></rect>
<rect class="day" width="10" height="10" x="5" y="13" fill="rgb(255,247,251)" data-count="0" data-date="1972-02-29"></rect>
<rect class="day" width="10" height="10" x="5" y="26" fill="rgb(255,247,251)" data-count="0" data-date="1972-03-01"></rect>
<rect class="day" width="10" height="10" x="5" y="39" fill="rgb(255,247,251)" data-count="0" data-date="1972-03-02"></rect>
<rect class="day" width="10" height="10" x="5" y="52" fill="rgb(255,247,251)" data-count="0" data-date="1972-03-03"></rect>
<rect class="day" width="10" height="10" x="5" y="65" fill="rgb(255,247,251)" data-count="0" data-date="1972-03-04"></rect>
<rect class="day" width="10" height="10" x="5" y="78" fill="rgb(255,247,251)" data-count="0" data-date="1972-03-05"></rect>
</g>
<g transform="translate(140, 0)">
<rect class="day" width="10" height="10" x="4" y="0" fill="rgb(255,247,251)" data-count="0" data-date="1972-03-06"></rect>
<rect class="day" width="10" height="10" x="4" y="13" fill="rgb(255,247,251)" data-count="0" data-date="1972-03-07"></rect>
<rect class="day" width="10" height="10" x="4" y="26" fill="rgb(255,247,251)" data-count="0" data-date="1972-03-08"></rect>
<rect class="day" width="10" height="10" x="4" y="39" fill="rgb(255,247,251)" data-count="0" data-date="1972-03-09"></rect>
<rect class="day" width="10" height="10" x="4" y="52" fill="rgb(255,247,251)" data-count="0" data-date="1972-03-10"></rect>
<rect class="day" width="10" height="10" x="4" y="65" fill="rgb(255,247,251)" data-count="0" data-date="1972-03-11"></rect>
<rect class="day" width="10" height="10" x="4" y="78" fill="rgb(255,247,251)" data-count="0" data-date="1972-03-12"></rect>
</g>
<g transform="translate(154, 0)">
<rect class="day" width="10" height="10" x="3" y="0" fill="rgb(255,247,251)" data-count="0" data-date="1972-03-13"></rect>
<rect class="day" width="10" height="10" x="3" y="13" fill="rgb(255,247,251)" data-count="0" data-date="1972-03-14"></rect>
<rect class="day" width="10" height="10" x="3" y="26" fill="rgb(255,247,251)" data-count="0" data-date="1972-03-15"></rect>
<rect class="day" width="10" height="10" x="3" y="39" fill="rgb(255,247,251)" data-count="0" data-date="1972-03-16"></rect>
<rect class="day" width="10" height="10" x="3" y="52" fill="rgb(255,247,251)" data-count="0" data-date="1972-03-17"></rect>
<rect class="day" width="10" height="10" x="3" y="65" fill="rgb(255,247,251)" data-count="0" data-date="1972-03-18"></rect>
<rect class="day" width="10" height="10" x="3" y="78" fill="rgb(255,247,251)" data-count="0" data-date="1972-03-19"></rect>
</g>
<g transform="translate(168, 0)">
<rect class="day" width="10" height="10" x="2" y="0" fill="rgb(255,247,251)" data-count="0" data-date="1972-03-20"></rect>
<rect class="day" width="10" height="10" x="2" y="13" fill="rgb(255,247,251)" data-count="0" data-date="1972-03-21"></rect>
<rect class="day" width="10" height="10" x="2" y="26" fill="rgb(255,247,251)" data-count="0" data-date="1972-03-22"></rect>
<rect class="day" width="10" height="10" x="2" y="39" fill="rgb(255,247,251)" data-count="0" data-date="1972-03-23"></rect>
<rect class="day" width="10" height="10" x="2" y="52" fill="rgb(255,247,251)" data-count="0" data-date="1972-03-24"></rect>
<rect class="day" width="10" height="10" x="2" y="65" fill="rgb(255,247,251)" data-count="0" data-date="1972-03-25"></rect>
<rect class="day" width="10" height="10" x="2" y="78" fill="rgb(255,247,251)" data-count="0" data-date="1972-03-26"></rect>
</g>
<g transform="translate(182, 0)">
<rect class="day" width="10" height="10" x="1" y="0" fill="rgb(255,247,251)" data-count="0" data-date="1972-03-27"></rect>
<rect class="day" width="10" height="10" x="1" y="13" fill="rgb(255,247,251)" data-count="0" data-date="1972-03-28"></rect>
<rect class="day" width="10" height="10" x="1" y="26" fill="rgb(255,247,251)" data-count="0" data-date="1972-03-29"></rect>
<rect class="day" width="10" height="10" x="1" y="39" fill="rgb(255,247,251)" data-count="0" data-date="1972-03-30"></rect>
<rect class="day" width="10" height="10" x="1" y="52" fill="rgb(255,247,251)" data-count="0" data-date="1972-03-31"></rect>
<rect class="day" width="10" height="10" x="1" y="65" fill="rgb(255,247,251)" data-count="0" data-date="1972-04-01"></rect>
<rect class="day" width="10" height="10" x="1" y="78" fill="rgb(255,247,251)" data-count="0" data-date="1972-04-02"></rect>
</g>
<g transform="translate(196, 0)">
<rect class="day" width="10" height="10" x="0" y="0" fill="rgb(255,247,251)" data-count="0" data-date="1972-04-03"></rect>
<rect class="day" width="10" height="10" x="0" y="13" fill="rgb(255,247,251)" data-count="0" data-date="1972-04-04"></rect>
<rect class="day" width="10" height="10" x="0" y="26" fill="rgb(255,247,251)" data-count="0" data-date="1972-04-05"></rect>
<rect class="day" width="10" height="10" x="0" y="39" fill="rgb(255,247,251)" data-count="0" data-date="1972-04-06"></rect>
<rect class="day" width="10" height="10" x="0" y="52" fill="rgb(255,247,251)" data-count="0" data-date="1972-04-07"></rect>
<rect class="day" width="10" height="10" x="0" y="65" fill="rgb(255,247,251)" data-count="0" data-date="1972-04-08"></rect>
<rect class="day" width="10" height="10" x="0" y="78" fill="rgb(255,247,251)" data-count="0" data-date="1972-04-09"></rect>
</g>
<g transform="translate(210, 0)">
<rect class="day" width="10" height="10" x="-1" y="0" fill="rgb(255,247,251)" data-count="0" data-date="1972-04-10"></rect>
<rect class="day" width="10" height="10" x="-1" y="13" fill="rgb(255,247,251)" data-count="0" data-date="1972-04-11"></rect>
<rect class="day" width="10" height="10" x="-1" y="26" fill="rgb(255,247,251)" data-count="0" data-date="1972-04-12"></rect>
<rect class="day" width="10" height="10" x="-1" y="39" fill="rgb(255,247,251)" data-count="0" data-date="1972-04-13"></rect>
<rect class="day" width="10" height="10" x="-1" y="52" fill="rgb(255,247,251)" data-count="0" data-date="1972-04-14"></rect>
<rect class="day" width="10" height="10" x="-1" y="65" fill="rgb(255,247,251)" data-count="0" data-date="1972-04-15"></rect>
<rect class="day" width="10" height="10" x="-1" y="78" fill="rgb(255,247,251)" data-count="0" data-date="1972-04-16"></rect>
</g>
<g transform="translate(224, 0)">
<rect class="day" width="10" height="10" x="-2" y="0" fill="rgb(255,247,251)" data-count="0" data-date="1972-04-17"></rect>
<rect class="day" width="10" height="10" x="-2" y="13" fill="rgb(255,247,251)" data-count="0" data-date="1972-04-18"></rect>
<rect class="day" width="10" height="10" x="-2" y="26" fill="rgb(255,247,251)" data-count="0" data-date="1972-04-19"></rect>
<rect class="day" width="10" height="10" x="-2" y="39" fill="rgb(255,247,251)" data-count="0" data-date="1972-04-20"></rect>
<rect class="day" width="10" height="10" x="-2" y="52" fill="rgb(255,247,251)" data-count="0" data-date="1972-04-21"></rect>
<rect class="day" width="10" height="10" x="-2" y="65" fill="rgb(255,247,251)" data-count="0" data-date="1972-04-22"></rect>
<rect class="day" width="10" height="10" x="-2" y="78" fill="rgb(255,247,251)" data-count="0" data-date="1972-04-23"></rect>
</g>
<g transform="translate(238, 0)">
<rect class="day" width="10" height="10" x="-3" y="0" fill="rgb(255,247,251)" data-count="0" data-date="1972-04-24"></rect>
<rect class="day" width="10" height="10" x="-3" y="13" fill="rgb(255,247,251)" data-count="0" data-date="1972-04-25"></rect>
<rect class="day" width="10" height="10" x="-3" y="26" fill="rgb(255,247,251)" data-count="0" data-date="1972-04-26"></rect>
<rect class="day" width="10" height="10" x="-3" y="39" fill="rgb(255,247,251)" data-count="0" data-date="1972-04-27"></rect>
<rect class="day" width="10" height="10" x="-3" y="52" fill="rgb(255,247,251)" data-count="0" data-date="1972-04-28"></rect>
<rect class="day" width="10" height="10" x="-3" y="65" fill="rgb(255,247,251)" data-count="0" data-date="1972-04-29"></rect>
<rect class="day" width="10" height="10" x="-3" y="78" fill="rgb(255,247,251)" data-count="0" data-date="1972-04-30"></rect>
</g>
<g transform="translate(252, 0)">
<rect class="day" width="10" height="10" x="-4" y="0" fill="rgb(255,247,251)" data-count="0" data-date="1972-05-01"></rect>
<rect class="day" width="10" height="10" x="-4" y="13" fill="rgb(255,247,251)" data-count="0" data-date="1972-05-02"></rect>
<rect class="day" width="10" height="10" x="-4" y="26" fill="rgb(255,247,251)" data-count="0" data-date="1972-05-03"></rect>
<rect class="day" width="10" height="10" x="-4" y="39" fill="rgb(255,247,251)" data-count="0" data-date="1972-05-04"></rect>
<rect class="day" width="10" height="10" x="-4" y="52" fill="rgb(255,247,251)" data-count="0" data-date="1972-05-05"></rect>
<rect class="day" width="10" height="10" x="-4" y="65" fill="rgb(255,247,251)" data-count="0" data-date="1972-05-06"></rect>
<rect class="day" width="10" height="10" x="-4" y="78" fill="rgb(255,247,251)" data-count="0" data-date="1972-05-07"></rect>
</g>
<g transform="translate(266, 0)">
<rect class="day" width="10" height="10" x="-5" y="0" fill="rgb(255,247,251)" data-count="0" data-date="1972-05-08"></rect>
<rect class="day" width="10" height="10" x="-5" y="13" fill="rgb(255,247,251)" data-count="0" data-date="1972-05-09"></rect>
<rect class="day" width="10" height="10" x="-5" y="26" fill="rgb(255,247,251)" data-count="0" data-date="1972-05-10"></rect>
<rect class="day" width="10" height="10" x="-5" y="39" fill="rgb(255,247,251)" data-count="0" data-date="1972-05-11"></rect>
<rect class="day" width="10" height="10" x="-5" y="52" fill="rgb(255,247,251)" data-count="0" data-date="1972-05-12"></rect>
<rect class="day" width="10" height="10" x="-5" y="65" fill="rgb(255,247,251)" data-count="0" data-date="1972-05-13"></rect>
<rect class="day" width="10" height="10" x="-5" y="78" fill="rgb(255,247,251)" data-count="0" data-date="1972-05-14"></rect>
</g>
<g transform="translate(280, 0)">
<rect class="day" width="10" height="10" x="-6" y="0" fill="rgb(255,247,251)" data-count="0" data-date="1972-05-15"></rect>
<rect class="day" width="10" height="10" x="-6" y="13" fill="rgb(255,247,251)" data-count="0" data-date="1972-05-16"></rect>
<rect class="day" width="10" height="10" x="-6" y="26" fill="rgb(255,247,251)" data-count="0" data-date="1972-05-17"></rect>
<rect class="day" width="10" height="10" x="-6" y="39" fill="rgb(255,247,251)" data-count="0" data-date="1972-05-18"></rect>
<rect class="day" width="10" height="10" x="-6" y="52" fill="rgb(255,247,251)" data-count="0" data-date="1972-05-19"></rect>
<rect class="day" width="10" height="10" x="-6" y="65" fill="rgb(255,247,251)" data-count="0" data-date="1972-05-20"></rect>
<rect class="day" width="10" height="10" x="-6" y="78" fill="rgb(255,247,251)" data-count="0" data-date="1972-05-21"></rect>
</g>
<g transform="translate(294, 0)">
<rect class="day" width="10" height="10" x="-7" y="0" fill="rgb(255,247,251)" data-count="0" data-date="1972-05-22"></rect>
<rect class="day" width="10" height="10" x="-7" y="13" fill="rgb(255,247,251)" data-count="0" data-date="1972-05-23"></rect>
<rect class="day" width="10" height="10" x="-7" y="26" fill="rgb(255,247,251)" data-count="0" data-date="1972-05-24"></rect>
<rect class="day" width="10" height="10" x="-7" y="39" fill="rgb(255,247,251)" data-count="0" data-date="1972-05-25"></rect>
<rect class="day" width="10" height="10" x="-7" y="52" fill="rgb(255,247,251)" data-count="0" data-date="1972-05-26"></rect>
<rect class="day" width="10" height="10" x="-7" y="65" fill="rgb(255,247,251)" data-count="0" data-date="1972-05-27"></rect>
<rect class="day" width="10" height="10" x="-7" y="78" fill="rgb(255,247,251)" data-count="0" data-date="1972-05-28"></rect>
</g>
<g transform="translate(308, 0)">
<rect class="day" width="10" height="10" x="-8" y="0" fill="rgb(255,247,251)" data-count="0" data-date="1972-05-29"></rect>
<rect class="day" width="10" height="10" x="-8" y="13" fill="rgb(255,247,251)" data-count="0" data-date="1972-05-30"></rect>
<rect class="day" width="10" height="10" x="-8" y="26" fill="rgb(255,247,251)" data-count="0" data-date="1972-05-31"></rect>
<rect class="day" width="10" height="10" x="-8" y="39" fill="rgb(255,247,251)" data-count="0" data-date="1972-06-01"></rect>
<rect class="day" width="10" height="10" x="-8" y="52" fill="rgb(255,247,251)" data-count="0" data-date="1972-06-02"></rect>
<rect class="day" width="10" height="10" x="-8" y="65" fill="rgb(255,247,251)" data-count="0" data-date="1972-06-03"></rect>
<rect class="day" width="10" height="10" x="-8" y="78" fill="rgb(255,247,251)" data-count="0" data-date="1972-06-04"></rect>
</g>
<g transform="translate(322, 0)">
<rect class="day" width="10" height="10" x="-9" y="0" fill="rgb(255,247,251)" data-count="0" data-date="1972-06-05"></rect>
<rect class="day" width="10" height="10" x="-9" y="13" fill="rgb(255,247,251)" data-count="0" data-date="1972-06-06"></rect>
<rect class="day" width="10" height="10" x="-9" y="26" fill="rgb(255,247,251)" data-count="0" data-date="1972-06-07"></rect>
<rect class="day" width="10" height="10" x="-9" y="39" fill="rgb(255,247,251)" data-count="0" data-date="1972-06-08"></rect>
<rect class="day" width="10" height="10" x="-9" y="52" fill="rgb(255,247,251)" data-count="0" data-date="1972-06-09"></rect>
<rect class="day" width="10" height="10" x="-9" y="65" fill="rgb(255,247,251)" data-count="0" data-date="1972-06-10"></rect>
<rect class="day" width="10" height="10" x="-9" y="78" fill="rgb(255,247,251)" data-count="0" data-date="1972-06-11"></rect>
</g>
<g transform="translate(336, 0)">
<rect class="day" width="10" height="10" x="-10" y="0" fill="rgb(255,247,251)" data-count="0" data-date="1972-06-12"></rect>
<rect class="day" width="10" height="10" x="-10" y="13" fill="rgb(255,247,251)" data-count="0" data-date="1972-06-13"></rect>
<rect class="day" width="10" height="10" x="-10" y="26" fill="rgb(255,247,251)" data-count="0" data-date="1972-06-14"></rect>
<rect class="day" width="10" height="10" x="-10" y="39" fill="rgb(255,247,251)" data-count="0" data-date="1972-06-15"></rect>
<rect class="day" width="10" height="10" x="-10" y="52" fill="rgb(255,247,251)" data-count="0" data-date="1972-06-16"></rect>
<rect class="day" width="10" height="10" x="-10" y="65" fill="rgb(255,247,251)" data-count="0" data-date="1972-06-17"></rect>
<rect class="day" width="10" height="10" x="-10" y="78" fill="rgb(255,247,251)" data-count="0" data-date="1972-06-18"></rect>
</g>
<g transform="translate(350, 0)">
<rect class="day" width="10" height="10" x="-11" y="0" fill="rgb(255,247,251)" data-count="0" data-date="1972-06-19"></rect>
<rect class="day" width="10" height="10" x="-11" y="13" fill="rgb(255,247,251)" data-count="0" data-date="1972-06-20"></rect>
<rect class="day" width="10" height="10" x="-11" y="26" fill="rgb(255,247,251)" data-count="0" data-date="1972-06-21"></rect>
<rect class="day" width="10" height="10" x="-11" y="39" fill="rgb(255,247,251)" data-count="0" data-date="1972-06-22"></rect>
<rect class="day" width="10" height="10" x="-11" y="52" fill="rgb(255,247,251)" data-count="0" data-date="1972-06-23"></rect>
<rect class="day" width="10" height="10" x="-11" y="65" fill="rgb(255,247,251)" data-count="0" data-date="1972-06-24"></rect>
<rect class="day" width="10" height="10" x="-11" y="78" fill="rgb(255,247,251)" data-count="0" data-date="1972-06-25"></rect>
</g>
<g transform="translate(364, 0)">
<rect class="day" width="10" height="10" x="-12" y="0" fill="rgb(255,247,251)" data-count="0" data-date="1972-06-26"></rect>
<rect class="day" width="10" height="10" x="-12" y="13" fill="rgb(255,247,251)" data-count="0" data-date="1972-06-27"></rect>
<rect class="day" width="10" height="10" x="-12" y="26" fill="rgb(255,247,251)" data-count="0" data-date="1972-06-28"></rect>
<rect class="day" width="10" height="10" x="-12" y="39" fill="rgb(255,247,251)" data-count="0" data-date="1972-06-29"></rect>
<rect class="day" width="10" height="10" x="-12" y="52" fill="rgb(255,247,251)" data-count="0" data-date="1972-06-30"></rect>
<rect class="day" width="10" height="10" x="-12" y="65" fill="rgb(255,247,251)" data-count="0" data-date="1972-07-01"></rect>
<rect class="day" width="10" height="10" x="-12" y="78" fill="rgb(255,247,251)" data-count="0" data-date="1972-07-02"></rect>
</g>
<g transform="translate(378, 0)">
<rect class="day" width="10" height="10" x="-13" y="0" fill="rgb(255,247,251)" data-count="0" data-date="1972-07-03"></rect>
<rect class="day" width="10" height="10" x="-13" y="13" fill="rgb(255,247,251)" data-count="0" data-date="1972-07-04"></rect>
<rect class="day" width="10" height="10" x="-13" y="26" fill="rgb(255,247,251)" data-count="0" data-date="1972-07-05"></rect>
<rect class="day" width="10" height="10" x="-13" y="39" fill="rgb(255,247,251)" data-count="0" data-date="1972-07-06"></rect>
<rect class="day" width="10" height="10" x="-13" y="52" fill="rgb(255,247,251)" data-count="0" data-date="1972-07-07"></rect>
<rect class="day" width="10" height="10" x="-13" y="65" fill="rgb(255,247,251)" data-count="0" data-date="1972-07-08"></rect>
<rect class="day" width="10" height="10" x="-13" y="78" fill="rgb(255,247,251)" data-count="0" data-date="1972-07-09"></rect>
</g>
<g transform="translate(392, 0)">
<rect class="day" width="10" height="10" x="-14" y="0" fill="rgb(255,247,251)" data-count="0" data-date="1972-07-10"></rect>
<rect class="day" width="10" height="10" x="-14" y="13" fill="rgb(255,247,251)" data-count="0" data-date="1972-07-11"></rect>
<rect class="day" width="10" height="10" x="-14" y="26" fill="rgb(255,247,251)" data-count="0" data-date="1972-07-12"></rect>
<rect class="day" width="10" height="10" x="-14" y="39" fill="rgb(255,247,251)" data-count="0" data-date="1972-07-13"></rect>
<rect class="day" width="10" height="10" x="-14" y="52" fill="rgb(255,247,251)" data-count="0" data-date="1972-07-14"></rect>
<rect class="day" width="10" height="10" x="-14" y="65" fill="rgb(255,247,251)" data-count="0" data-date="1972-07-15"></rect>
<rect class="day" width="10" height="10" x="-14" y="78" fill="rgb(255,247,251)" data-count="0" data-date="1972-07-16"></rect>
</g>
<g transform="translate(406, 0)">
<rect class="day" width="10" height="10" x="-15" y="0" fill="rgb(255,247,251)" data-count="0" data-date="1972-07-17"></rect>
<rect class="day" width="10" height="10" x="-15" y="13" fill="rgb(255,247,251)" data-count="0" data-date="1972-07-18"></rect>
<rect class="day" width="10" height="10" x="-15" y="26" fill="rgb(255,247,251)" data-count="0" data-date="1972-07-19"></rect>
<rect class="day" width="10" height="10" x="-15" y="39" fill="rgb(255,247,251)" data-count="0" data-date="1972-07-20"></rect>
<rect class="day" width="10" height="10" x="-15" y="52" fill="rgb(255,247,251)" data-count="0" data-date="1972-07-21"></rect>
<rect class="day" width="10" height="10" x="-15" y="65" fill="rgb(255,247,251)" data-count="0" data-date="1972-07-22"></rect>
<rect class="day" width="10" height="10" x="-15" y="78" fill="rgb(255,247,251)" data-count="0" data-date="1972-07-23"></rect>
</g>
<g transform="translate(420, 0)">
<rect class="day" width="10" height="10" x="-16" y="0" fill="rgb(255,247,251)" data-count="0" data-date="1972-07-24"></rect>
<rect class="day" width="10" height="10" x="-16" y="13" fill="rgb(255,247,251)" data-count="0" data-date="1972-07-25"></rect>
<rect class="day" width="10" height="10" x="-16" y="26" fill="rgb(255,247,251)" data-count="0" data-date="1972-07-26"></rect>
<rect class="day" width="10" height="10" x="-16" y="39" fill="rgb(255,247,251)" data-count="0" data-date="1972-07-27"></rect>
<rect class="day" width="10" height="10" x="-16" y="52" fill="rgb(255,247,251)" data-count="0" data-date="1972-07-28"></rect>
<rect class="day" width="10" height="10" x="-16" y="65" fill="rgb(255,247,251)" data-count="0" data-date="1972-07-29"></rect>
<rect class="day" width="10" height="10" x="-16" y="78" fill="rgb(255,247,251)" data-count="0" data-date="1972-07-30"></rect>
</g>
<g transform="translate(434, 0)">
<rect class="day" width="10" height="10" x="-17" y="0" fill="rgb(255,247,251)" data-count="0" data-date="1972-07-31"></rect>
<rect class="day" width="10" height="10" x="-17" y="13" fill="rgb(255,247,251)" data-count="0" data-date="1972-08-01"></rect>
<rect class="day" width="10" height="10" x="-17" y="26" fill="rgb(255,247,251)" data-count="0" data-date="1972-08-02"></rect>
<rect class="day" width="10" height="10" x="-17" y="39" fill="rgb(255,247,251)" data-count="0" data-date="1972-08-03"></rect>
<rect class="day" width="10" height="10" x="-17" y="52" fill="rgb(255,247,251)" data-count="0" data-date="1972-08-04"></rect>
<rect class="day" width="10" height="10" x="-17" y="65" fill="rgb(255,247,251)" data-count="0" data-date="1972-08-05"></rect>
<rect class="day" width="10" height="10" x="-17" y="78" fill="rgb(255,247,251)" data-count="0" data-date="1972-08-06"></rect>
</g>
<g transform="translate(448, 0)">
<rect class="day" width="10" height="10" x="-18" y="0" fill="rgb(255,247,251)" data-count="0" data-date="1972-08-07"></rect>
<rect class="day" width="10" height="10" x="-18" y="13" fill="rgb(255,247,251)" data-count="0" data-date="1972-08-08"></rect>
<rect class="day" width="10" height="10" x="-18" y="26" fill="rgb(255,247,251)" data-count="0" data-date="1972-08-09"></rect>
<rect class="day" width="10" height="10" x="-18" y="39" fill="rgb(255,247,251)" data-count="0" data-date="1972-08-10"></rect>
<rect class="day" width="10" height="10" x="-18" y="52" fill="rgb(255,247,251)" data-count="0" data-date="1972-08-11"></rect>
<rect class="day" width="10" height="10" x="-18" y="65" fill="rgb(255,247,251)" data-count="0" data-date="1972-08-12"></rect>
<rect class="day" width="10" height="10" x="-18" y="78" fill="rgb(255,247,251)" data-count="0" data-date="1972-08-13"></rect>
</g>
<g transform="translate(462, 0)">
<rect class="day" width="10" height="10" x="-19" y="0" fill="rgb(255,247,251)" data-count="0" data-date="1972-08-14"></rect>
<rect class="day" width="10" height="10" x="-19" y="13" fill="rgb(255,247,251)" data-count="0" data-date="1972-08-15"></rect>
<rect class="day" width="10" height="10" x="-19" y="26" fill="rgb(255,247,251)" data-count="0" data-date="1972-08-16"></rect>
<rect class="day" width="10" height="10" x="-19" y="39" fill="rgb(255,247,251)" data-count="0" data-date="1972-08-17"></rect>
<rect class="day" width="10" height="10" x="-19" y="52" fill="rgb(255,247,251)" data-count="0" data-date="1972-08-18"></rect>
<rect class="day" width="10" height="10" x="-19" y="65" fill="rgb(255,247,251)" data-count="0" data-date="1972-08-19"></rect>
<rect class="day" width="10" height="10" x="-19" y="78" fill="rgb(255,247,251)" data-count="0" data-date="1972-08-20"></rect>
</g>
<g transform="translate(476, 0)">
<rect class="day" width="10" height="10" x="-20" y="0" fill="rgb(255,247,251)" data-count="0" data-date="1972-08-21"></rect>
<rect class="day" width="10" height="10" x="-20" y="13" fill="rgb(255,247,251)" data-count="0" data-date="1972-08-22"></rect>
<rect class="day" width="10" height="10" x="-20" y="26" fill="rgb(255,247,251)" data-count="0" data-date="1972-08-23"></rect>
<rect class="day" width="10" height="10" x="-20" y="39" fill="rgb(255,247,251)" data-count="0" data-date="1972-08-24"></rect>
<rect class="day" width="10" height="10" x="-20" y="52" fill="rgb(255,247,251)" data-count="0" data-date="1972-08-25"></rect>
<rect class="day" width="10" height="10" x="-20" y="65" fill="rgb(255,247,251)" data-count="0" data-date="1972-08-26"></rect>
<rect class="day" width="10" height="10" x="-20" y="78" fill="rgb(255,247,251)" data-count="0" data-date="1972-08-27"></rect>
</g>
<g transform="translate(490, 0)">
<rect class="day" width="10" height="10" x="-21" y="0" fill="rgb(255,247,251)" data-count="0" data-date="1972-08-28"></rect>
<rect class="day" width="10" height="10" x="-21" y="13" fill="rgb(255,247,251)" data-count="0" data-date="1972-08-29"></rect>
<rect class="day" width="10" height="10" x="-21" y="26" fill="rgb(255,247,251)" data-count="0" data-date="1972-08-30"></rect>
<rect class="day" width="10" height="10" x="-21" y="39" fill="rgb(255,247,251)" data-count="0" data-date="1972-08-31"></rect>
<rect class="day" width="10" height="10" x="-21" y="52" fill="rgb(255,247,251)" data-count="0" data-date="1972-09-01"></rect>
<rect class="day" width="10" height="10" x="-21" y="65" fill="rgb(255,247,251)" data-count="0" data-date="1972-09-02"></rect>
<rect class="day" width="10" height="10" x="-21" y="78" fill="rgb(255,247,251)" data-count="0" data-date="1972-09-03"></rect>
</g>
<g transform="translate(504, 0)">
<rect class="day" width="10" height="10" x="-22" y="0" fill="rgb(255,247,251)" data-count="0" data-date="1972-09-04"></rect>
<rect class="day" width="10" height="10" x="-22" y="13" fill="rgb(255,247,251)" data-count="0" data-date="1972-09-05"></rect>
<rect class="day" width="10" height="10" x="-22" y="26" fill="rgb(255,247,251)" data-count="0" data-date="1972-09-06"></rect>
<rect class="day" width="10" height="10" x="-22" y="39" fill="rgb(255,247,251)" data-count="0" data-date="1972-09-07"></rect>
<rect class="day" width="10" height="10" x="-22" y="52" fill="rgb(255,247,251)" data-count="0" data-date="1972-09-08"></rect>
<rect class="day" width="10" height="10" x="-22" y="65" fill="rgb(255,247,251)" data-count="0" data-date="1972-09-09"></rect>
<rect class="day" width="10" height="10" x="-22" y="78" fill="rgb(255,247,251)" data-count="0" data-date="1972-09-10"></rect>
</g>
<g transform="translate(518, 0)">
<rect class="day" width="10" height="10" x="-23" y="0" fill="rgb(255,247,251)" data-count="0" data-date="1972-09-11"></rect>
<rect class="day" width="10" height="10" x="-23" y="13" fill="rgb(255,247,251)" data-count="0" data-date="1972-09-12"></rect>
<rect class="day" width="10" height="10" x="-23" y="26" fill="rgb(255,247,251)" data-count="0" data-date="1972-09-13"></rect>
<rect class="day" width="10" height="10" x="-23" y="39" fill="rgb(255,247,251)" data-count="0" data-date="1972-09-14"></rect>
<rect class="day" width="10" height="10" x="-23" y="52" fill="rgb(255,247,251)" data-count="0" data-date="1972-09-15"></rect>
<rect class="day" width="10" height="10" x="-23" y="65" fill="rgb(255,247,251)" data-count="0" data-date="1972-09-16"></rect>
<rect class="day" width="10" height="10" x="-23" y="78" fill="rgb(255,247,251)" data-count="0" data-date="1972-09-17"></rect>
</g>
<g transform="translate(532, 0)">
<rect class="day" width="10" height="10" x="-24" y="0" fill="rgb(255,247,251)" data-count="0" data-date="1972-09-18"></rect>
<rect class="day" width="10" height="10" x="-24" y="13" fill="rgb(255,247,251)" data-count="0" data-date="1972-09-19"></rect>
<rect class="day" width="10" height="10" x="-24" y="26" fill="rgb(255,247,251)" data-count="0" data-date="1972-09-20"></rect>
<rect class="day" width="10" height="10" x="-24" y="39" fill="rgb(255,247,251)" data-count="0" data-date="1972-09-21"></rect>
<rect class="day" width="10" height="10" x="-24" y="52" fill="rgb(255,247,251)" data-count="0" data-date="1972-09-22"></rect>
<rect class="day" width="10" height="10" x="-24" y="65" fill="rgb(255,247,251)" data-count="0" data-date="1972-09-23"></rect>
<rect class="day" width="10" height="10" x="-24" y="78" fill="rgb(255,247,251)" data-count="0" data-date="1972-09-24"></rect>
</g>
<g transform="translate(546, 0)">
<rect class="day" width="10" height="10" x="-25" y="0" fill="rgb(255,247,251)" data-count="0" data-date="1972-09-25"></rect>
<rect class="day" width="10" height="10" x="-25" y="13" fill="rgb(255,247,251)" data-count="0" data-date="1972-09-26"></rect>
<rect class="day" width="10" height="10" x="-25" y="26" fill="rgb(255,247,251)" data-count="0" data-date="1972-09-27"></rect>
<rect class="day" width="10" height="10" x="-25" y="39" fill="rgb(255,247,251)" data-count="0" data-date="1972-09-28"></rect>
<rect class="day" width="10" height="10" x="-25" y="52" fill="rgb(255,247,251)" data-count="0" data-date="1972-09-29"></rect>
<rect class="day" width="10" height="10" x="-25" y="65" fill="rgb(255,247,251)" data-count="0" data-date="1972-09-30"></rect>
<rect class="day" width="10" height="10" x="-25" y="78" fill="rgb(255,247,251)" data-count="0" data-date="1972-10-01"></rect>
</g>
<g transform="translate(560, 0)">
<rect class="day" width="10" height="10" x="-26" y="0" fill="rgb(255,247,251)" data-count="0" data-date="1972-10-02"></rect>
<rect class="day" width="10" height="10" x="-26" y="13" fill="rgb(255,247,251)" data-count="0" data-date="1972-10-03"></rect>
<rect class="day" width="10" height="10" x="-26" y="26" fill="rgb(255,247,251)" data-count="0" data-date="1972-10-04"></rect>
<rect class="day" width="10" height="10" x="-26" y="39" fill="rgb(255,247,251)" data-count="0" data-date="1972-10-05"></rect>
<rect class="day" width="10" height="10" x="-26" y="52" fill="rgb(255,247,251)" data-count="0" data-date="1972-10-06"></rect>
<rect class="day" width="10" height="10" x="-26" y="65" fill="rgb(255,247,251)" data-count="0" data-date="1972-10-07"></rect>
<rect class="day" width="10" height="10" x="-26" y="78" fill="rgb(255,247,251)" data-count="0" data-date="1972-10-08"></rect>
</g>
<g transform="translate(574, 0)">
<rect class="day" width="10" height="10" x="-27" y="0" fill="rgb(255,247,251)" data-count="0" data-date="1972-10-09"></rect>
<rect class="day" width="10" height="10" x="-27" y="13" fill="rgb(255,247,251)" data-count="0" data-date="1972-10-10"></rect>
<rect class="day" width="10" height="10" x="-27" y="26" fill="rgb(255,247,251)" data-count="0" data-date="1972-10-11"></rect>
<rect class="day" width="10" height="10" x="-27" y="39" fill="rgb(255,247,251)" data-count="0" data-date="1972-10-12"></rect>
<rect class="day" width="10" height="10" x="-27" y="52" fill="rgb(255,247,251)" data-count="0" data-date="1972-10-13"></rect>
<rect class="day" width="10" height="10" x="-27" y="65" fill="rgb(255,247,251)" data-count="0" data-date="1972-10-14"></rect>
<rect class="day" width="10" height="10" x="-27" y="78" fill="rgb(255,247,251)" data-count="0" data-date="1972-10-15"></rect>
</g>
<g transform="translate(588, 0)">
<rect class="day" width="10" height="10" x="-28" y="0" fill="rgb(255,247,251)" data-count="0" data-date="1972-10-16"></rect>
<rect class="day" width="10" height="10" x="-28" y="13" fill="rgb(255,247,251)" data-count="0" data-date="1972-10-17"></rect>
<rect class="day" width="10" height="10" x="-28" y="26" fill="rgb(255,247,251)" data-count="0" data-date="1972-10-18"></rect>
<rect class="day" width="10" height="10" x="-28" y="39" fill="rgb(255,247,251)" data-count="0" data-date="1972-10-19"></rect>
<rect class="day" width="10" height="10" x="-28" y="52" fill="rgb(255,247,251)" data-count="0" data-date="1972-10-20"></rect>
<rect class="day" width="10" height="10" x="-28" y="65" fill="rgb(255,247,251)" data-count="0" data-date="1972-10-21"></rect>
<rect class="day" width="10" height="10" x="-28" y="78" fill="rgb(255,247,251)" data-count="0" data-date="1972-10-22"></rect>
</g>
<g transform="translate(602, 0)">
<rect class="day" width="10" height="10" x="-29" y="0" fill="rgb(255,247,251)" data-count="0" data-date="1972-10-23"></rect>
<rect class="day" width="10" height="10" x="-29" y="13" fill="rgb(255,247,251)" data-count="0" data-date="1972-10-24"></rect>
<rect class="day" width="10" height="10" x="-29" y="26" fill="rgb(255,247,251)" data-count="0" data-date="1972-10-25"></rect>
<rect class="day" width="10" height="10" x="-29" y="39" fill="rgb(255,247,251)" data-count="0" data-date="1972-10-26"></rect>
<rect class="day" width="10" height="10" x="-29" y="52" fill="rgb(255,247,251)" data-count="0" data-date="1972-10-27"></rect>
<rect class="day" width="10" height="10" x="-29" y="65" fill="rgb(255,247,251)" data-count="0" data-date="1972-10-28"></rect>
<rect class="day" width="10" height="10" x="-29" y="78" fill="rgb(255,247,251)" data-count="0" data-date="1972-10-29"></rect>
</g>
<g transform="translate(616, 0)">
<rect class="day" width="10" height="10" x="-30" y="0" fill="rgb(255,247,251)" data-count="0" data-date="1972-10-30"></rect>
<rect class="day" width="10" height="10" x="-30" y="13" fill="rgb(255,247,251)" data-count="0" data-date="1972-10-31"></rect>
<rect class="day" width="10" height="10" x="-30" y="26" fill="rgb(255,247,251)" data-count="0" data-date="1972-11-01"></rect>
<rect class="day" width="10" height="10" x="-30" y="39" fill="rgb(255,247,251)" data-count="0" data-date="1972-11-02"></rect>
<rect class="day" width="10" height="10" x="-30" y="52" fill="rgb(255,247,251)" data-count="0" data-date="1972-11-03"></rect>
<rect class="day" width="10" height="10" x="-30" y="65" fill="rgb(255,247,251)" data-count="0" data-date="1972-11-04"></rect>
<rect class="day" width="10" height="10" x="-30" y="78" fill="rgb(255,247,251)" data-count="0" data-date="1972-11-05"></rect>
</g>
<g transform="translate(630, 0)">
<rect class="day" width="10" height="10" x="-31" y="0" fill="rgb(255,247,251)" data-count="0" data-date="1972-11-06"></rect>
<rect class="day" width="10" height="10" x="-31" y="13" fill="rgb(255,247,251)" data-count="0" data-date="1972-11-07"></rect>
<rect class="day" width="10" height="10" x="-31" y="26" fill="rgb(255,247,251)" data-count="0" data-date="1972-11-08"></rect>
<rect class="day" width="10" height="10" x="-31" y="39" fill="rgb(255,247,251)" data-count="0" data-date="1972-11-09"></rect>
<rect class="day" width="10" height="10" x="-31" y="52" fill="rgb(255,247,251)" data-count="0" data-date="1972-11-10"></rect>
<rect class="day" width="10" height="10" x="-31" y="65" fill="rgb(255,247,251)" data-count="0" data-date="1972-11-11"></rect>
<rect class="day" width="10" height="10" x="-31" y="78" fill="rgb(255,247,251)" data-count="0" data-date="1972-11-12"></rect>
</g>
<g transform="translate(644, 0)">
<rect class="day" width="10" height="10" x="-32" y="0" fill="rgb(255,247,251)" data-count="0" data-date="1972-11-13"></rect>
<rect class="day" width="10" height="10" x="-32" y="13" fill="rgb(255,247,251)" data-count="0" data-date="1972-11-14"></rect>
<rect class="day" width="10" height="10" x="-32" y="26" fill="rgb(255,247,251)" data-count="0" data-date="1972-11-15"></rect>
<rect class="day" width="10" height="10" x="-32" y="39" fill="rgb(255,247,251)" data-count="0" data-date="1972-11-16"></rect>
<rect class="day" width="10" height="10" x="-32" y="52" fill="rgb(255,247,251)" data-count="0" data-date="1972-11-17"></rect>
<rect class="day" width="10" height="10" x="-32" y="65" fill="rgb(255,247,251)" data-count="0" data-date="1972-11-18"></rect>
<rect class="day" width="10" height="10" x="-32" y="78" fill="rgb(255,247,251)" data-count="0" data-date="1972-11-19"></rect>
</g>
<g transform="translate(658, 0)">
<rect class="day" width="10" height="10" x="-33" y="0" fill="rgb(255,247,251)" data-count="0" data-date="1972-11-20"></rect>
<rect class="day" width="10" height="10" x="-33" y="13" fill="rgb(255,247,251)" data-count="0" data-date="1972-11-21"></rect>
<rect class="day" width="10" height="10" x="-33" y="26" fill="rgb(255,247,251)" data-count="0" data-date="1972-11-22"></rect>
<rect class="day" width="10" height="10" x="-33" y="39" fill="rgb(255,247,251)" data-count="0" data-date="1972-11-23"></rect>
<rect class="day" width="10" height="10" x="-33" y="52" fill="rgb(255,247,251)" data-count="0" data-date="1972-11-24"></rect>
<rect class="day" width="10" height="10" x="-33" y="65" fill="rgb(255,247,251)" data-count="0" data-date="1972-11-25"></rect>
<rect class="day" width="10" height="10" x="-33" y="78" fill="rgb(255,247,251)" data-count="0" data-date="1972-11-26"></rect>
</g>
<g transform="translate(672, 0)">
<rect class="day" width="10" height="10" x="-34" y="0" fill="rgb(255,247,251)" data-count="0" data-date="1972-11-27"></rect>
<rect class="day" width="10" height="10" x="-34" y="13" fill="rgb(255,247,251)" data-count="0" data-date="1972-11-28"></rect>
<rect class="day" width="10" height="10" x="-34" y="26" fill="rgb(255,247,251)" data-count="0" data-date="1972-11-29"></rect>
<rect class="day" width="10" height="10" x="-34" y="39" fill="rgb(255,247,251)" data-count="0" data-date="1972-11-30"></rect>
<rect class="day" width="10" height="10" x="-34" y="52" fill="rgb(255,247,251)" data-count="0" data-date="1972-12-01"></rect>
<rect class="day" width="10" height="10" x="-34" y="65" fill="rgb(255,247,251)" data-count="0" data-date="1972-12-02"></rect>
<rect class="day" width="10" height="10" x="-34" y="78" fill="rgb(255,247,251)" data-count="0" data-date="1972-12-03"></rect>
</g>
<g transform="translate(686, 0)">
<rect class="day" width="10" height="10" x="-35" y="0" fill="rgb(255,247,251)" data-count="0" data-date="1972-12-04"></rect>
<rect class="day" width="10" height="10" x="-35" y="13" fill="rgb(255,247,251)" data-count="0" data-date="1972-12-05"></rect>
<rect class="day" width="10" height="10" x="-35" y="26" fill="rgb(255,247,251)" data-count="0" data-date="1972-12-06"></rect>
<rect class="day" width="10" height="10" x="-35" y="39" fill="rgb(255,247,251)" data-count="0" data-date="1972-12-07"></rect>
<rect class="day" width="10" height="10" x="-35" y="52" fill="rgb(255,247,251)" data-count="0" data-date="1972-12-08"></rect>
<rect class="day" width="10" height="10" x="-35" y="65" fill="rgb(255,247,251)" data-count="0" data-date="1972-12-09"></rect>
<rect class="day" width="10" height="10" x="-35" y="78" fill="rgb(255,247,251)" data-count="0" data-date="1972-12-10"></rect>
</g>
<g transform="translate(700, 0)">
<rect class="day" width="10" height="10" x="-36" y="0" fill="rgb(255,247,251)" data-count="0" data-date="1972-12-11"></rect>
<rect class="day" width="10" height="10" x="-36" y="13" fill="rgb(255,247,251)" data-count="0" data-date="1972-12-12"></rect>
<rect class="day" width="10" height="10" x="-36" y="26" fill="rgb(255,247,251)" data-count="0" data-date="1972-12-13"></rect>
<rect class="day" width="10" height="10" x="-36" y="39" fill="rgb(255,247,251)" data-count="0" data-date="1972-12-14"></rect>
<rect class="day" width="10" height="10" x="-36" y="52" fill="rgb(255,247,251)" data-count="0" data-date="1972-12-15"></rect>
<rect class="day" width="10" height="10" x="-36" y="65" fill="rgb(255,247,251)" data-count="0" data-date="1972-12-16"></rect>
<rect class="day" width="10" height="10" x="-36" y="78" fill="rgb(255,247,251)" data-count="0" data-date="1972-12-17"></rect>
</g>
<g transform="translate(714, 0)">
<rect class="day" width="10" height="10" x="-37" y="0" fill="rgb(255,247,251)" data-count="0" data-date="1972-12-18"></rect>
<rect class="day" width="10" height="10" x="-37" y="13" fill="rgb(255,247,251)" data-count="0" data-date="1972-12-19"></rect>
<rect class="day" width="10" height="10" x="-37" y="26" fill="rgb(255,247,251)" data-count="0" data-date="1972-12-20"></rect>
<rect class="day" width="10" height="10" x="-37" y="39" fill="rgb(255,247,251)" data-count="0" data-date="1972-12-21"></rect>
<rect class="day" width="10" height="10" x="-37" y="52" fill="rgb(255,247,251)" data-count="0" data-date="1972-12-22"></rect>
<rect class="day" width="10" height="10" x="-37" y="65" fill="rgb(255,247,251)" data-count="0" data-date="1972-12-23"></rect>
<rect class="day" width="10" height="10" x="-37" y="78" fill="rgb(255,247,251)" data-count="0" data-date="1972-12-24"></rect>
</g>
<g transform="translate(728, 0)">
<rect class="day" width="10" height="10" x="-38" y="0" fill="rgb(255,247,251)" data-count="0" data-date="1972-12-25"></rect>
<rect class="day" width="10" height="10" x="-38" y="13" fill="rgb(255,247,251)" data-count="0" data-date="1972-12-26"></rect>
<rect class="day" width="10" height="10" x="-38" y="26" fill="rgb(255,247,251)" data-count="0" data-date="1972-12-27"></rect>
<rect class="day" width="10" height="10" x="-38" y="39" fill="rgb(255,247,251)" data-count="0" data-date="1972-12-28"></rect>
<rect class="day" width="10" height="10" x="-38" y="52" fill="rgb(255,247,251)" data-count="0" data-date="1972-12-29"></rect>
<rect class="day" width="10" height="10" x="-38" y="65" fill="rgb(255,247,251)" data-count="0" data-date="1972-12-30"></rect>
<rect class="day" width="10" height="10" x="-38" y="78" fill="rgb(255,247,251)" data-count="0" data-date="1972-12-31"></rect>
</g>
<text x="14" y="-7" font-size="10px" fill="rgb(100,100,100)">Jan</text>
<text x="66" y="-7" font-size="10px" fill="rgb(100,100,100)">Feb</text>
<text x="118" y="-7" font-size="10px" fill="rgb(100,100,100)">Mar</text>
<text x="170" y="-7" font-size="10px" fill="rgb(100,100,100)">Apr</text>
<text x="222" y="-7" font-size="10px" fill="rgb(100,100,100)">May</text>
<text x="274" y="-7" font-size="10px" fill="rgb(100,100,100)">Jun</text>
<text x="326" y="-7" font-size="10px" fill="rgb(100,100,100)">Jul</text>
<text x="378" y="-7" font-size="10px" fill="rgb(100,100,100)">Aug</text>
<text x="430" y="-7" font-size="10px" fill="rgb(100,100,100)">Sep</text>
<text x="482" y="-7" font-size="10px" fill="rgb(100,100,100)">Oct</text>
<text x="534" y="-7" font-size="10px" fill="rgb(100,100,100)">Nov</text>
<text x="586" y="-7" font-size="10px" fill="rgb(100,100,100)">Dec</text>
<text text-anchor="start" font-size="9px" dx="-10" dy="8" fill="rgb(100,100,100)" >Sun</text>
<text text-anchor="start" font-size="9px" dx="-10" dy="21" fill="rgb(100,100,100)" >Mon</text>
<text text-anchor="start" font-size="9px" dx="-10" dy="34" fill="rgb(100,100,100)" >Tue</text>
<text text-anchor="start" font-size="9px" dx="-10" dy="47" fill="rgb(100,100,100)" >Wed</text>
<text text-anchor="start" font-size="9px" dx="-10" dy="60" fill="rgb(100,100,100)" >Thu</text>
<text text-anchor="start" font-size="9px" dx="-10" dy="73" fill="rgb(100,100,100)" >Fri</text>
<text text-anchor="start" font-size="9px" dx="-10" dy="86" fill="rgb(100,100,100)" >Sat</text>
</g></svg>

Before

Width:  |  Height:  |  Size: 50 KiB

Binary file not shown.

Before

Width:  |  Height:  |  Size: 47 KiB

50
charts/text.go Normal file
View File

@ -0,0 +1,50 @@
package charts
import (
"fmt"
"image"
"image/color"
"io/ioutil"
"golang.org/x/image/font"
"golang.org/x/image/font/opentype"
"golang.org/x/image/math/fixed"
)
// LoadFontFaceFromFile loads font face from file
func LoadFontFaceFromFile(fontPath string) (font.Face, error) {
fontBytes, err := ioutil.ReadFile(fontPath)
if err != nil {
return nil, fmt.Errorf("can not open font file with error: %w", err)
}
f, err := opentype.Parse(fontBytes)
if err != nil {
return nil, fmt.Errorf("can not parse font file: %w", err)
}
face, err := opentype.NewFace(f, &opentype.FaceOptions{
Size: 26,
DPI: 280,
Hinting: font.HintingNone,
})
if err != nil {
return nil, fmt.Errorf("can not create font face: %w", err)
}
return face, nil
}
// 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),
Face: fontFace,
Dot: fixed.Point26_6{
X: fixed.Int26_6(offset.X * 64),
Y: fixed.Int26_6(offset.Y * 64),
},
}
d.DrawString(text)
}

View File

@ -1,50 +0,0 @@
package charts
import (
"fmt"
"image"
"image/color"
"io/ioutil"
"log"
"os"
"golang.org/x/image/font"
"golang.org/x/image/font/opentype"
"golang.org/x/image/math/fixed"
)
// drawText inserts text into provided image at bottom left coordinate
func drawText(img *image.RGBA, offset image.Point, text string, color color.RGBA) {
assetsPath := os.Getenv("CALENDAR_HEATMAP_ASSETS_PATH")
if assetsPath == "" {
log.Fatalf("assets path is not set")
}
fontBytes, err := ioutil.ReadFile(fmt.Sprintf("%s/fonts/Sunflower-Medium.ttf", assetsPath))
if err != nil {
log.Fatalf("can not open font file with error: %#v", err)
}
f, err := opentype.Parse(fontBytes)
if err != nil {
log.Fatalf("can not parse font file: %v", err)
}
face, err := opentype.NewFace(f, &opentype.FaceOptions{
Size: 26,
DPI: 280,
Hinting: font.HintingNone,
})
if err != nil {
log.Fatalf("can not create font face: %v", err)
}
point := fixed.Point26_6{
X: fixed.Int26_6(offset.X * 64),
Y: fixed.Int26_6(offset.Y * 64),
}
d := &font.Drawer{
Dst: img,
Src: image.NewUniform(color),
Face: face,
Dot: point,
}
d.DrawString(text)
}

View File

@ -1,24 +0,0 @@
package colorscales
import (
"image/color"
)
// ColorScale is interface for extracting color from float
type ColorScale interface {
GetColor(val float64) color.RGBA
}
// LoadColorScale loads colorscale struct based on associated string name
func LoadColorScale(name string) ColorScale {
switch name {
case "PuBu9":
return PuBu9
case "GnBu9":
return GnBu9
case "YlGn9":
return YlGn9
default:
panic("unknown colorscale " + name)
}
}

View File

@ -1,55 +0,0 @@
package colorscales
import (
"image/color"
"math"
)
// ColorScale9 is color scale with 9 colors
type ColorScale9 [9]color.RGBA
// GetColor returns color based on float value from 0 to 1
func (c ColorScale9) GetColor(val float64) color.RGBA {
maxIdx := 8
idx := int(math.Round(float64(maxIdx) * val))
return c[idx]
}
// PuBu9 is Purple-Blue colorscale 9 colors
var PuBu9 = ColorScale9{
color.RGBA{255, 247, 251, 255},
color.RGBA{236, 231, 242, 255},
color.RGBA{208, 209, 230, 255},
color.RGBA{166, 189, 219, 255},
color.RGBA{116, 169, 207, 255},
color.RGBA{54, 144, 192, 255},
color.RGBA{5, 112, 176, 255},
color.RGBA{4, 90, 141, 255},
color.RGBA{2, 56, 88, 255},
}
// GnBu9 is Green-Blue colorscale 9 colors
var GnBu9 = ColorScale9{
color.RGBA{247, 252, 240, 255},
color.RGBA{224, 243, 219, 255},
color.RGBA{204, 235, 197, 255},
color.RGBA{168, 221, 181, 255},
color.RGBA{123, 204, 196, 255},
color.RGBA{78, 179, 211, 255},
color.RGBA{43, 140, 190, 255},
color.RGBA{8, 104, 172, 255},
color.RGBA{8, 64, 129, 255},
}
// YlGn9 is Yellow-Green colorscale 9 colors
var YlGn9 = ColorScale9{
color.RGBA{255, 255, 229, 255},
color.RGBA{247, 252, 185, 255},
color.RGBA{217, 240, 163, 255},
color.RGBA{173, 221, 142, 255},
color.RGBA{120, 198, 121, 255},
color.RGBA{65, 171, 93, 255},
color.RGBA{35, 132, 67, 255},
color.RGBA{0, 104, 55, 255},
color.RGBA{0, 69, 41, 255},
}

Binary file not shown.

Before

Width:  |  Height:  |  Size: 88 KiB

After

Width:  |  Height:  |  Size: 88 KiB

BIN
docs/colorscale-1.png Normal file

Binary file not shown.

After

Width:  |  Height:  |  Size: 88 KiB

BIN
docs/colorscale-2.png Normal file

Binary file not shown.

After

Width:  |  Height:  |  Size: 88 KiB

Binary file not shown.

Before

Width:  |  Height:  |  Size: 88 KiB

After

Width:  |  Height:  |  Size: 88 KiB

BIN
docs/korean.png Normal file

Binary file not shown.

After

Width:  |  Height:  |  Size: 73 KiB

557
docs/korean.svg 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(247,252,240)" data-count="0" data-date="2020-01-01"></rect>
<rect class="day" width="11" height="11" x="0" y="39" fill="rgb(247,252,240)" data-count="0" data-date="2020-01-02"></rect>
<rect class="day" width="11" height="11" x="0" y="52" fill="rgb(247,252,240)" data-count="0" data-date="2020-01-03"></rect>
<rect class="day" width="11" height="11" x="0" y="65" fill="rgb(247,252,240)" data-count="0" data-date="2020-01-04"></rect>
<rect class="day" width="11" height="11" x="0" y="78" fill="rgb(247,252,240)" 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(247,252,240)" data-count="0" data-date="2020-01-06"></rect>
<rect class="day" width="11" height="11" x="0" y="13" fill="rgb(247,252,240)" data-count="0" data-date="2020-01-07"></rect>
<rect class="day" width="11" height="11" x="0" y="26" fill="rgb(247,252,240)" data-count="0" data-date="2020-01-08"></rect>
<rect class="day" width="11" height="11" x="0" y="39" fill="rgb(247,252,240)" data-count="0" data-date="2020-01-09"></rect>
<rect class="day" width="11" height="11" x="0" y="52" fill="rgb(247,252,240)" data-count="0" data-date="2020-01-10"></rect>
<rect class="day" width="11" height="11" x="0" y="65" fill="rgb(247,252,240)" data-count="0" data-date="2020-01-11"></rect>
<rect class="day" width="11" height="11" x="0" y="78" fill="rgb(247,252,240)" 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(247,252,240)" data-count="0" data-date="2020-01-13"></rect>
<rect class="day" width="11" height="11" x="0" y="13" fill="rgb(247,252,240)" data-count="0" data-date="2020-01-14"></rect>
<rect class="day" width="11" height="11" x="0" y="26" fill="rgb(247,252,240)" data-count="0" data-date="2020-01-15"></rect>
<rect class="day" width="11" height="11" x="0" y="39" fill="rgb(247,252,240)" data-count="0" data-date="2020-01-16"></rect>
<rect class="day" width="11" height="11" x="0" y="52" fill="rgb(247,252,240)" data-count="0" data-date="2020-01-17"></rect>
<rect class="day" width="11" height="11" x="0" y="65" fill="rgb(247,252,240)" data-count="0" data-date="2020-01-18"></rect>
<rect class="day" width="11" height="11" x="0" y="78" fill="rgb(247,252,240)" 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(247,252,240)" data-count="0" data-date="2020-01-20"></rect>
<rect class="day" width="11" height="11" x="0" y="13" fill="rgb(247,252,240)" data-count="0" data-date="2020-01-21"></rect>
<rect class="day" width="11" height="11" x="0" y="26" fill="rgb(247,252,240)" data-count="0" data-date="2020-01-22"></rect>
<rect class="day" width="11" height="11" x="0" y="39" fill="rgb(247,252,240)" data-count="0" data-date="2020-01-23"></rect>
<rect class="day" width="11" height="11" x="0" y="52" fill="rgb(247,252,240)" data-count="0" data-date="2020-01-24"></rect>
<rect class="day" width="11" height="11" x="0" y="65" fill="rgb(247,252,240)" data-count="0" data-date="2020-01-25"></rect>
<rect class="day" width="11" height="11" x="0" y="78" fill="rgb(247,252,240)" 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(247,252,240)" data-count="0" data-date="2020-01-27"></rect>
<rect class="day" width="11" height="11" x="0" y="13" fill="rgb(247,252,240)" data-count="0" data-date="2020-01-28"></rect>
<rect class="day" width="11" height="11" x="0" y="26" fill="rgb(247,252,240)" data-count="0" data-date="2020-01-29"></rect>
<rect class="day" width="11" height="11" x="0" y="39" fill="rgb(247,252,240)" data-count="0" data-date="2020-01-30"></rect>
<rect class="day" width="11" height="11" x="0" y="52" fill="rgb(247,252,240)" data-count="0" data-date="2020-01-31"></rect>
<rect class="day" width="11" height="11" x="0" y="65" fill="rgb(247,252,240)" data-count="0" data-date="2020-02-01"></rect>
<rect class="day" width="11" height="11" x="0" y="78" fill="rgb(247,252,240)" 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(247,252,240)" data-count="0" data-date="2020-02-03"></rect>
<rect class="day" width="11" height="11" x="0" y="13" fill="rgb(247,252,240)" data-count="0" data-date="2020-02-04"></rect>
<rect class="day" width="11" height="11" x="0" y="26" fill="rgb(247,252,240)" data-count="0" data-date="2020-02-05"></rect>
<rect class="day" width="11" height="11" x="0" y="39" fill="rgb(247,252,240)" data-count="0" data-date="2020-02-06"></rect>
<rect class="day" width="11" height="11" x="0" y="52" fill="rgb(247,252,240)" data-count="0" data-date="2020-02-07"></rect>
<rect class="day" width="11" height="11" x="0" y="65" fill="rgb(247,252,240)" data-count="0" data-date="2020-02-08"></rect>
<rect class="day" width="11" height="11" x="0" y="78" fill="rgb(247,252,240)" 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(247,252,240)" data-count="0" data-date="2020-02-10"></rect>
<rect class="day" width="11" height="11" x="0" y="13" fill="rgb(247,252,240)" data-count="0" data-date="2020-02-11"></rect>
<rect class="day" width="11" height="11" x="0" y="26" fill="rgb(247,252,240)" data-count="0" data-date="2020-02-12"></rect>
<rect class="day" width="11" height="11" x="0" y="39" fill="rgb(247,252,240)" data-count="0" data-date="2020-02-13"></rect>
<rect class="day" width="11" height="11" x="0" y="52" fill="rgb(247,252,240)" data-count="0" data-date="2020-02-14"></rect>
<rect class="day" width="11" height="11" x="0" y="65" fill="rgb(247,252,240)" data-count="0" data-date="2020-02-15"></rect>
<rect class="day" width="11" height="11" x="0" y="78" fill="rgb(247,252,240)" 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(247,252,240)" data-count="0" data-date="2020-02-17"></rect>
<rect class="day" width="11" height="11" x="0" y="13" fill="rgb(247,252,240)" data-count="0" data-date="2020-02-18"></rect>
<rect class="day" width="11" height="11" x="0" y="26" fill="rgb(247,252,240)" data-count="0" data-date="2020-02-19"></rect>
<rect class="day" width="11" height="11" x="0" y="39" fill="rgb(247,252,240)" data-count="0" data-date="2020-02-20"></rect>
<rect class="day" width="11" height="11" x="0" y="52" fill="rgb(247,252,240)" data-count="0" data-date="2020-02-21"></rect>
<rect class="day" width="11" height="11" x="0" y="65" fill="rgb(247,252,240)" data-count="0" data-date="2020-02-22"></rect>
<rect class="day" width="11" height="11" x="0" y="78" fill="rgb(247,252,240)" 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(247,252,240)" data-count="0" data-date="2020-02-24"></rect>
<rect class="day" width="11" height="11" x="0" y="13" fill="rgb(247,252,240)" data-count="0" data-date="2020-02-25"></rect>
<rect class="day" width="11" height="11" x="0" y="26" fill="rgb(247,252,240)" data-count="0" data-date="2020-02-26"></rect>
<rect class="day" width="11" height="11" x="0" y="39" fill="rgb(247,252,240)" data-count="0" data-date="2020-02-27"></rect>
<rect class="day" width="11" height="11" x="0" y="52" fill="rgb(247,252,240)" data-count="0" data-date="2020-02-28"></rect>
<rect class="day" width="11" height="11" x="0" y="65" fill="rgb(247,252,240)" data-count="0" data-date="2020-02-29"></rect>
<rect class="day" width="11" height="11" x="0" y="78" fill="rgb(247,252,240)" 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(247,252,240)" data-count="0" data-date="2020-03-02"></rect>
<rect class="day" width="11" height="11" x="0" y="13" fill="rgb(247,252,240)" data-count="0" data-date="2020-03-03"></rect>
<rect class="day" width="11" height="11" x="0" y="26" fill="rgb(247,252,240)" data-count="0" data-date="2020-03-04"></rect>
<rect class="day" width="11" height="11" x="0" y="39" fill="rgb(247,252,240)" data-count="0" data-date="2020-03-05"></rect>
<rect class="day" width="11" height="11" x="0" y="52" fill="rgb(247,252,240)" data-count="0" data-date="2020-03-06"></rect>
<rect class="day" width="11" height="11" x="0" y="65" fill="rgb(247,252,240)" data-count="0" data-date="2020-03-07"></rect>
<rect class="day" width="11" height="11" x="0" y="78" fill="rgb(247,252,240)" 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(247,252,240)" data-count="0" data-date="2020-03-09"></rect>
<rect class="day" width="11" height="11" x="0" y="13" fill="rgb(247,252,240)" data-count="0" data-date="2020-03-10"></rect>
<rect class="day" width="11" height="11" x="0" y="26" fill="rgb(247,252,240)" data-count="0" data-date="2020-03-11"></rect>
<rect class="day" width="11" height="11" x="0" y="39" fill="rgb(247,252,240)" data-count="0" data-date="2020-03-12"></rect>
<rect class="day" width="11" height="11" x="0" y="52" fill="rgb(247,252,240)" data-count="0" data-date="2020-03-13"></rect>
<rect class="day" width="11" height="11" x="0" y="65" fill="rgb(247,252,240)" data-count="0" data-date="2020-03-14"></rect>
<rect class="day" width="11" height="11" x="0" y="78" fill="rgb(247,252,240)" 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(247,252,240)" data-count="0" data-date="2020-03-16"></rect>
<rect class="day" width="11" height="11" x="0" y="13" fill="rgb(247,252,240)" data-count="0" data-date="2020-03-17"></rect>
<rect class="day" width="11" height="11" x="0" y="26" fill="rgb(247,252,240)" data-count="0" data-date="2020-03-18"></rect>
<rect class="day" width="11" height="11" x="0" y="39" fill="rgb(247,252,240)" data-count="0" data-date="2020-03-19"></rect>
<rect class="day" width="11" height="11" x="0" y="52" fill="rgb(247,252,240)" data-count="0" data-date="2020-03-20"></rect>
<rect class="day" width="11" height="11" x="0" y="65" fill="rgb(247,252,240)" data-count="0" data-date="2020-03-21"></rect>
<rect class="day" width="11" height="11" x="0" y="78" fill="rgb(247,252,240)" 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(247,252,240)" data-count="0" data-date="2020-03-23"></rect>
<rect class="day" width="11" height="11" x="0" y="13" fill="rgb(247,252,240)" data-count="0" data-date="2020-03-24"></rect>
<rect class="day" width="11" height="11" x="0" y="26" fill="rgb(247,252,240)" data-count="0" data-date="2020-03-25"></rect>
<rect class="day" width="11" height="11" x="0" y="39" fill="rgb(247,252,240)" data-count="0" data-date="2020-03-26"></rect>
<rect class="day" width="11" height="11" x="0" y="52" fill="rgb(247,252,240)" data-count="0" data-date="2020-03-27"></rect>
<rect class="day" width="11" height="11" x="0" y="65" fill="rgb(247,252,240)" data-count="0" data-date="2020-03-28"></rect>
<rect class="day" width="11" height="11" x="0" y="78" fill="rgb(247,252,240)" 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(247,252,240)" data-count="0" data-date="2020-03-30"></rect>
<rect class="day" width="11" height="11" x="0" y="13" fill="rgb(247,252,240)" data-count="0" data-date="2020-03-31"></rect>
<rect class="day" width="11" height="11" x="0" y="26" fill="rgb(247,252,240)" data-count="0" data-date="2020-04-01"></rect>
<rect class="day" width="11" height="11" x="0" y="39" fill="rgb(247,252,240)" data-count="0" data-date="2020-04-02"></rect>
<rect class="day" width="11" height="11" x="0" y="52" fill="rgb(247,252,240)" data-count="0" data-date="2020-04-03"></rect>
<rect class="day" width="11" height="11" x="0" y="65" fill="rgb(247,252,240)" data-count="0" data-date="2020-04-04"></rect>
<rect class="day" width="11" height="11" x="0" y="78" fill="rgb(247,252,240)" 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(247,252,240)" data-count="0" data-date="2020-04-06"></rect>
<rect class="day" width="11" height="11" x="0" y="13" fill="rgb(247,252,240)" data-count="0" data-date="2020-04-07"></rect>
<rect class="day" width="11" height="11" x="0" y="26" fill="rgb(247,252,240)" data-count="0" data-date="2020-04-08"></rect>
<rect class="day" width="11" height="11" x="0" y="39" fill="rgb(247,252,240)" data-count="0" data-date="2020-04-09"></rect>
<rect class="day" width="11" height="11" x="0" y="52" fill="rgb(247,252,240)" data-count="0" data-date="2020-04-10"></rect>
<rect class="day" width="11" height="11" x="0" y="65" fill="rgb(247,252,240)" data-count="0" data-date="2020-04-11"></rect>
<rect class="day" width="11" height="11" x="0" y="78" fill="rgb(247,252,240)" 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(247,252,240)" data-count="0" data-date="2020-04-13"></rect>
<rect class="day" width="11" height="11" x="0" y="13" fill="rgb(247,252,240)" data-count="0" data-date="2020-04-14"></rect>
<rect class="day" width="11" height="11" x="0" y="26" fill="rgb(247,252,240)" data-count="0" data-date="2020-04-15"></rect>
<rect class="day" width="11" height="11" x="0" y="39" fill="rgb(247,252,240)" data-count="0" data-date="2020-04-16"></rect>
<rect class="day" width="11" height="11" x="0" y="52" fill="rgb(247,252,240)" data-count="0" data-date="2020-04-17"></rect>
<rect class="day" width="11" height="11" x="0" y="65" fill="rgb(247,252,240)" data-count="0" data-date="2020-04-18"></rect>
<rect class="day" width="11" height="11" x="0" y="78" fill="rgb(247,252,240)" 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(247,252,240)" data-count="0" data-date="2020-04-20"></rect>
<rect class="day" width="11" height="11" x="0" y="13" fill="rgb(247,252,240)" data-count="0" data-date="2020-04-21"></rect>
<rect class="day" width="11" height="11" x="0" y="26" fill="rgb(247,252,240)" data-count="0" data-date="2020-04-22"></rect>
<rect class="day" width="11" height="11" x="0" y="39" fill="rgb(247,252,240)" data-count="0" data-date="2020-04-23"></rect>
<rect class="day" width="11" height="11" x="0" y="52" fill="rgb(247,252,240)" data-count="0" data-date="2020-04-24"></rect>
<rect class="day" width="11" height="11" x="0" y="65" fill="rgb(247,252,240)" data-count="0" data-date="2020-04-25"></rect>
<rect class="day" width="11" height="11" x="0" y="78" fill="rgb(247,252,240)" 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(247,252,240)" data-count="0" data-date="2020-04-27"></rect>
<rect class="day" width="11" height="11" x="0" y="13" fill="rgb(247,252,240)" data-count="0" data-date="2020-04-28"></rect>
<rect class="day" width="11" height="11" x="0" y="26" fill="rgb(247,252,240)" data-count="0" data-date="2020-04-29"></rect>
<rect class="day" width="11" height="11" x="0" y="39" fill="rgb(247,252,240)" data-count="0" data-date="2020-04-30"></rect>
<rect class="day" width="11" height="11" x="0" y="52" fill="rgb(247,252,240)" data-count="0" data-date="2020-05-01"></rect>
<rect class="day" width="11" height="11" x="0" y="65" fill="rgb(247,252,240)" data-count="0" data-date="2020-05-02"></rect>
<rect class="day" width="11" height="11" x="0" y="78" fill="rgb(247,252,240)" 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(247,252,240)" data-count="0" data-date="2020-05-04"></rect>
<rect class="day" width="11" height="11" x="0" y="13" fill="rgb(247,252,240)" data-count="0" data-date="2020-05-05"></rect>
<rect class="day" width="11" height="11" x="0" y="26" fill="rgb(247,252,240)" data-count="0" data-date="2020-05-06"></rect>
<rect class="day" width="11" height="11" x="0" y="39" fill="rgb(247,252,240)" data-count="0" data-date="2020-05-07"></rect>
<rect class="day" width="11" height="11" x="0" y="52" fill="rgb(247,252,240)" data-count="0" data-date="2020-05-08"></rect>
<rect class="day" width="11" height="11" x="0" y="65" fill="rgb(247,252,240)" data-count="0" data-date="2020-05-09"></rect>
<rect class="day" width="11" height="11" x="0" y="78" fill="rgb(247,252,240)" 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(247,252,240)" data-count="0" data-date="2020-05-11"></rect>
<rect class="day" width="11" height="11" x="0" y="13" fill="rgb(247,252,240)" data-count="0" data-date="2020-05-12"></rect>
<rect class="day" width="11" height="11" x="0" y="26" fill="rgb(247,252,240)" data-count="0" data-date="2020-05-13"></rect>
<rect class="day" width="11" height="11" x="0" y="39" fill="rgb(247,252,240)" data-count="0" data-date="2020-05-14"></rect>
<rect class="day" width="11" height="11" x="0" y="52" fill="rgb(247,252,240)" data-count="0" data-date="2020-05-15"></rect>
<rect class="day" width="11" height="11" x="0" y="65" fill="rgb(78,179,211)" data-count="8" data-date="2020-05-16"></rect>
<rect class="day" width="11" height="11" x="0" y="78" fill="rgb(8,64,129)" 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(168,221,181)" data-count="5" data-date="2020-05-18"></rect>
<rect class="day" width="11" height="11" x="0" y="13" fill="rgb(78,179,211)" data-count="8" data-date="2020-05-19"></rect>
<rect class="day" width="11" height="11" x="0" y="26" fill="rgb(168,221,181)" data-count="5" data-date="2020-05-20"></rect>
<rect class="day" width="11" height="11" x="0" y="39" fill="rgb(168,221,181)" data-count="5" data-date="2020-05-21"></rect>
<rect class="day" width="11" height="11" x="0" y="52" fill="rgb(204,235,197)" data-count="3" data-date="2020-05-22"></rect>
<rect class="day" width="11" height="11" x="0" y="65" fill="rgb(168,221,181)" data-count="5" data-date="2020-05-23"></rect>
<rect class="day" width="11" height="11" x="0" y="78" fill="rgb(123,204,196)" 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(204,235,197)" data-count="3" data-date="2020-05-25"></rect>
<rect class="day" width="11" height="11" x="0" y="13" fill="rgb(168,221,181)" data-count="5" data-date="2020-05-26"></rect>
<rect class="day" width="11" height="11" x="0" y="26" fill="rgb(78,179,211)" data-count="8" data-date="2020-05-27"></rect>
<rect class="day" width="11" height="11" x="0" y="39" fill="rgb(224,243,219)" data-count="2" data-date="2020-05-28"></rect>
<rect class="day" width="11" height="11" x="0" y="52" fill="rgb(224,243,219)" data-count="2" data-date="2020-05-29"></rect>
<rect class="day" width="11" height="11" x="0" y="65" fill="rgb(78,179,211)" data-count="8" data-date="2020-05-30"></rect>
<rect class="day" width="11" height="11" x="0" y="78" fill="rgb(168,221,181)" 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(224,243,219)" data-count="1" data-date="2020-06-01"></rect>
<rect class="day" width="11" height="11" x="0" y="13" fill="rgb(204,235,197)" data-count="3" data-date="2020-06-02"></rect>
<rect class="day" width="11" height="11" x="0" y="26" fill="rgb(224,243,219)" data-count="1" data-date="2020-06-03"></rect>
<rect class="day" width="11" height="11" x="0" y="39" fill="rgb(204,235,197)" data-count="3" data-date="2020-06-04"></rect>
<rect class="day" width="11" height="11" x="0" y="52" fill="rgb(224,243,219)" data-count="1" data-date="2020-06-05"></rect>
<rect class="day" width="11" height="11" x="0" y="65" fill="rgb(204,235,197)" data-count="3" data-date="2020-06-06"></rect>
<rect class="day" width="11" height="11" x="0" y="78" fill="rgb(168,221,181)" 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(247,252,240)" data-count="0" data-date="2020-06-08"></rect>
<rect class="day" width="11" height="11" x="0" y="13" fill="rgb(224,243,219)" data-count="1" data-date="2020-06-09"></rect>
<rect class="day" width="11" height="11" x="0" y="26" fill="rgb(224,243,219)" data-count="2" data-date="2020-06-10"></rect>
<rect class="day" width="11" height="11" x="0" y="39" fill="rgb(247,252,240)" data-count="0" data-date="2020-06-11"></rect>
<rect class="day" width="11" height="11" x="0" y="52" fill="rgb(43,140,190)" data-count="9" data-date="2020-06-12"></rect>
<rect class="day" width="11" height="11" x="0" y="65" fill="rgb(123,204,196)" data-count="7" data-date="2020-06-13"></rect>
<rect class="day" width="11" height="11" x="0" y="78" fill="rgb(204,235,197)" 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(224,243,219)" data-count="1" data-date="2020-06-15"></rect>
<rect class="day" width="11" height="11" x="0" y="13" fill="rgb(247,252,240)" data-count="0" data-date="2020-06-16"></rect>
<rect class="day" width="11" height="11" x="0" y="26" fill="rgb(224,243,219)" data-count="1" data-date="2020-06-17"></rect>
<rect class="day" width="11" height="11" x="0" y="39" fill="rgb(247,252,240)" data-count="0" data-date="2020-06-18"></rect>
<rect class="day" width="11" height="11" x="0" y="52" fill="rgb(247,252,240)" data-count="0" data-date="2020-06-19"></rect>
<rect class="day" width="11" height="11" x="0" y="65" fill="rgb(224,243,219)" data-count="2" data-date="2020-06-20"></rect>
<rect class="day" width="11" height="11" x="0" y="78" fill="rgb(224,243,219)" 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(247,252,240)" data-count="0" data-date="2020-06-22"></rect>
<rect class="day" width="11" height="11" x="0" y="13" fill="rgb(224,243,219)" data-count="2" data-date="2020-06-23"></rect>
<rect class="day" width="11" height="11" x="0" y="26" fill="rgb(224,243,219)" data-count="2" data-date="2020-06-24"></rect>
<rect class="day" width="11" height="11" x="0" y="39" fill="rgb(204,235,197)" data-count="3" data-date="2020-06-25"></rect>
<rect class="day" width="11" height="11" x="0" y="52" fill="rgb(204,235,197)" data-count="3" data-date="2020-06-26"></rect>
<rect class="day" width="11" height="11" x="0" y="65" fill="rgb(224,243,219)" data-count="2" data-date="2020-06-27"></rect>
<rect class="day" width="11" height="11" x="0" y="78" fill="rgb(224,243,219)" 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(224,243,219)" data-count="1" data-date="2020-06-29"></rect>
<rect class="day" width="11" height="11" x="0" y="13" fill="rgb(224,243,219)" data-count="2" data-date="2020-06-30"></rect>
<rect class="day" width="11" height="11" x="0" y="26" fill="rgb(247,252,240)" data-count="0" data-date="2020-07-01"></rect>
<rect class="day" width="11" height="11" x="0" y="39" fill="rgb(247,252,240)" data-count="0" data-date="2020-07-02"></rect>
<rect class="day" width="11" height="11" x="0" y="52" fill="rgb(247,252,240)" data-count="0" data-date="2020-07-03"></rect>
<rect class="day" width="11" height="11" x="0" y="65" fill="rgb(247,252,240)" data-count="0" data-date="2020-07-04"></rect>
<rect class="day" width="11" height="11" x="0" y="78" fill="rgb(247,252,240)" 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(247,252,240)" data-count="0" data-date="2020-07-06"></rect>
<rect class="day" width="11" height="11" x="0" y="13" fill="rgb(247,252,240)" data-count="0" data-date="2020-07-07"></rect>
<rect class="day" width="11" height="11" x="0" y="26" fill="rgb(247,252,240)" data-count="0" data-date="2020-07-08"></rect>
<rect class="day" width="11" height="11" x="0" y="39" fill="rgb(247,252,240)" data-count="0" data-date="2020-07-09"></rect>
<rect class="day" width="11" height="11" x="0" y="52" fill="rgb(247,252,240)" data-count="0" data-date="2020-07-10"></rect>
<rect class="day" width="11" height="11" x="0" y="65" fill="rgb(247,252,240)" data-count="0" data-date="2020-07-11"></rect>
<rect class="day" width="11" height="11" x="0" y="78" fill="rgb(247,252,240)" 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(247,252,240)" data-count="0" data-date="2020-07-13"></rect>
<rect class="day" width="11" height="11" x="0" y="13" fill="rgb(247,252,240)" data-count="0" data-date="2020-07-14"></rect>
<rect class="day" width="11" height="11" x="0" y="26" fill="rgb(247,252,240)" data-count="0" data-date="2020-07-15"></rect>
<rect class="day" width="11" height="11" x="0" y="39" fill="rgb(247,252,240)" data-count="0" data-date="2020-07-16"></rect>
<rect class="day" width="11" height="11" x="0" y="52" fill="rgb(247,252,240)" data-count="0" data-date="2020-07-17"></rect>
<rect class="day" width="11" height="11" x="0" y="65" fill="rgb(247,252,240)" data-count="0" data-date="2020-07-18"></rect>
<rect class="day" width="11" height="11" x="0" y="78" fill="rgb(247,252,240)" 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(247,252,240)" data-count="0" data-date="2020-07-20"></rect>
<rect class="day" width="11" height="11" x="0" y="13" fill="rgb(247,252,240)" data-count="0" data-date="2020-07-21"></rect>
<rect class="day" width="11" height="11" x="0" y="26" fill="rgb(247,252,240)" data-count="0" data-date="2020-07-22"></rect>
<rect class="day" width="11" height="11" x="0" y="39" fill="rgb(247,252,240)" data-count="0" data-date="2020-07-23"></rect>
<rect class="day" width="11" height="11" x="0" y="52" fill="rgb(247,252,240)" data-count="0" data-date="2020-07-24"></rect>
<rect class="day" width="11" height="11" x="0" y="65" fill="rgb(247,252,240)" data-count="0" data-date="2020-07-25"></rect>
<rect class="day" width="11" height="11" x="0" y="78" fill="rgb(247,252,240)" 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(247,252,240)" data-count="0" data-date="2020-07-27"></rect>
<rect class="day" width="11" height="11" x="0" y="13" fill="rgb(247,252,240)" data-count="0" data-date="2020-07-28"></rect>
<rect class="day" width="11" height="11" x="0" y="26" fill="rgb(247,252,240)" data-count="0" data-date="2020-07-29"></rect>
<rect class="day" width="11" height="11" x="0" y="39" fill="rgb(247,252,240)" data-count="0" data-date="2020-07-30"></rect>
<rect class="day" width="11" height="11" x="0" y="52" fill="rgb(247,252,240)" data-count="0" data-date="2020-07-31"></rect>
<rect class="day" width="11" height="11" x="0" y="65" fill="rgb(247,252,240)" data-count="0" data-date="2020-08-01"></rect>
<rect class="day" width="11" height="11" x="0" y="78" fill="rgb(247,252,240)" 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(247,252,240)" data-count="0" data-date="2020-08-03"></rect>
<rect class="day" width="11" height="11" x="0" y="13" fill="rgb(247,252,240)" data-count="0" data-date="2020-08-04"></rect>
<rect class="day" width="11" height="11" x="0" y="26" fill="rgb(247,252,240)" data-count="0" data-date="2020-08-05"></rect>
<rect class="day" width="11" height="11" x="0" y="39" fill="rgb(247,252,240)" data-count="0" data-date="2020-08-06"></rect>
<rect class="day" width="11" height="11" x="0" y="52" fill="rgb(247,252,240)" data-count="0" data-date="2020-08-07"></rect>
<rect class="day" width="11" height="11" x="0" y="65" fill="rgb(247,252,240)" data-count="0" data-date="2020-08-08"></rect>
<rect class="day" width="11" height="11" x="0" y="78" fill="rgb(247,252,240)" 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(247,252,240)" data-count="0" data-date="2020-08-10"></rect>
<rect class="day" width="11" height="11" x="0" y="13" fill="rgb(247,252,240)" data-count="0" data-date="2020-08-11"></rect>
<rect class="day" width="11" height="11" x="0" y="26" fill="rgb(247,252,240)" data-count="0" data-date="2020-08-12"></rect>
<rect class="day" width="11" height="11" x="0" y="39" fill="rgb(247,252,240)" data-count="0" data-date="2020-08-13"></rect>
<rect class="day" width="11" height="11" x="0" y="52" fill="rgb(247,252,240)" data-count="0" data-date="2020-08-14"></rect>
<rect class="day" width="11" height="11" x="0" y="65" fill="rgb(247,252,240)" data-count="0" data-date="2020-08-15"></rect>
<rect class="day" width="11" height="11" x="0" y="78" fill="rgb(247,252,240)" 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(247,252,240)" data-count="0" data-date="2020-08-17"></rect>
<rect class="day" width="11" height="11" x="0" y="13" fill="rgb(247,252,240)" data-count="0" data-date="2020-08-18"></rect>
<rect class="day" width="11" height="11" x="0" y="26" fill="rgb(247,252,240)" data-count="0" data-date="2020-08-19"></rect>
<rect class="day" width="11" height="11" x="0" y="39" fill="rgb(247,252,240)" data-count="0" data-date="2020-08-20"></rect>
<rect class="day" width="11" height="11" x="0" y="52" fill="rgb(247,252,240)" data-count="0" data-date="2020-08-21"></rect>
<rect class="day" width="11" height="11" x="0" y="65" fill="rgb(247,252,240)" data-count="0" data-date="2020-08-22"></rect>
<rect class="day" width="11" height="11" x="0" y="78" fill="rgb(247,252,240)" 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(247,252,240)" data-count="0" data-date="2020-08-24"></rect>
<rect class="day" width="11" height="11" x="0" y="13" fill="rgb(247,252,240)" data-count="0" data-date="2020-08-25"></rect>
<rect class="day" width="11" height="11" x="0" y="26" fill="rgb(247,252,240)" data-count="0" data-date="2020-08-26"></rect>
<rect class="day" width="11" height="11" x="0" y="39" fill="rgb(247,252,240)" data-count="0" data-date="2020-08-27"></rect>
<rect class="day" width="11" height="11" x="0" y="52" fill="rgb(247,252,240)" data-count="0" data-date="2020-08-28"></rect>
<rect class="day" width="11" height="11" x="0" y="65" fill="rgb(247,252,240)" data-count="0" data-date="2020-08-29"></rect>
<rect class="day" width="11" height="11" x="0" y="78" fill="rgb(247,252,240)" 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(247,252,240)" data-count="0" data-date="2020-08-31"></rect>
<rect class="day" width="11" height="11" x="0" y="13" fill="rgb(247,252,240)" data-count="0" data-date="2020-09-01"></rect>
<rect class="day" width="11" height="11" x="0" y="26" fill="rgb(247,252,240)" data-count="0" data-date="2020-09-02"></rect>
<rect class="day" width="11" height="11" x="0" y="39" fill="rgb(247,252,240)" data-count="0" data-date="2020-09-03"></rect>
<rect class="day" width="11" height="11" x="0" y="52" fill="rgb(247,252,240)" data-count="0" data-date="2020-09-04"></rect>
<rect class="day" width="11" height="11" x="0" y="65" fill="rgb(247,252,240)" data-count="0" data-date="2020-09-05"></rect>
<rect class="day" width="11" height="11" x="0" y="78" fill="rgb(247,252,240)" 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(247,252,240)" data-count="0" data-date="2020-09-07"></rect>
<rect class="day" width="11" height="11" x="0" y="13" fill="rgb(247,252,240)" data-count="0" data-date="2020-09-08"></rect>
<rect class="day" width="11" height="11" x="0" y="26" fill="rgb(247,252,240)" data-count="0" data-date="2020-09-09"></rect>
<rect class="day" width="11" height="11" x="0" y="39" fill="rgb(247,252,240)" data-count="0" data-date="2020-09-10"></rect>
<rect class="day" width="11" height="11" x="0" y="52" fill="rgb(247,252,240)" data-count="0" data-date="2020-09-11"></rect>
<rect class="day" width="11" height="11" x="0" y="65" fill="rgb(247,252,240)" data-count="0" data-date="2020-09-12"></rect>
<rect class="day" width="11" height="11" x="0" y="78" fill="rgb(247,252,240)" 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(247,252,240)" data-count="0" data-date="2020-09-14"></rect>
<rect class="day" width="11" height="11" x="0" y="13" fill="rgb(247,252,240)" data-count="0" data-date="2020-09-15"></rect>
<rect class="day" width="11" height="11" x="0" y="26" fill="rgb(247,252,240)" data-count="0" data-date="2020-09-16"></rect>
<rect class="day" width="11" height="11" x="0" y="39" fill="rgb(247,252,240)" data-count="0" data-date="2020-09-17"></rect>
<rect class="day" width="11" height="11" x="0" y="52" fill="rgb(247,252,240)" data-count="0" data-date="2020-09-18"></rect>
<rect class="day" width="11" height="11" x="0" y="65" fill="rgb(247,252,240)" data-count="0" data-date="2020-09-19"></rect>
<rect class="day" width="11" height="11" x="0" y="78" fill="rgb(247,252,240)" 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(247,252,240)" data-count="0" data-date="2020-09-21"></rect>
<rect class="day" width="11" height="11" x="0" y="13" fill="rgb(247,252,240)" data-count="0" data-date="2020-09-22"></rect>
<rect class="day" width="11" height="11" x="0" y="26" fill="rgb(247,252,240)" data-count="0" data-date="2020-09-23"></rect>
<rect class="day" width="11" height="11" x="0" y="39" fill="rgb(247,252,240)" data-count="0" data-date="2020-09-24"></rect>
<rect class="day" width="11" height="11" x="0" y="52" fill="rgb(247,252,240)" data-count="0" data-date="2020-09-25"></rect>
<rect class="day" width="11" height="11" x="0" y="65" fill="rgb(247,252,240)" data-count="0" data-date="2020-09-26"></rect>
<rect class="day" width="11" height="11" x="0" y="78" fill="rgb(247,252,240)" 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(247,252,240)" data-count="0" data-date="2020-09-28"></rect>
<rect class="day" width="11" height="11" x="0" y="13" fill="rgb(247,252,240)" data-count="0" data-date="2020-09-29"></rect>
<rect class="day" width="11" height="11" x="0" y="26" fill="rgb(247,252,240)" data-count="0" data-date="2020-09-30"></rect>
<rect class="day" width="11" height="11" x="0" y="39" fill="rgb(247,252,240)" data-count="0" data-date="2020-10-01"></rect>
<rect class="day" width="11" height="11" x="0" y="52" fill="rgb(247,252,240)" data-count="0" data-date="2020-10-02"></rect>
<rect class="day" width="11" height="11" x="0" y="65" fill="rgb(247,252,240)" data-count="0" data-date="2020-10-03"></rect>
<rect class="day" width="11" height="11" x="0" y="78" fill="rgb(247,252,240)" 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(247,252,240)" data-count="0" data-date="2020-10-05"></rect>
<rect class="day" width="11" height="11" x="0" y="13" fill="rgb(247,252,240)" data-count="0" data-date="2020-10-06"></rect>
<rect class="day" width="11" height="11" x="0" y="26" fill="rgb(247,252,240)" data-count="0" data-date="2020-10-07"></rect>
<rect class="day" width="11" height="11" x="0" y="39" fill="rgb(247,252,240)" data-count="0" data-date="2020-10-08"></rect>
<rect class="day" width="11" height="11" x="0" y="52" fill="rgb(247,252,240)" data-count="0" data-date="2020-10-09"></rect>
<rect class="day" width="11" height="11" x="0" y="65" fill="rgb(247,252,240)" data-count="0" data-date="2020-10-10"></rect>
<rect class="day" width="11" height="11" x="0" y="78" fill="rgb(247,252,240)" 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(247,252,240)" data-count="0" data-date="2020-10-12"></rect>
<rect class="day" width="11" height="11" x="0" y="13" fill="rgb(247,252,240)" data-count="0" data-date="2020-10-13"></rect>
<rect class="day" width="11" height="11" x="0" y="26" fill="rgb(247,252,240)" data-count="0" data-date="2020-10-14"></rect>
<rect class="day" width="11" height="11" x="0" y="39" fill="rgb(247,252,240)" data-count="0" data-date="2020-10-15"></rect>
<rect class="day" width="11" height="11" x="0" y="52" fill="rgb(247,252,240)" data-count="0" data-date="2020-10-16"></rect>
<rect class="day" width="11" height="11" x="0" y="65" fill="rgb(247,252,240)" data-count="0" data-date="2020-10-17"></rect>
<rect class="day" width="11" height="11" x="0" y="78" fill="rgb(247,252,240)" 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(247,252,240)" data-count="0" data-date="2020-10-19"></rect>
<rect class="day" width="11" height="11" x="0" y="13" fill="rgb(247,252,240)" data-count="0" data-date="2020-10-20"></rect>
<rect class="day" width="11" height="11" x="0" y="26" fill="rgb(247,252,240)" data-count="0" data-date="2020-10-21"></rect>
<rect class="day" width="11" height="11" x="0" y="39" fill="rgb(247,252,240)" data-count="0" data-date="2020-10-22"></rect>
<rect class="day" width="11" height="11" x="0" y="52" fill="rgb(247,252,240)" data-count="0" data-date="2020-10-23"></rect>
<rect class="day" width="11" height="11" x="0" y="65" fill="rgb(247,252,240)" data-count="0" data-date="2020-10-24"></rect>
<rect class="day" width="11" height="11" x="0" y="78" fill="rgb(247,252,240)" 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(247,252,240)" data-count="0" data-date="2020-10-26"></rect>
<rect class="day" width="11" height="11" x="0" y="13" fill="rgb(247,252,240)" data-count="0" data-date="2020-10-27"></rect>
<rect class="day" width="11" height="11" x="0" y="26" fill="rgb(247,252,240)" data-count="0" data-date="2020-10-28"></rect>
<rect class="day" width="11" height="11" x="0" y="39" fill="rgb(247,252,240)" data-count="0" data-date="2020-10-29"></rect>
<rect class="day" width="11" height="11" x="0" y="52" fill="rgb(247,252,240)" data-count="0" data-date="2020-10-30"></rect>
<rect class="day" width="11" height="11" x="0" y="65" fill="rgb(247,252,240)" data-count="0" data-date="2020-10-31"></rect>
<rect class="day" width="11" height="11" x="0" y="78" fill="rgb(247,252,240)" 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(247,252,240)" data-count="0" data-date="2020-11-02"></rect>
<rect class="day" width="11" height="11" x="0" y="13" fill="rgb(247,252,240)" data-count="0" data-date="2020-11-03"></rect>
<rect class="day" width="11" height="11" x="0" y="26" fill="rgb(247,252,240)" data-count="0" data-date="2020-11-04"></rect>
<rect class="day" width="11" height="11" x="0" y="39" fill="rgb(247,252,240)" data-count="0" data-date="2020-11-05"></rect>
<rect class="day" width="11" height="11" x="0" y="52" fill="rgb(247,252,240)" data-count="0" data-date="2020-11-06"></rect>
<rect class="day" width="11" height="11" x="0" y="65" fill="rgb(247,252,240)" data-count="0" data-date="2020-11-07"></rect>
<rect class="day" width="11" height="11" x="0" y="78" fill="rgb(247,252,240)" 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(247,252,240)" data-count="0" data-date="2020-11-09"></rect>
<rect class="day" width="11" height="11" x="0" y="13" fill="rgb(247,252,240)" data-count="0" data-date="2020-11-10"></rect>
<rect class="day" width="11" height="11" x="0" y="26" fill="rgb(247,252,240)" data-count="0" data-date="2020-11-11"></rect>
<rect class="day" width="11" height="11" x="0" y="39" fill="rgb(247,252,240)" data-count="0" data-date="2020-11-12"></rect>
<rect class="day" width="11" height="11" x="0" y="52" fill="rgb(247,252,240)" data-count="0" data-date="2020-11-13"></rect>
<rect class="day" width="11" height="11" x="0" y="65" fill="rgb(247,252,240)" data-count="0" data-date="2020-11-14"></rect>
<rect class="day" width="11" height="11" x="0" y="78" fill="rgb(247,252,240)" 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(247,252,240)" data-count="0" data-date="2020-11-16"></rect>
<rect class="day" width="11" height="11" x="0" y="13" fill="rgb(247,252,240)" data-count="0" data-date="2020-11-17"></rect>
<rect class="day" width="11" height="11" x="0" y="26" fill="rgb(247,252,240)" data-count="0" data-date="2020-11-18"></rect>
<rect class="day" width="11" height="11" x="0" y="39" fill="rgb(247,252,240)" data-count="0" data-date="2020-11-19"></rect>
<rect class="day" width="11" height="11" x="0" y="52" fill="rgb(247,252,240)" data-count="0" data-date="2020-11-20"></rect>
<rect class="day" width="11" height="11" x="0" y="65" fill="rgb(247,252,240)" data-count="0" data-date="2020-11-21"></rect>
<rect class="day" width="11" height="11" x="0" y="78" fill="rgb(247,252,240)" 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(247,252,240)" data-count="0" data-date="2020-11-23"></rect>
<rect class="day" width="11" height="11" x="0" y="13" fill="rgb(247,252,240)" data-count="0" data-date="2020-11-24"></rect>
<rect class="day" width="11" height="11" x="0" y="26" fill="rgb(247,252,240)" data-count="0" data-date="2020-11-25"></rect>
<rect class="day" width="11" height="11" x="0" y="39" fill="rgb(247,252,240)" data-count="0" data-date="2020-11-26"></rect>
<rect class="day" width="11" height="11" x="0" y="52" fill="rgb(247,252,240)" data-count="0" data-date="2020-11-27"></rect>
<rect class="day" width="11" height="11" x="0" y="65" fill="rgb(247,252,240)" data-count="0" data-date="2020-11-28"></rect>
<rect class="day" width="11" height="11" x="0" y="78" fill="rgb(247,252,240)" 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(247,252,240)" data-count="0" data-date="2020-11-30"></rect>
<rect class="day" width="11" height="11" x="0" y="13" fill="rgb(247,252,240)" data-count="0" data-date="2020-12-01"></rect>
<rect class="day" width="11" height="11" x="0" y="26" fill="rgb(247,252,240)" data-count="0" data-date="2020-12-02"></rect>
<rect class="day" width="11" height="11" x="0" y="39" fill="rgb(247,252,240)" data-count="0" data-date="2020-12-03"></rect>
<rect class="day" width="11" height="11" x="0" y="52" fill="rgb(247,252,240)" data-count="0" data-date="2020-12-04"></rect>
<rect class="day" width="11" height="11" x="0" y="65" fill="rgb(247,252,240)" data-count="0" data-date="2020-12-05"></rect>
<rect class="day" width="11" height="11" x="0" y="78" fill="rgb(247,252,240)" 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(247,252,240)" data-count="0" data-date="2020-12-07"></rect>
<rect class="day" width="11" height="11" x="0" y="13" fill="rgb(247,252,240)" data-count="0" data-date="2020-12-08"></rect>
<rect class="day" width="11" height="11" x="0" y="26" fill="rgb(247,252,240)" data-count="0" data-date="2020-12-09"></rect>
<rect class="day" width="11" height="11" x="0" y="39" fill="rgb(247,252,240)" data-count="0" data-date="2020-12-10"></rect>
<rect class="day" width="11" height="11" x="0" y="52" fill="rgb(247,252,240)" data-count="0" data-date="2020-12-11"></rect>
<rect class="day" width="11" height="11" x="0" y="65" fill="rgb(247,252,240)" data-count="0" data-date="2020-12-12"></rect>
<rect class="day" width="11" height="11" x="0" y="78" fill="rgb(247,252,240)" 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(247,252,240)" data-count="0" data-date="2020-12-14"></rect>
<rect class="day" width="11" height="11" x="0" y="13" fill="rgb(247,252,240)" data-count="0" data-date="2020-12-15"></rect>
<rect class="day" width="11" height="11" x="0" y="26" fill="rgb(247,252,240)" data-count="0" data-date="2020-12-16"></rect>
<rect class="day" width="11" height="11" x="0" y="39" fill="rgb(247,252,240)" data-count="0" data-date="2020-12-17"></rect>
<rect class="day" width="11" height="11" x="0" y="52" fill="rgb(247,252,240)" data-count="0" data-date="2020-12-18"></rect>
<rect class="day" width="11" height="11" x="0" y="65" fill="rgb(247,252,240)" data-count="0" data-date="2020-12-19"></rect>
<rect class="day" width="11" height="11" x="0" y="78" fill="rgb(247,252,240)" 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(247,252,240)" data-count="0" data-date="2020-12-21"></rect>
<rect class="day" width="11" height="11" x="0" y="13" fill="rgb(247,252,240)" data-count="0" data-date="2020-12-22"></rect>
<rect class="day" width="11" height="11" x="0" y="26" fill="rgb(247,252,240)" data-count="0" data-date="2020-12-23"></rect>
<rect class="day" width="11" height="11" x="0" y="39" fill="rgb(247,252,240)" data-count="0" data-date="2020-12-24"></rect>
<rect class="day" width="11" height="11" x="0" y="52" fill="rgb(247,252,240)" data-count="0" data-date="2020-12-25"></rect>
<rect class="day" width="11" height="11" x="0" y="65" fill="rgb(247,252,240)" data-count="0" data-date="2020-12-26"></rect>
<rect class="day" width="11" height="11" x="0" y="78" fill="rgb(247,252,240)" 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(247,252,240)" data-count="0" data-date="2020-12-28"></rect>
<rect class="day" width="11" height="11" x="0" y="13" fill="rgb(247,252,240)" data-count="0" data-date="2020-12-29"></rect>
<rect class="day" width="11" height="11" x="0" y="26" fill="rgb(247,252,240)" data-count="0" data-date="2020-12-30"></rect>
<rect class="day" width="11" height="11" x="0" y="39" fill="rgb(247,252,240)" data-count="0" data-date="2020-12-31"></rect>
</g>
<text x="14" y="-7" font-size="8px" fill="rgb(100,100,100)">1월</text>
<text x="70" y="-7" font-size="8px" fill="rgb(100,100,100)">2월</text>
<text x="126" y="-7" font-size="8px" fill="rgb(100,100,100)">3월</text>
<text x="196" y="-7" font-size="8px" fill="rgb(100,100,100)">4월</text>
<text x="252" y="-7" font-size="8px" fill="rgb(100,100,100)">5월</text>
<text x="308" y="-7" font-size="8px" fill="rgb(100,100,100)">6월</text>
<text x="378" y="-7" font-size="8px" fill="rgb(100,100,100)">7월</text>
<text x="434" y="-7" font-size="8px" fill="rgb(100,100,100)">8월</text>
<text x="504" y="-7" font-size="8px" fill="rgb(100,100,100)">9월</text>
<text x="560" y="-7" font-size="8px" fill="rgb(100,100,100)">10월</text>
<text x="616" y="-7" font-size="8px" fill="rgb(100,100,100)">11월</text>
<text x="686" y="-7" font-size="8px" fill="rgb(100,100,100)">12월</text>
<text text-anchor="start" font-size="8px" dx="-10" dy="8" fill="rgb(100,100,100)" ></text>
<text text-anchor="start" font-size="8px" dx="-10" dy="21" fill="rgb(100,100,100)" style="display: none;"></text>
<text text-anchor="start" font-size="8px" dx="-10" dy="34" fill="rgb(100,100,100)" ></text>
<text text-anchor="start" font-size="8px" dx="-10" dy="47" fill="rgb(100,100,100)" style="display: none;"></text>
<text text-anchor="start" font-size="8px" dx="-10" dy="60" fill="rgb(100,100,100)" ></text>
<text text-anchor="start" font-size="8px" dx="-10" dy="73" fill="rgb(100,100,100)" style="display: none;"></text>
<text text-anchor="start" font-size="8px" dx="-10" dy="86" fill="rgb(100,100,100)" style="display: none;"></text>
</g></svg>

After

Width:  |  Height:  |  Size: 49 KiB

BIN
docs/nolabels.png Normal file

Binary file not shown.

After

Width:  |  Height:  |  Size: 47 KiB

BIN
docs/noseparator.png Normal file

Binary file not shown.

After

Width:  |  Height:  |  Size: 86 KiB

Binary file not shown.

Before

Width:  |  Height:  |  Size: 46 KiB

After

Width:  |  Height:  |  Size: 46 KiB

34
main.go
View File

@ -7,29 +7,37 @@ import (
"io/ioutil"
"log"
"os"
"path"
"time"
"github.com/nikolaydubina/calendarheatmap/charts"
"github.com/nikolaydubina/calendarheatmap/colorscales"
)
func main() {
os.Setenv("CALENDAR_HEATMAP_ASSETS_PATH", "charts/assets")
var (
colorScale string
labels bool
locale string
monthSep bool
outputFormat string
assetsPath string
)
flag.BoolVar(&labels, "labels", true, "labels for weekday and months")
flag.BoolVar(&monthSep, "monthsep", true, "render month separator")
flag.StringVar(&colorScale, "colorscale", "PuBu9", "refer to colorscales for examples")
flag.StringVar(&colorScale, "colorscale", "green-blue-9.csv", "filename of colorscale")
flag.StringVar(&locale, "locale", "en_US", "locale of labels (en_US, ko_KR)")
flag.StringVar(&outputFormat, "output", "png", "output format (png, jpeg, gif, svg)")
flag.StringVar(&assetsPath, "assetspath", "", "absolute path, or relative path for executable, of calendarheatmap repo assets, if not set will try CALENDARHEATMAP_ASSETS env variable, if not will try 'assets'")
flag.Parse()
if assetsPath == "" {
assetsPath = os.Getenv("CALENDAR_HEATMAP_ASSETS_PATH")
if assetsPath == "" {
assetsPath = "assets"
}
}
data, err := ioutil.ReadAll(os.Stdin)
if err != nil {
log.Fatal(err)
@ -40,9 +48,19 @@ func main() {
log.Fatal(err)
}
colorscale, err := charts.NewBasicColorscaleFromCSVFile(path.Join(assetsPath, "colorscales", colorScale))
if err != nil {
log.Fatal(err)
}
fontFace, err := charts.LoadFontFaceFromFile(path.Join(assetsPath, "fonts", "Sunflower-Medium.ttf"))
if err != nil {
log.Fatal(err)
}
conf := charts.HeatmapConfig{
Counts: counts,
ColorScale: colorscales.LoadColorScale(colorScale),
ColorScale: colorscale,
DrawMonthSeparator: monthSep,
DrawLabels: labels,
Margin: 30,
@ -53,6 +71,12 @@ func main() {
BorderColor: color.RGBA{200, 200, 200, 255},
Locale: locale,
Format: outputFormat,
FontFace: fontFace,
ShowWeekdays: map[time.Weekday]bool{
time.Monday: true,
time.Wednesday: true,
time.Friday: true,
},
}
charts.WriteHeatmap(conf, os.Stdout)
}