metrics.plugin.lines.history.svg

<svg xmlns="http://www.w3.org/2000/svg" width="480" height="476" 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}.margin-bottom{margin-bottom:16px}.margin-lr-auto{margin-left:auto;margin-right:auto}.chartist .ct-post{fill:rgba(127,127,127,.8)!important;color:rgba(127,127,127,.8)!important;font-size:9px;text-anchor:middle}.diff-handle{color:#58a6ff;max-width:200px;text-overflow:ellipsis;overflow:hidden}.diff-box{display:inline-block;width:8px;height:8px;margin-left:1px;background-color:rgba(110,118,129,.4);border:1px solid rgba(246,240,251,.1)}.diff-box:first-child{margin-left:9px}.diff-box.added{background-color:#3fb950}.diff-box.deleted{background-color:#da3633}.diff-stats,code,span.code{font-family:SFMono-Regular,Consolas,Liberation Mono,Menlo,monospace}.diff-stats{margin-left:4px;font-weight:700;font-size:12px;white-space:pre}.added{color:#3fb950}.deleted{color:#da3633}code,span.code{background-color:#7777771f;padding:1px 5px;font-size:80%;border-radius:6px;color:#777}code{display:inline-block}span.code{margin:0 4px -3px}: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-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>
                <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="M2.75 1.5a.25.25 0 00-.25.25v12.5c0 .138.112.25.25.25h10.5a.25.25 0 00.25-.25V4.664a.25.25 0 00-.073-.177l-2.914-2.914a.25.25 0 00-.177-.073H2.75zM1 1.75C1 .784 1.784 0 2.75 0h7.586c.464 0 .909.184 1.237.513l2.914 2.914c.329.328.513.773.513 1.237v9.586A1.75 1.75 0 0113.25 16H2.75A1.75 1.75 0 011 14.25V1.75zm7 1.5a.75.75 0 01.75.75v1.5h1.5a.75.75 0 010 1.5h-1.5v1.5a.75.75 0 01-1.5 0V7h-1.5a.75.75 0 010-1.5h1.5V4A.75.75 0 018 3.25zm-3 8a.75.75 0 01.75-.75h4.5a.75.75 0 010 1.5h-4.5a.75.75 0 01-.75-.75z"/>
                    </svg>
                    Lines of code pushed
                </h2>
                <div class="row">
                    <section>
                        <div 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 5.5a2.5 2.5 0 100 5 2.5 2.5 0 000-5zM4 8a4 4 0 118 0 4 4 0 01-8 0z"/>
                            </svg>
                            <span class="diff-handle">Berkantyuks/QA-Test-Automation-Baykar</span>
                        </div>
                        <div 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 5.5a2.5 2.5 0 100 5 2.5 2.5 0 000-5zM4 8a4 4 0 118 0 4 4 0 01-8 0z"/>
                            </svg>
                            <span class="diff-handle">Berkantyuks/QA-Automation-Unit-Test-Scripting</span>
                        </div>
                    </section>
                    <section>
                        <div class="field">
                            <div class="diff-box added"></div>
                            <div class="diff-box added"></div>
                            <div class="diff-box added"></div>
                            <div class="diff-box deleted"></div>
                            <div class="diff-box deleted"></div>
                            <div class="diff-stats"><span class="added"> +44.9k</span> <span class="deleted"> -38.8k</span></div>
                            <span> </span>
                        </div>
                        <div class="field">
                            <div class="diff-box added"></div>
                            <div class="diff-box added"></div>
                            <div class="diff-box added"></div>
                            <div class="diff-box added"></div>
                            <div class="diff-box deleted"></div>
                            <div class="diff-stats"><span class="added"> +57.7k</span> <span class="deleted"> -1.36k</span></div>
                            <span> </span>
                        </div>
                    </section>
                </div>
                <div class="row margin-bottom">
                    <h3 class="margin-lr-auto">Diff history</h3>
                    <svg xmlns="http://www.w3.org/2000/svg" width="480" height="315">
                        <g transform="translate(0,276)" fill="none" font-size="10" font-family="sans-serif" text-anchor="middle">
                            <path class="domain" stroke="currentColor" d="M39.5,6V0.5H441.5V6"/>
                            <g class="tick" opacity="1" transform="translate(94.87755102040816,0)">
                                <line stroke="currentColor" y2="6"/>
                                <text fill="currentColor" y="9" dy="0.71em" transform="translate(-5,5) rotate(-45)" style="text-anchor: end; font-size: 20;">April</text>
                            </g>
                            <g class="tick" opacity="1" transform="translate(157.09183673469389,0)">
                                <line stroke="currentColor" y2="6"/>
                                <text fill="currentColor" y="9" dy="0.71em" transform="translate(-5,5) rotate(-45)" style="text-anchor: end; font-size: 20;">July</text>
                            </g>
                            <g class="tick" opacity="1" transform="translate(219.98979591836735,0)">
                                <line stroke="currentColor" y2="6"/>
                                <text fill="currentColor" y="9" dy="0.71em" transform="translate(-5,5) rotate(-45)" style="text-anchor: end; font-size: 20;">October</text>
                            </g>
                            <g class="tick" opacity="1" transform="translate(282.88775510204084,0)">
                                <line stroke="currentColor" y2="6"/>
                                <text fill="currentColor" y="9" dy="0.71em" transform="translate(-5,5) rotate(-45)" style="text-anchor: end; font-size: 20;">2022</text>
                            </g>
                            <g class="tick" opacity="1" transform="translate(344.4183673469388,0)">
                                <line stroke="currentColor" y2="6"/>
                                <text fill="currentColor" y="9" dy="0.71em" transform="translate(-5,5) rotate(-45)" style="text-anchor: end; font-size: 20;">April</text>
                            </g>
                            <g class="tick" opacity="1" transform="translate(406.6326530612245,0)">
                                <line stroke="currentColor" y2="6"/>
                                <text fill="currentColor" y="9" dy="0.71em" transform="translate(-5,5) rotate(-45)" style="text-anchor: end; font-size: 20;">July</text>
                            </g>
                        </g>
                        <g transform="translate(39,0)" fill="none" font-size="10" font-family="sans-serif" text-anchor="end">
                            <path class="domain" stroke="currentColor" d="M-6,5.5H0.5V276.5H-6"/>
                            <g class="tick" opacity="1" transform="translate(0,22.987487480222388)">
                                <line stroke="currentColor" x2="-6"/>
                                <text fill="currentColor" x="-9" dy="0.32em" style="font-size: 20;">60k</text>
                            </g>
                            <g class="tick" opacity="1" transform="translate(0,62.3249916534816)">
                                <line stroke="currentColor" x2="-6"/>
                                <text fill="currentColor" x="-9" dy="0.32em" style="font-size: 20;">40k</text>
                            </g>
                            <g class="tick" opacity="1" transform="translate(0,101.6624958267408)">
                                <line stroke="currentColor" x2="-6"/>
                                <text fill="currentColor" x="-9" dy="0.32em" style="font-size: 20;">20k</text>
                            </g>
                            <g class="tick" opacity="1" transform="translate(0,141)">
                                <line stroke="currentColor" x2="-6"/>
                                <text fill="currentColor" x="-9" dy="0.32em" style="font-size: 20;">0.0</text>
                            </g>
                            <g class="tick" opacity="1" transform="translate(0,180.3375041732592)">
                                <line stroke="currentColor" x2="-6"/>
                                <text fill="currentColor" x="-9" dy="0.32em" style="font-size: 20;">−20k</text>
                            </g>
                            <g class="tick" opacity="1" transform="translate(0,219.6750083465184)">
                                <line stroke="currentColor" x2="-6"/>
                                <text fill="currentColor" x="-9" dy="0.32em" style="font-size: 20;">−40k</text>
                            </g>
                            <g class="tick" opacity="1" transform="translate(0,259.0125125197776)">
                                <line stroke="currentColor" x2="-6"/>
                                <text fill="currentColor" x="-9" dy="0.32em" style="font-size: 20;">−60k</text>
                            </g>
                        </g>
                        <path d="M39,140.5L43.785714285714285,140.5L144.28571428571428,140.5L383.57142857142856,140.5L388.35714285714283,140.5L393.14285714285717,140.5L397.92857142857144,140.5L402.7142857142857,140.5L407.5,140.5L412.2857142857143,140.5L417.07142857142856,140.5L421.85714285714283,140.5L426.64285714285717,140.5L431.42857142857144,140.5L436.2142857142857,140.5L441,140.5L441,138.64917042864818L436.2142857142857,49.1484809336488L431.42857142857144,126.91872668418225L426.64285714285717,134.46169310940473L421.85714285714283,136.40103206514638L417.07142857142856,135.6732882379411L412.2857142857143,135.59854698001192L407.5,120.03859720427923L402.7142857142857,117.07254938961549L397.92857142857144,126.13984410155173L393.14285714285717,101.76632651580033L388.35714285714283,81.95202566372964L383.57142857142856,5L144.28571428571428,140.34658373372426L43.785714285714285,136.87504899043415L39,140.49213249916536Z" fill="rgb(63, 185, 80)"/>
                        <path d="M39,140.5L43.785714285714285,140.5L144.28571428571428,140.5L383.57142857142856,140.5L388.35714285714283,140.5L393.14285714285717,140.5L397.92857142857144,140.5L402.7142857142857,140.5L407.5,140.5L412.2857142857143,140.5L417.07142857142856,140.5L421.85714285714283,140.5L426.64285714285717,140.5L431.42857142857144,140.5L436.2142857142857,140.5L441,140.5L441,140.88747441610664L436.2142857142857,151.05818612010276L431.42857142857144,142.41376957802905L426.64285714285717,142.36263082260382L421.85714285714283,141.59554949122528L417.07142857142856,150.01180850909407L412.2857142857143,141.66242324831978L407.5,152.5490775282693L402.7142857142857,162.47196295597394L397.92857142857144,151.50269991726057L393.14285714285717,165.7350089271458L388.35714285714283,167.0272459392374L383.57142857142856,153.2296163504667L144.28571428571428,140.55703938105123L43.785714285714285,140.5688406323032L39,140.50786750083464Z" fill="rgb(218, 54, 51)"/>
                    </svg>
                </div>
            </section>
        </div>
        <div xmlns="http://www.w3.org/1999/xhtml" id="metrics-end"></div>
    </foreignObject>
</svg>