metrics.plugin.stargazers.graph.svg

<svg xmlns="http://www.w3.org/2000/svg" width="480" height="814" class="">
    <defs>
        <style/>
    </defs>
    <style>@keyframes animation-gauge{0%{stroke-dasharray:0 329}}@keyframes animation-rainbow{0%,to{color:#7f00ff;fill:#7f00ff}14%{color:#a933ff;fill:#a933ff}29%{color:#007fff;fill:#007fff}43%{color:#00ff7f;fill:#00ff7f}57%{color:#ff0;fill:#ff0}71%{color:#ff7f00;fill:#ff7f00}86%{color:red;fill:red}}svg{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Helvetica,Arial,sans-serif,Apple Color Emoji,Segoe UI Emoji;color:#777}h2,h3{margin:8px 0 2px;padding:0;color:#0366d6;font-weight:400}h2 svg,h3 svg{fill:currentColor}h2{font-size:16px}h3,svg{font-size:14px}section&gt;.field{margin-left:5px;margin-right:5px}.field{display:flex;align-items:center;margin-bottom:2px;white-space:nowrap}.field svg{margin:0 8px;fill:#959da5;flex-shrink:0}.row{display:flex;flex-wrap:wrap}.row section{flex:1 1 0}.column{display:flex;flex-direction:column;align-items:center}.margin-bottom{margin-bottom:16px}.chart{padding:0 8px}:root{--color-calendar-graph-day-bg:#ebedf0;--color-calendar-graph-day-border:rgba(27,31,35,0.06);--color-calendar-graph-day-L1-bg:#9be9a8;--color-calendar-graph-day-L2-bg:#40c463;--color-calendar-graph-day-L3-bg:#30a14e;--color-calendar-graph-day-L4-bg:#216e39;--color-calendar-halloween-graph-day-L1-bg:#ffee4a;--color-calendar-halloween-graph-day-L2-bg:#ffc501;--color-calendar-halloween-graph-day-L3-bg:#fe9600;--color-calendar-halloween-graph-day-L4-bg:#03001c;--color-calendar-winter-graph-day-L1-bg:#0a3069;--color-calendar-winter-graph-day-L2-bg:#0969da;--color-calendar-winter-graph-day-L3-bg:#54aeff;--color-calendar-winter-graph-day-L4-bg:#b6e3ff;--color-calendar-graph-day-L4-border:rgba(27,31,35,0.06);--color-calendar-graph-day-L3-border:rgba(27,31,35,0.06);--color-calendar-graph-day-L2-border:rgba(27,31,35,0.06);--color-calendar-graph-day-L1-border:rgba(27,31,35,0.06)}#metrics-end{width:100%}</style>
    <style/>
    <foreignObject x="0" y="0" width="100%" height="100%">
        <div xmlns="http://www.w3.org/1999/xhtml" xmlns:xlink="http://www.w3.org/1999/xlink" class="items-wrapper">
            <section class="stargazers">
                <h2 class="field">
                    <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 16" width="16" height="16">
                        <path fill-rule="evenodd" d="M8 .25a.75.75 0 01.673.418l1.882 3.815 4.21.612a.75.75 0 01.416 1.279l-3.046 2.97.719 4.192a.75.75 0 01-1.088.791L8 12.347l-3.766 1.98a.75.75 0 01-1.088-.79l.72-4.194L.818 6.374a.75.75 0 01.416-1.28l4.21-.611L7.327.668A.75.75 0 018 .25zm0 2.445L6.615 5.5a.75.75 0 01-.564.41l-3.097.45 2.24 2.184a.75.75 0 01.216.664l-.528 3.084 2.769-1.456a.75.75 0 01.698 0l2.77 1.456-.53-3.084a.75.75 0 01.216-.664l2.24-2.183-3.096-.45a.75.75 0 01-.564-.41L8 2.694v.001z"/>
                    </svg>
                    Stargazers
                </h2>
                <div class="row margin-bottom">
                    <section class="column chart">
                        <h3>Total stargazers</h3>
                        <svg xmlns="http://www.w3.org/2000/svg" width="480" height="315">
                            <g transform="translate(10,270)" fill="none" font-size="10" font-family="sans-serif" text-anchor="middle">
                                <path class="domain" stroke="rgba(127, 127, 127, .8)" d="M10.5,0.5H460.5"/>
                                <g class="tick" opacity="1" transform="translate(10.5,0)">
                                    <line stroke="currentColor" y2="6" stroke-opacity="0.5"/>
                                    <text fill="rgba(127, 127, 127, .8)" y="9" dy="0.71em" transform="translate(-5,5) rotate(-45)" style="text-anchor: end;">Fri 28</text>
                                </g>
                                <g class="tick" opacity="1" transform="translate(45.11538461538462,0)">
                                    <line stroke="currentColor" y2="6" stroke-opacity="0.5"/>
                                    <text fill="rgba(127, 127, 127, .8)" y="9" dy="0.71em" transform="translate(-5,5) rotate(-45)" style="text-anchor: end;">Sat 29</text>
                                </g>
                                <g class="tick" opacity="1" transform="translate(79.73076923076924,0)">
                                    <line stroke="currentColor" y2="6" stroke-opacity="0.5"/>
                                    <text fill="rgba(127, 127, 127, .8)" y="9" dy="0.71em" transform="translate(-5,5) rotate(-45)" style="text-anchor: end;">Jun 30</text>
                                </g>
                                <g class="tick" opacity="1" transform="translate(114.34615384615385,0)">
                                    <line stroke="currentColor" y2="6" stroke-opacity="0.5"/>
                                    <text fill="rgba(127, 127, 127, .8)" y="9" dy="0.71em" transform="translate(-5,5) rotate(-45)" style="text-anchor: end;">July</text>
                                </g>
                                <g class="tick" opacity="1" transform="translate(148.96153846153848,0)">
                                    <line stroke="currentColor" y2="6" stroke-opacity="0.5"/>
                                    <text fill="rgba(127, 127, 127, .8)" y="9" dy="0.71em" transform="translate(-5,5) rotate(-45)" style="text-anchor: end;">Tue 02</text>
                                </g>
                                <g class="tick" opacity="1" transform="translate(183.5769230769231,0)">
                                    <line stroke="currentColor" y2="6" stroke-opacity="0.5"/>
                                    <text fill="rgba(127, 127, 127, .8)" y="9" dy="0.71em" transform="translate(-5,5) rotate(-45)" style="text-anchor: end;">Wed 03</text>
                                </g>
                                <g class="tick" opacity="1" transform="translate(218.1923076923077,0)">
                                    <line stroke="currentColor" y2="6" stroke-opacity="0.5"/>
                                    <text fill="rgba(127, 127, 127, .8)" y="9" dy="0.71em" transform="translate(-5,5) rotate(-45)" style="text-anchor: end;">Thu 04</text>
                                </g>
                                <g class="tick" opacity="1" transform="translate(252.8076923076923,0)">
                                    <line stroke="currentColor" y2="6" stroke-opacity="0.5"/>
                                    <text fill="rgba(127, 127, 127, .8)" y="9" dy="0.71em" transform="translate(-5,5) rotate(-45)" style="text-anchor: end;">Fri 05</text>
                                </g>
                                <g class="tick" opacity="1" transform="translate(287.42307692307696,0)">
                                    <line stroke="currentColor" y2="6" stroke-opacity="0.5"/>
                                    <text fill="rgba(127, 127, 127, .8)" y="9" dy="0.71em" transform="translate(-5,5) rotate(-45)" style="text-anchor: end;">Sat 06</text>
                                </g>
                                <g class="tick" opacity="1" transform="translate(322.03846153846155,0)">
                                    <line stroke="currentColor" y2="6" stroke-opacity="0.5"/>
                                    <text fill="rgba(127, 127, 127, .8)" y="9" dy="0.71em" transform="translate(-5,5) rotate(-45)" style="text-anchor: end;">Jul 07</text>
                                </g>
                                <g class="tick" opacity="1" transform="translate(356.6538461538462,0)">
                                    <line stroke="currentColor" y2="6" stroke-opacity="0.5"/>
                                    <text fill="rgba(127, 127, 127, .8)" y="9" dy="0.71em" transform="translate(-5,5) rotate(-45)" style="text-anchor: end;">Mon 08</text>
                                </g>
                                <g class="tick" opacity="1" transform="translate(391.2692307692308,0)">
                                    <line stroke="currentColor" y2="6" stroke-opacity="0.5"/>
                                    <text fill="rgba(127, 127, 127, .8)" y="9" dy="0.71em" transform="translate(-5,5) rotate(-45)" style="text-anchor: end;">Tue 09</text>
                                </g>
                                <g class="tick" opacity="1" transform="translate(425.8846153846154,0)">
                                    <line stroke="currentColor" y2="6" stroke-opacity="0.5"/>
                                    <text fill="rgba(127, 127, 127, .8)" y="9" dy="0.71em" transform="translate(-5,5) rotate(-45)" style="text-anchor: end;">Wed 10</text>
                                </g>
                                <g class="tick" opacity="1" transform="translate(460.5,0)">
                                    <line stroke="currentColor" y2="6" stroke-opacity="0.5"/>
                                    <text fill="rgba(127, 127, 127, .8)" y="9" dy="0.71em" transform="translate(-5,5) rotate(-45)" style="text-anchor: end;">Thu 11</text>
                                </g>
                            </g>
                            <g transform="translate(10,10)" fill="none" font-size="10" font-family="sans-serif" text-anchor="start">
                                <g class="tick" opacity="1" transform="translate(0,38.277777777777786)">
                                    <line stroke="currentColor" x2="460" stroke-opacity="0.5" stroke-dasharray="2,2"/>
                                    <text fill="rgba(127, 127, 127, .8)" x="0" dy="-4">15,250</text>
                                </g>
                                <g class="tick" opacity="1" transform="translate(0,101.4090909090909)">
                                    <line stroke="currentColor" x2="460" stroke-opacity="0.5" stroke-dasharray="2,2"/>
                                    <text fill="rgba(127, 127, 127, .8)" x="0" dy="-4">15,200</text>
                                </g>
                                <g class="tick" opacity="1" transform="translate(0,164.54040404040404)">
                                    <line stroke="currentColor" x2="460" stroke-opacity="0.5" stroke-dasharray="2,2"/>
                                    <text fill="rgba(127, 127, 127, .8)" x="0" dy="-4">15,150</text>
                                </g>
                                <g class="tick" opacity="1" transform="translate(0,227.6717171717172)">
                                    <line stroke="currentColor" x2="460" stroke-opacity="0.5" stroke-dasharray="2,2"/>
                                    <text fill="rgba(127, 127, 127, .8)" x="0" dy="-4">15,100</text>
                                </g>
                            </g>
                            <path transform="translate(10,10)" d="M10,260L44.615,251.162L79.231,242.323L113.846,227.172L148.462,203.182L183.077,181.717L217.692,170.354L252.308,151.414L286.923,143.838L321.538,126.162L356.154,80.707L390.769,36.515L425.385,10L460,10" fill="transparent" stroke="#87ceeb" stroke-width="2"/>
                            <path transform="translate(10,10)" d="M10,260L44.615,260L79.231,260L113.846,260L148.462,260L183.077,260L217.692,260L252.308,260L286.923,260L321.538,260L356.154,260L390.769,260L425.385,260L460,260L460,10L425.385,10L390.769,36.515L356.154,80.707L321.538,126.162L286.923,143.838L252.308,151.414L217.692,170.354L183.077,181.717L148.462,203.182L113.846,227.172L79.231,242.323L44.615,251.162L10,260Z" fill="rgba(88, 166, 255, .1)"/>
                            <g>
                                <circle transform="translate(10,10)" cx="10" cy="260" r="2" fill="#106cbc"/>
                                <circle transform="translate(10,10)" cx="44.61538461538462" cy="251.16161616161617" r="2" fill="#106cbc"/>
                                <circle transform="translate(10,10)" cx="79.23076923076924" cy="242.3232323232323" r="2" fill="#106cbc"/>
                                <circle transform="translate(10,10)" cx="113.84615384615385" cy="227.1717171717172" r="2" fill="#106cbc"/>
                                <circle transform="translate(10,10)" cx="148.46153846153848" cy="203.1818181818182" r="2" fill="#106cbc"/>
                                <circle transform="translate(10,10)" cx="183.0769230769231" cy="181.7171717171717" r="2" fill="#106cbc"/>
                                <circle transform="translate(10,10)" cx="217.6923076923077" cy="170.35353535353534" r="2" fill="#106cbc"/>
                                <circle transform="translate(10,10)" cx="252.3076923076923" cy="151.41414141414143" r="2" fill="#106cbc"/>
                                <circle transform="translate(10,10)" cx="286.92307692307696" cy="143.83838383838383" r="2" fill="#106cbc"/>
                                <circle transform="translate(10,10)" cx="321.53846153846155" cy="126.16161616161615" r="2" fill="#106cbc"/>
                                <circle transform="translate(10,10)" cx="356.1538461538462" cy="80.70707070707073" r="2" fill="#106cbc"/>
                                <circle transform="translate(10,10)" cx="390.7692307692308" cy="36.51515151515152" r="2" fill="#106cbc"/>
                                <circle transform="translate(10,10)" cx="425.3846153846154" cy="10" r="2" fill="#106cbc"/>
                                <circle transform="translate(10,10)" cx="460" cy="10" r="2" fill="#106cbc"/>
                            </g>
                            <g fill="currentColor" text-anchor="middle" font-family="sans-serif" font-size="10" stroke="rgba(88, 166, 255, .05)" stroke-linejoin="round" stroke-width="4" paint-order="stroke fill">
                                <text transform="translate(10,6)" x="10" y="260" fill="rgba(127, 127, 127, .8)">15k</text>
                                <text transform="translate(10,6)" x="44.61538461538462" y="251.16161616161617" fill="rgba(127, 127, 127, .8)">15k</text>
                                <text transform="translate(10,6)" x="79.23076923076924" y="242.3232323232323" fill="rgba(127, 127, 127, .8)">15k</text>
                                <text transform="translate(10,6)" x="113.84615384615385" y="227.1717171717172" fill="rgba(127, 127, 127, .8)">15.1k</text>
                                <text transform="translate(10,6)" x="148.46153846153848" y="203.1818181818182" fill="rgba(127, 127, 127, .8)">15.1k</text>
                                <text transform="translate(10,6)" x="183.0769230769231" y="181.7171717171717" fill="rgba(127, 127, 127, .8)">15.1k</text>
                                <text transform="translate(10,6)" x="217.6923076923077" y="170.35353535353534" fill="rgba(127, 127, 127, .8)">15.1k</text>
                                <text transform="translate(10,6)" x="252.3076923076923" y="151.41414141414143" fill="rgba(127, 127, 127, .8)">15.1k</text>
                                <text transform="translate(10,6)" x="286.92307692307696" y="143.83838383838383" fill="rgba(127, 127, 127, .8)">15.1k</text>
                                <text transform="translate(10,6)" x="321.53846153846155" y="126.16161616161615" fill="rgba(127, 127, 127, .8)">15.1k</text>
                                <text transform="translate(10,6)" x="356.1538461538462" y="80.70707070707073" fill="rgba(127, 127, 127, .8)">15.2k</text>
                                <text transform="translate(10,6)" x="390.7692307692308" y="36.51515151515152" fill="rgba(127, 127, 127, .8)">15.2k</text>
                                <text transform="translate(10,6)" x="425.3846153846154" y="10" fill="rgba(127, 127, 127, .8)">15.2k</text>
                                <text transform="translate(10,6)" x="460" y="10" fill="rgba(127, 127, 127, .8)">15.2k</text>
                            </g>
                        </svg>
                    </section>
                    <section class="column chart">
                        <h3>New stargazers per day</h3>
                        <svg xmlns="http://www.w3.org/2000/svg" width="480" height="315">
                            <g transform="translate(10,270)" fill="none" font-size="10" font-family="sans-serif" text-anchor="middle">
                                <path class="domain" stroke="rgba(127, 127, 127, .8)" d="M10.5,0.5H460.5"/>
                                <g class="tick" opacity="1" transform="translate(10.5,0)">
                                    <line stroke="currentColor" y2="6" stroke-opacity="0.5"/>
                                    <text fill="rgba(127, 127, 127, .8)" y="9" dy="0.71em" transform="translate(-5,5) rotate(-45)" style="text-anchor: end;">Fri 28</text>
                                </g>
                                <g class="tick" opacity="1" transform="translate(45.11538461538462,0)">
                                    <line stroke="currentColor" y2="6" stroke-opacity="0.5"/>
                                    <text fill="rgba(127, 127, 127, .8)" y="9" dy="0.71em" transform="translate(-5,5) rotate(-45)" style="text-anchor: end;">Sat 29</text>
                                </g>
                                <g class="tick" opacity="1" transform="translate(79.73076923076924,0)">
                                    <line stroke="currentColor" y2="6" stroke-opacity="0.5"/>
                                    <text fill="rgba(127, 127, 127, .8)" y="9" dy="0.71em" transform="translate(-5,5) rotate(-45)" style="text-anchor: end;">Jun 30</text>
                                </g>
                                <g class="tick" opacity="1" transform="translate(114.34615384615385,0)">
                                    <line stroke="currentColor" y2="6" stroke-opacity="0.5"/>
                                    <text fill="rgba(127, 127, 127, .8)" y="9" dy="0.71em" transform="translate(-5,5) rotate(-45)" style="text-anchor: end;">July</text>
                                </g>
                                <g class="tick" opacity="1" transform="translate(148.96153846153848,0)">
                                    <line stroke="currentColor" y2="6" stroke-opacity="0.5"/>
                                    <text fill="rgba(127, 127, 127, .8)" y="9" dy="0.71em" transform="translate(-5,5) rotate(-45)" style="text-anchor: end;">Tue 02</text>
                                </g>
                                <g class="tick" opacity="1" transform="translate(183.5769230769231,0)">
                                    <line stroke="currentColor" y2="6" stroke-opacity="0.5"/>
                                    <text fill="rgba(127, 127, 127, .8)" y="9" dy="0.71em" transform="translate(-5,5) rotate(-45)" style="text-anchor: end;">Wed 03</text>
                                </g>
                                <g class="tick" opacity="1" transform="translate(218.1923076923077,0)">
                                    <line stroke="currentColor" y2="6" stroke-opacity="0.5"/>
                                    <text fill="rgba(127, 127, 127, .8)" y="9" dy="0.71em" transform="translate(-5,5) rotate(-45)" style="text-anchor: end;">Thu 04</text>
                                </g>
                                <g class="tick" opacity="1" transform="translate(252.8076923076923,0)">
                                    <line stroke="currentColor" y2="6" stroke-opacity="0.5"/>
                                    <text fill="rgba(127, 127, 127, .8)" y="9" dy="0.71em" transform="translate(-5,5) rotate(-45)" style="text-anchor: end;">Fri 05</text>
                                </g>
                                <g class="tick" opacity="1" transform="translate(287.42307692307696,0)">
                                    <line stroke="currentColor" y2="6" stroke-opacity="0.5"/>
                                    <text fill="rgba(127, 127, 127, .8)" y="9" dy="0.71em" transform="translate(-5,5) rotate(-45)" style="text-anchor: end;">Sat 06</text>
                                </g>
                                <g class="tick" opacity="1" transform="translate(322.03846153846155,0)">
                                    <line stroke="currentColor" y2="6" stroke-opacity="0.5"/>
                                    <text fill="rgba(127, 127, 127, .8)" y="9" dy="0.71em" transform="translate(-5,5) rotate(-45)" style="text-anchor: end;">Jul 07</text>
                                </g>
                                <g class="tick" opacity="1" transform="translate(356.6538461538462,0)">
                                    <line stroke="currentColor" y2="6" stroke-opacity="0.5"/>
                                    <text fill="rgba(127, 127, 127, .8)" y="9" dy="0.71em" transform="translate(-5,5) rotate(-45)" style="text-anchor: end;">Mon 08</text>
                                </g>
                                <g class="tick" opacity="1" transform="translate(391.2692307692308,0)">
                                    <line stroke="currentColor" y2="6" stroke-opacity="0.5"/>
                                    <text fill="rgba(127, 127, 127, .8)" y="9" dy="0.71em" transform="translate(-5,5) rotate(-45)" style="text-anchor: end;">Tue 09</text>
                                </g>
                                <g class="tick" opacity="1" transform="translate(425.8846153846154,0)">
                                    <line stroke="currentColor" y2="6" stroke-opacity="0.5"/>
                                    <text fill="rgba(127, 127, 127, .8)" y="9" dy="0.71em" transform="translate(-5,5) rotate(-45)" style="text-anchor: end;">Wed 10</text>
                                </g>
                                <g class="tick" opacity="1" transform="translate(460.5,0)">
                                    <line stroke="currentColor" y2="6" stroke-opacity="0.5"/>
                                    <text fill="rgba(127, 127, 127, .8)" y="9" dy="0.71em" transform="translate(-5,5) rotate(-45)" style="text-anchor: end;">Thu 11</text>
                                </g>
                            </g>
                            <g transform="translate(10,10)" fill="none" font-size="10" font-family="sans-serif" text-anchor="start">
                                <g class="tick" opacity="1" transform="translate(0,17.444444444444446)">
                                    <line stroke="currentColor" x2="460" stroke-opacity="0.5" stroke-dasharray="2,2"/>
                                    <text fill="rgba(127, 127, 127, .8)" x="0" dy="-4">35</text>
                                </g>
                                <g class="tick" opacity="1" transform="translate(0,52.16666666666666)">
                                    <line stroke="currentColor" x2="460" stroke-opacity="0.5" stroke-dasharray="2,2"/>
                                    <text fill="rgba(127, 127, 127, .8)" x="0" dy="-4">30</text>
                                </g>
                                <g class="tick" opacity="1" transform="translate(0,86.8888888888889)">
                                    <line stroke="currentColor" x2="460" stroke-opacity="0.5" stroke-dasharray="2,2"/>
                                    <text fill="rgba(127, 127, 127, .8)" x="0" dy="-4">25</text>
                                </g>
                                <g class="tick" opacity="1" transform="translate(0,121.6111111111111)">
                                    <line stroke="currentColor" x2="460" stroke-opacity="0.5" stroke-dasharray="2,2"/>
                                    <text fill="rgba(127, 127, 127, .8)" x="0" dy="-4">20</text>
                                </g>
                                <g class="tick" opacity="1" transform="translate(0,156.33333333333331)">
                                    <line stroke="currentColor" x2="460" stroke-opacity="0.5" stroke-dasharray="2,2"/>
                                    <text fill="rgba(127, 127, 127, .8)" x="0" dy="-4">15</text>
                                </g>
                                <g class="tick" opacity="1" transform="translate(0,191.05555555555554)">
                                    <line stroke="currentColor" x2="460" stroke-opacity="0.5" stroke-dasharray="2,2"/>
                                    <text fill="rgba(127, 127, 127, .8)" x="0" dy="-4">10</text>
                                </g>
                                <g class="tick" opacity="1" transform="translate(0,225.7777777777778)">
                                    <line stroke="currentColor" x2="460" stroke-opacity="0.5" stroke-dasharray="2,2"/>
                                    <text fill="rgba(127, 127, 127, .8)" x="0" dy="-4">5</text>
                                </g>
                                <g class="tick" opacity="1" transform="translate(0,260.5)">
                                    <line stroke="currentColor" x2="460" stroke-opacity="0.5" stroke-dasharray="2,2"/>
                                    <text fill="rgba(127, 127, 127, .8)" x="0" dy="-4">0</text>
                                </g>
                            </g>
                            <path transform="translate(10,10)" d="M10,197.5L44.615,211.389L79.231,211.389L113.846,176.667L148.462,128.056L183.077,141.944L217.692,197.5L252.308,155.833L286.923,218.333L321.538,162.778L356.154,10L390.769,16.944L425.385,114.167L460,260" fill="transparent" stroke="#87ceeb" stroke-width="2"/>
                            <path transform="translate(10,10)" d="M10,260L44.615,260L79.231,260L113.846,260L148.462,260L183.077,260L217.692,260L252.308,260L286.923,260L321.538,260L356.154,260L390.769,260L425.385,260L460,260L460,260L425.385,114.167L390.769,16.944L356.154,10L321.538,162.778L286.923,218.333L252.308,155.833L217.692,197.5L183.077,141.944L148.462,128.056L113.846,176.667L79.231,211.389L44.615,211.389L10,197.5Z" fill="rgba(88, 166, 255, .1)"/>
                            <g>
                                <circle transform="translate(10,10)" cx="10" cy="197.5" r="2" fill="#106cbc"/>
                                <circle transform="translate(10,10)" cx="44.61538461538462" cy="211.3888888888889" r="2" fill="#106cbc"/>
                                <circle transform="translate(10,10)" cx="79.23076923076924" cy="211.3888888888889" r="2" fill="#106cbc"/>
                                <circle transform="translate(10,10)" cx="113.84615384615385" cy="176.66666666666669" r="2" fill="#106cbc"/>
                                <circle transform="translate(10,10)" cx="148.46153846153848" cy="128.05555555555554" r="2" fill="#106cbc"/>
                                <circle transform="translate(10,10)" cx="183.0769230769231" cy="141.94444444444446" r="2" fill="#106cbc"/>
                                <circle transform="translate(10,10)" cx="217.6923076923077" cy="197.5" r="2" fill="#106cbc"/>
                                <circle transform="translate(10,10)" cx="252.3076923076923" cy="155.83333333333331" r="2" fill="#106cbc"/>
                                <circle transform="translate(10,10)" cx="286.92307692307696" cy="218.33333333333334" r="2" fill="#106cbc"/>
                                <circle transform="translate(10,10)" cx="321.53846153846155" cy="162.7777777777778" r="2" fill="#106cbc"/>
                                <circle transform="translate(10,10)" cx="356.1538461538462" cy="10" r="2" fill="#106cbc"/>
                                <circle transform="translate(10,10)" cx="390.7692307692308" cy="16.944444444444446" r="2" fill="#106cbc"/>
                                <circle transform="translate(10,10)" cx="425.3846153846154" cy="114.16666666666666" r="2" fill="#106cbc"/>
                                <circle transform="translate(10,10)" cx="460" cy="260" r="2" fill="#106cbc"/>
                            </g>
                            <g fill="currentColor" text-anchor="middle" font-family="sans-serif" font-size="10" stroke="rgba(88, 166, 255, .05)" stroke-linejoin="round" stroke-width="4" paint-order="stroke fill">
                                <text transform="translate(10,6)" x="10" y="197.5" fill="rgba(127, 127, 127, .8)">+9</text>
                                <text transform="translate(10,6)" x="44.61538461538462" y="211.3888888888889" fill="rgba(127, 127, 127, .8)">+7</text>
                                <text transform="translate(10,6)" x="79.23076923076924" y="211.3888888888889" fill="rgba(127, 127, 127, .8)">+7</text>
                                <text transform="translate(10,6)" x="113.84615384615385" y="176.66666666666669" fill="rgba(127, 127, 127, .8)">+12</text>
                                <text transform="translate(10,6)" x="148.46153846153848" y="128.05555555555554" fill="rgba(127, 127, 127, .8)">+19</text>
                                <text transform="translate(10,6)" x="183.0769230769231" y="141.94444444444446" fill="rgba(127, 127, 127, .8)">+17</text>
                                <text transform="translate(10,6)" x="217.6923076923077" y="197.5" fill="rgba(127, 127, 127, .8)">+9</text>
                                <text transform="translate(10,6)" x="252.3076923076923" y="155.83333333333331" fill="rgba(127, 127, 127, .8)">+15</text>
                                <text transform="translate(10,6)" x="286.92307692307696" y="218.33333333333334" fill="rgba(127, 127, 127, .8)">+6</text>
                                <text transform="translate(10,6)" x="321.53846153846155" y="162.7777777777778" fill="rgba(127, 127, 127, .8)">+14</text>
                                <text transform="translate(10,6)" x="356.1538461538462" y="10" fill="rgba(127, 127, 127, .8)">+36</text>
                                <text transform="translate(10,6)" x="390.7692307692308" y="16.944444444444446" fill="rgba(127, 127, 127, .8)">+35</text>
                                <text transform="translate(10,6)" x="425.3846153846154" y="114.16666666666666" fill="rgba(127, 127, 127, .8)">+21</text>
                                <text transform="translate(10,6)" x="460" y="260" fill="rgba(127, 127, 127, .8)">0</text>
                            </g>
                        </svg>
                    </section>
                </div>
            </section>
        </div>
        <div xmlns="http://www.w3.org/1999/xhtml" id="metrics-end"></div>
    </foreignObject>
</svg>