metrics.plugin.stargazers.graph.svg

<svg xmlns="http:https://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:https://www.w3.org/1999/xhtml" xmlns:xlink="http:https://www.w3.org/1999/xlink" class="items-wrapper">
            <section class="stargazers">
                <h2 class="field">
                    <svg xmlns="http:https://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:https://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;">Jul 14</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;">Mon 15</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;">Tue 16</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;">Wed 17</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;">Thu 18</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;">Fri 19</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;">Sat 20</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;">Jul 21</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;">Mon 22</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;">Tue 23</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;">Wed 24</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;">Thu 25</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;">Fri 26</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;">Sat 27</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,19.646341463414643)">
                                    <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,460</text>
                                </g>
                                <g class="tick" opacity="1" transform="translate(0,50.13414634146342)">
                                    <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,440</text>
                                </g>
                                <g class="tick" opacity="1" transform="translate(0,80.6219512195122)">
                                    <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,420</text>
                                </g>
                                <g class="tick" opacity="1" transform="translate(0,111.10975609756098)">
                                    <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,400</text>
                                </g>
                                <g class="tick" opacity="1" transform="translate(0,141.59756097560975)">
                                    <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,380</text>
                                </g>
                                <g class="tick" opacity="1" transform="translate(0,172.08536585365854)">
                                    <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,360</text>
                                </g>
                                <g class="tick" opacity="1" transform="translate(0,202.5731707317073)">
                                    <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,340</text>
                                </g>
                                <g class="tick" opacity="1" transform="translate(0,233.0609756097561)">
                                    <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,320</text>
                                </g>
                            </g>
                            <path transform="translate(10,10)" d="M10,260L44.615,223.415L79.231,199.024L113.846,173.11L148.462,154.817L183.077,125.854L217.692,107.561L252.308,93.841L286.923,77.073L321.538,60.305L356.154,37.439L390.769,26.768L425.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,26.768L356.154,37.439L321.538,60.305L286.923,77.073L252.308,93.841L217.692,107.561L183.077,125.854L148.462,154.817L113.846,173.11L79.231,199.024L44.615,223.415L10,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="223.41463414634146" r="2" fill="#106cbc"/>
                                <circle transform="translate(10,10)" cx="79.23076923076924" cy="199.02439024390245" r="2" fill="#106cbc"/>
                                <circle transform="translate(10,10)" cx="113.84615384615385" cy="173.109756097561" r="2" fill="#106cbc"/>
                                <circle transform="translate(10,10)" cx="148.46153846153848" cy="154.81707317073173" r="2" fill="#106cbc"/>
                                <circle transform="translate(10,10)" cx="183.0769230769231" cy="125.85365853658536" r="2" fill="#106cbc"/>
                                <circle transform="translate(10,10)" cx="217.6923076923077" cy="107.5609756097561" r="2" fill="#106cbc"/>
                                <circle transform="translate(10,10)" cx="252.3076923076923" cy="93.84146341463413" r="2" fill="#106cbc"/>
                                <circle transform="translate(10,10)" cx="286.92307692307696" cy="77.07317073170732" r="2" fill="#106cbc"/>
                                <circle transform="translate(10,10)" cx="321.53846153846155" cy="60.30487804878048" r="2" fill="#106cbc"/>
                                <circle transform="translate(10,10)" cx="356.1538461538462" cy="37.4390243902439" r="2" fill="#106cbc"/>
                                <circle transform="translate(10,10)" cx="390.7692307692308" cy="26.76829268292682" 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)">15.3k</text>
                                <text transform="translate(10,6)" x="44.61538461538462" y="223.41463414634146" fill="rgba(127, 127, 127, .8)">15.3k</text>
                                <text transform="translate(10,6)" x="79.23076923076924" y="199.02439024390245" fill="rgba(127, 127, 127, .8)">15.3k</text>
                                <text transform="translate(10,6)" x="113.84615384615385" y="173.109756097561" fill="rgba(127, 127, 127, .8)">15.3k</text>
                                <text transform="translate(10,6)" x="148.46153846153848" y="154.81707317073173" fill="rgba(127, 127, 127, .8)">15.3k</text>
                                <text transform="translate(10,6)" x="183.0769230769231" y="125.85365853658536" fill="rgba(127, 127, 127, .8)">15.3k</text>
                                <text transform="translate(10,6)" x="217.6923076923077" y="107.5609756097561" fill="rgba(127, 127, 127, .8)">15.4k</text>
                                <text transform="translate(10,6)" x="252.3076923076923" y="93.84146341463413" fill="rgba(127, 127, 127, .8)">15.4k</text>
                                <text transform="translate(10,6)" x="286.92307692307696" y="77.07317073170732" fill="rgba(127, 127, 127, .8)">15.4k</text>
                                <text transform="translate(10,6)" x="321.53846153846155" y="60.30487804878048" fill="rgba(127, 127, 127, .8)">15.4k</text>
                                <text transform="translate(10,6)" x="356.1538461538462" y="37.4390243902439" fill="rgba(127, 127, 127, .8)">15.4k</text>
                                <text transform="translate(10,6)" x="390.7692307692308" y="26.76829268292682" fill="rgba(127, 127, 127, .8)">15.4k</text>
                                <text transform="translate(10,6)" x="425.3846153846154" y="10" fill="rgba(127, 127, 127, .8)">15.4k</text>
                                <text transform="translate(10,6)" x="460" y="10" fill="rgba(127, 127, 127, .8)">15.4k</text>
                            </g>
                        </svg>
                    </section>
                    <section class="column chart">
                        <h3>New stargazers per day</h3>
                        <svg xmlns="http:https://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;">Jul 14</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;">Mon 15</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;">Tue 16</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;">Wed 17</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;">Thu 18</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;">Fri 19</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;">Sat 20</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;">Jul 21</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;">Mon 22</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;">Tue 23</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;">Wed 24</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;">Thu 25</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;">Fri 26</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;">Sat 27</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,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">20</text>
                                </g>
                                <g class="tick" opacity="1" transform="translate(0,104.25)">
                                    <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,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">10</text>
                                </g>
                                <g class="tick" opacity="1" transform="translate(0,208.41666666666666)">
                                    <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,124.583L44.615,10L79.231,93.333L113.846,82.917L148.462,135L183.077,62.083L217.692,135L252.308,166.25L286.923,145.417L321.538,145.417L356.154,103.75L390.769,187.083L425.385,145.417L460,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,145.417L390.769,187.083L356.154,103.75L321.538,145.417L286.923,145.417L252.308,166.25L217.692,135L183.077,62.083L148.462,135L113.846,82.917L79.231,93.333L44.615,10L10,124.583Z" fill="rgba(88, 166, 255, .1)"/>
                            <g>
                                <circle transform="translate(10,10)" cx="10" cy="124.58333333333334" r="2" fill="#106cbc"/>
                                <circle transform="translate(10,10)" cx="44.61538461538462" cy="10" r="2" fill="#106cbc"/>
                                <circle transform="translate(10,10)" cx="79.23076923076924" cy="93.33333333333334" r="2" fill="#106cbc"/>
                                <circle transform="translate(10,10)" cx="113.84615384615385" cy="82.91666666666666" r="2" fill="#106cbc"/>
                                <circle transform="translate(10,10)" cx="148.46153846153848" cy="135" r="2" fill="#106cbc"/>
                                <circle transform="translate(10,10)" cx="183.0769230769231" cy="62.08333333333334" r="2" fill="#106cbc"/>
                                <circle transform="translate(10,10)" cx="217.6923076923077" cy="135" r="2" fill="#106cbc"/>
                                <circle transform="translate(10,10)" cx="252.3076923076923" cy="166.25" r="2" fill="#106cbc"/>
                                <circle transform="translate(10,10)" cx="286.92307692307696" cy="145.41666666666669" r="2" fill="#106cbc"/>
                                <circle transform="translate(10,10)" cx="321.53846153846155" cy="145.41666666666669" r="2" fill="#106cbc"/>
                                <circle transform="translate(10,10)" cx="356.1538461538462" cy="103.75" r="2" fill="#106cbc"/>
                                <circle transform="translate(10,10)" cx="390.7692307692308" cy="187.08333333333331" r="2" fill="#106cbc"/>
                                <circle transform="translate(10,10)" cx="425.3846153846154" cy="145.41666666666669" 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="124.58333333333334" fill="rgba(127, 127, 127, .8)">+13</text>
                                <text transform="translate(10,6)" x="44.61538461538462" y="10" fill="rgba(127, 127, 127, .8)">+24</text>
                                <text transform="translate(10,6)" x="79.23076923076924" y="93.33333333333334" fill="rgba(127, 127, 127, .8)">+16</text>
                                <text transform="translate(10,6)" x="113.84615384615385" y="82.91666666666666" fill="rgba(127, 127, 127, .8)">+17</text>
                                <text transform="translate(10,6)" x="148.46153846153848" y="135" fill="rgba(127, 127, 127, .8)">+12</text>
                                <text transform="translate(10,6)" x="183.0769230769231" y="62.08333333333334" fill="rgba(127, 127, 127, .8)">+19</text>
                                <text transform="translate(10,6)" x="217.6923076923077" y="135" fill="rgba(127, 127, 127, .8)">+12</text>
                                <text transform="translate(10,6)" x="252.3076923076923" y="166.25" fill="rgba(127, 127, 127, .8)">+9</text>
                                <text transform="translate(10,6)" x="286.92307692307696" y="145.41666666666669" fill="rgba(127, 127, 127, .8)">+11</text>
                                <text transform="translate(10,6)" x="321.53846153846155" y="145.41666666666669" fill="rgba(127, 127, 127, .8)">+11</text>
                                <text transform="translate(10,6)" x="356.1538461538462" y="103.75" fill="rgba(127, 127, 127, .8)">+15</text>
                                <text transform="translate(10,6)" x="390.7692307692308" y="187.08333333333331" fill="rgba(127, 127, 127, .8)">+7</text>
                                <text transform="translate(10,6)" x="425.3846153846154" y="145.41666666666669" fill="rgba(127, 127, 127, .8)">+11</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:https://www.w3.org/1999/xhtml" id="metrics-end"></div>
    </foreignObject>
</svg>