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}.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:nowrap}.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-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>
                <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">arkapg211002/Student-Result-Management-System</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">arkapg211002/SEM-5-CSE</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 added"></div>
                            <div class="diff-box deleted"></div>
                            <div class="diff-stats">
                                <span class="added">  +558k</span>
                                <span class="deleted">    -27</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 deleted"></div>
                            <div class="diff-box deleted"></div>
                            <div class="diff-stats">
                                <span class="added">  +265k</span>
                                <span class="deleted">  -127k</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(39.5,0)">
                                <line stroke="currentColor" y2="6"/>
                                <text fill="currentColor" y="9" dy="0.71em" transform="translate(-5,5) rotate(-45)" style="text-anchor: end;">2023</text>
                            </g>
                            <g class="tick" opacity="1" transform="translate(98.23376623376623,0)">
                                <line stroke="currentColor" y2="6"/>
                                <text fill="currentColor" y="9" dy="0.71em" transform="translate(-5,5) rotate(-45)" style="text-anchor: end;">April</text>
                            </g>
                            <g class="tick" opacity="1" transform="translate(157.6201298701299,0)">
                                <line stroke="currentColor" y2="6"/>
                                <text fill="currentColor" 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(217.6590909090909,0)">
                                <line stroke="currentColor" y2="6"/>
                                <text fill="currentColor" y="9" dy="0.71em" transform="translate(-5,5) rotate(-45)" style="text-anchor: end;">October</text>
                            </g>
                            <g class="tick" opacity="1" transform="translate(277.69805194805195,0)">
                                <line stroke="currentColor" y2="6"/>
                                <text fill="currentColor" y="9" dy="0.71em" transform="translate(-5,5) rotate(-45)" style="text-anchor: end;">2024</text>
                            </g>
                            <g class="tick" opacity="1" transform="translate(337.0844155844156,0)">
                                <line stroke="currentColor" y2="6"/>
                                <text fill="currentColor" y="9" dy="0.71em" transform="translate(-5,5) rotate(-45)" style="text-anchor: end;">April</text>
                            </g>
                            <g class="tick" opacity="1" transform="translate(396.47077922077926,0)">
                                <line stroke="currentColor" y2="6"/>
                                <text fill="currentColor" y="9" dy="0.71em" transform="translate(-5,5) rotate(-45)" style="text-anchor: end;">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,7.307082600187474)">
                                <line stroke="currentColor" x2="-6"/>
                                <text fill="currentColor" x="-9" dy="0.32em">600k</text>
                            </g>
                            <g class="tick" opacity="1" transform="translate(0,51.871388400124985)">
                                <line stroke="currentColor" x2="-6"/>
                                <text fill="currentColor" x="-9" dy="0.32em">400k</text>
                            </g>
                            <g class="tick" opacity="1" transform="translate(0,96.4356942000625)">
                                <line stroke="currentColor" x2="-6"/>
                                <text fill="currentColor" x="-9" dy="0.32em">200k</text>
                            </g>
                            <g class="tick" opacity="1" transform="translate(0,141)">
                                <line stroke="currentColor" x2="-6"/>
                                <text fill="currentColor" x="-9" dy="0.32em">0.0</text>
                            </g>
                            <g class="tick" opacity="1" transform="translate(0,185.56430579993753)">
                                <line stroke="currentColor" x2="-6"/>
                                <text fill="currentColor" x="-9" dy="0.32em">−200k</text>
                            </g>
                            <g class="tick" opacity="1" transform="translate(0,230.128611599875)">
                                <line stroke="currentColor" x2="-6"/>
                                <text fill="currentColor" x="-9" dy="0.32em">−400k</text>
                            </g>
                            <g class="tick" opacity="1" transform="translate(0,274.69291739981253)">
                                <line stroke="currentColor" x2="-6"/>
                                <text fill="currentColor" x="-9" dy="0.32em">−600k</text>
                            </g>
                        </g>
                        <path d="M39,140.5L43.568,140.5L48.136,140.5L52.705,140.5L57.273,140.5L61.841,140.5L66.409,140.5L70.977,140.5L75.545,140.5L80.114,140.5L84.682,140.5L89.25,140.5L93.818,140.5L98.386,140.5L102.955,140.5L107.523,140.5L112.091,140.5L116.659,140.5L121.227,140.5L125.795,140.5L130.364,140.5L134.932,140.5L139.5,140.5L144.068,140.5L148.636,140.5L153.205,140.5L157.773,140.5L162.341,140.5L166.909,140.5L171.477,140.5L176.045,140.5L180.614,140.5L185.182,140.5L189.75,140.5L194.318,140.5L198.886,140.5L203.455,140.5L208.023,140.5L212.591,140.5L217.159,140.5L221.727,140.5L226.295,140.5L230.864,140.5L235.432,140.5L240,140.5L244.568,140.5L249.136,140.5L253.705,140.5L258.273,140.5L262.841,140.5L267.409,140.5L271.977,140.5L276.545,140.5L281.114,140.5L285.682,140.5L290.25,140.5L294.818,140.5L299.386,140.5L303.955,140.5L308.523,140.5L313.091,140.5L317.659,140.5L322.227,140.5L326.795,140.5L331.364,140.5L335.932,140.5L340.5,140.5L345.068,140.5L349.636,140.5L354.205,140.5L358.773,140.5L363.341,140.5L367.909,140.5L372.477,140.5L377.045,140.5L381.614,140.5L386.182,140.5L390.75,140.5L395.318,140.5L399.886,140.5L404.455,140.5L409.023,140.5L413.591,140.5L418.159,140.5L422.727,140.5L427.295,140.5L431.864,140.5L436.432,140.5L441,140.5L441,140.46L436.432,140.459L431.864,140.46L427.295,140.431L422.727,140.421L418.159,140.422L413.591,140.424L409.023,140.446L404.455,140.457L399.886,140.457L395.318,140.445L390.75,137.265L386.182,140.429L381.614,140.462L377.045,140.44L372.477,140.428L367.909,140.447L363.341,140L358.773,140.4L354.205,140.447L349.636,140.262L345.068,140.451L340.5,140.453L335.932,140.379L331.364,140.379L326.795,140.438L322.227,140.313L317.659,140.434L313.091,140.438L308.523,140.42L303.955,140.437L299.386,140.438L294.818,140.403L290.25,140.348L285.682,140.289L281.114,140.059L276.545,140.343L271.977,140.393L267.409,140.342L262.841,140.346L258.273,140.354L253.705,140.339L249.136,131.826L244.568,131.96L240,131.931L235.432,140.268L230.864,140.086L226.295,140.18L221.727,5L217.159,139.953L212.591,125.372L208.023,139.819L203.455,140.153L198.886,138.429L194.318,139.252L189.75,138.327L185.182,138.069L180.614,139.89L176.045,140.293L171.477,140.227L166.909,140.132L162.341,140.354L157.773,139.826L153.205,140.161L148.636,136.972L144.068,140.298L139.5,140.359L134.932,139.274L130.364,140.271L125.795,140.233L121.227,130.891L116.659,140.357L112.091,140.442L107.523,140.44L102.955,140.44L98.386,140.441L93.818,140.435L89.25,140.428L84.682,140.441L80.114,140.434L75.545,140.438L70.977,140.433L66.409,140.439L61.841,140.43L57.273,140.3L52.705,140.227L48.136,140.391L43.568,139.227L39,128.31Z" fill="rgb(63, 185, 80)"/>
                        <path d="M39,140.5L43.568,140.5L48.136,140.5L52.705,140.5L57.273,140.5L61.841,140.5L66.409,140.5L70.977,140.5L75.545,140.5L80.114,140.5L84.682,140.5L89.25,140.5L93.818,140.5L98.386,140.5L102.955,140.5L107.523,140.5L112.091,140.5L116.659,140.5L121.227,140.5L125.795,140.5L130.364,140.5L134.932,140.5L139.5,140.5L144.068,140.5L148.636,140.5L153.205,140.5L157.773,140.5L162.341,140.5L166.909,140.5L171.477,140.5L176.045,140.5L180.614,140.5L185.182,140.5L189.75,140.5L194.318,140.5L198.886,140.5L203.455,140.5L208.023,140.5L212.591,140.5L217.159,140.5L221.727,140.5L226.295,140.5L230.864,140.5L235.432,140.5L240,140.5L244.568,140.5L249.136,140.5L253.705,140.5L258.273,140.5L262.841,140.5L267.409,140.5L271.977,140.5L276.545,140.5L281.114,140.5L285.682,140.5L290.25,140.5L294.818,140.5L299.386,140.5L303.955,140.5L308.523,140.5L313.091,140.5L317.659,140.5L322.227,140.5L326.795,140.5L331.364,140.5L335.932,140.5L340.5,140.5L345.068,140.5L349.636,140.5L354.205,140.5L358.773,140.5L363.341,140.5L367.909,140.5L372.477,140.5L377.045,140.5L381.614,140.5L386.182,140.5L390.75,140.5L395.318,140.5L399.886,140.5L404.455,140.5L409.023,140.5L413.591,140.5L418.159,140.5L422.727,140.5L427.295,140.5L431.864,140.5L436.432,140.5L441,140.5L441,140.54L436.432,140.541L431.864,140.54L427.295,140.542L422.727,140.543L418.159,140.545L413.591,140.547L409.023,140.539L404.455,140.543L399.886,140.538L395.318,140.546L390.75,140.542L386.182,140.543L381.614,140.538L377.045,140.668L372.477,140.542L367.909,140.542L363.341,140.551L358.773,140.576L354.205,140.54L349.636,140.547L345.068,140.542L340.5,140.547L335.932,140.546L331.364,140.565L326.795,140.562L322.227,140.561L317.659,140.566L313.091,140.562L308.523,140.565L303.955,140.563L299.386,140.562L294.818,140.566L290.25,140.571L285.682,140.578L281.114,140.582L276.545,140.569L271.977,140.567L267.409,140.579L262.841,140.57L258.273,140.56L253.705,140.56L249.136,157.383L244.568,140.566L240,148.929L235.432,140.571L230.864,140.574L226.295,140.565L221.727,140.579L217.159,140.671L212.591,140.582L208.023,140.611L203.455,141.632L198.886,140.624L194.318,140.594L189.75,140.631L185.182,140.624L180.614,140.587L176.045,140.569L171.477,140.58L166.909,140.578L162.341,140.572L157.773,140.574L153.205,140.602L148.636,142.329L144.068,140.597L139.5,140.568L134.932,140.574L130.364,140.571L125.795,140.576L121.227,140.574L116.659,140.583L112.091,140.558L107.523,140.56L102.955,140.56L98.386,140.559L93.818,140.565L89.25,140.564L84.682,140.559L80.114,140.566L75.545,140.562L70.977,140.567L66.409,140.561L61.841,140.57L57.273,140.576L52.705,140.568L48.136,140.609L43.568,140.561L39,140.54Z" fill="rgb(218, 54, 51)"/>
                    </svg>
                </div>
            </section>
        </div>
        <div xmlns="http://www.w3.org/1999/xhtml" id="metrics-end"></div>
    </foreignObject>
</svg>