metrics.plugin.languages.svg

<svg xmlns="http://www.w3.org/2000/svg" width="480" height="600" 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}#metrics-end,.fill-width{width:100%}svg.bar{margin:4px 0}.field.language{margin:0 8px;flex-grow:0}.field.language.details,.field.language.details small{display:flex;justify-content:space-between}.field.language.details small{color:#666;text-align:right}.field.language.details small&gt;*,.field.language.details&gt;*{flex:1 1 0}.field.language.details small&gt;:not(:last-child){margin-right:6px}code{background-color:#7777771f;display:inline-block;border-radius:6px;color:#777;padding:1px 5px;font-size:80%;font-family:SFMono-Regular,Consolas,Liberation Mono,Menlo,monospace}: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)}</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="M1.5 2.75a.25.25 0 01.25-.25h12.5a.25.25 0 01.25.25v8.5a.25.25 0 01-.25.25h-6.5a.75.75 0 00-.53.22L4.5 14.44v-2.19a.75.75 0 00-.75-.75h-2a.25.25 0 01-.25-.25v-8.5zM1.75 1A1.75 1.75 0 000 2.75v8.5C0 12.216.784 13 1.75 13H3v1.543a1.457 1.457 0 002.487 1.03L8.061 13h6.189A1.75 1.75 0 0016 11.25v-8.5A1.75 1.75 0 0014.25 1H1.75zm5.03 3.47a.75.75 0 010 1.06L5.31 7l1.47 1.47a.75.75 0 01-1.06 1.06l-2-2a.75.75 0 010-1.06l2-2a.75.75 0 011.06 0zm2.44 0a.75.75 0 000 1.06L10.69 7 9.22 8.47a.75.75 0 001.06 1.06l2-2a.75.75 0 000-1.06l-2-2a.75.75 0 00-1.06 0z"/>
                    </svg>
                    15 Languages
                </h2>
            </section>
            <section class="column">
                <h3 class="field">Most used languages</h3>
                <small>estimation from 43.2mb of code in 6972 edited files across 3099 commits</small>
                <svg class="bar" xmlns="http://www.w3.org/2000/svg" width="460" height="8">
                    <mask id="languages-bar">
                        <rect x="0" y="0" width="460" height="8" fill="white" rx="5"/>
                    </mask>
                    <rect mask="url(#languages-bar)" x="0" y="0" width="0" height="8" fill="#d1d5da"/>
                    <rect mask="url(#languages-bar)" x="0" y="0" width="266.7947894988722" height="8" fill="#ededed"/>
                    <rect mask="url(#languages-bar)" x="266.7947894988722" y="0" width="48.804089062783895" height="8" fill="#178600"/>
                    <rect mask="url(#languages-bar)" x="315.5988785616561" y="0" width="44.54097402543853" height="8" fill="#00ADD8"/>
                    <rect mask="url(#languages-bar)" x="360.1398525870946" y="0" width="21.215966264274357" height="8" fill="#ededed"/>
                    <rect mask="url(#languages-bar)" x="381.35581885136895" y="0" width="17.765508295733476" height="8" fill="#ededed"/>
                    <rect mask="url(#languages-bar)" x="399.1213271471024" y="0" width="15.51977986225962" height="8" fill="#ededed"/>
                    <rect mask="url(#languages-bar)" x="414.64110700936203" y="0" width="13.340008688247536" height="8" fill="#5686a5"/>
                    <rect mask="url(#languages-bar)" x="427.98111569760954" y="0" width="12.211270726697688" height="8" fill="#3178c6"/>
                    <rect mask="url(#languages-bar)" x="440.19238642430724" y="0" width="4.973226311290917" height="8" fill="#ededed"/>
                    <rect mask="url(#languages-bar)" x="445.1656127355982" y="0" width="3.1753709198023676" height="8" fill="#ededed"/>
                    <rect mask="url(#languages-bar)" x="448.3409836554005" y="0" width="2.46550438522402" height="8" fill="#f1e05a"/>
                    <rect mask="url(#languages-bar)" x="450.8064880406246" y="0" width="1.932584413134949" height="8" fill="#ededed"/>
                    <rect mask="url(#languages-bar)" x="452.7390724537595" y="0" width="1.4695375303829292" height="8" fill="#563d7c"/>
                    <rect mask="url(#languages-bar)" x="454.20860998414247" y="0" width="1.457912410440688" height="8" fill="#ededed"/>
                    <rect mask="url(#languages-bar)" x="455.6665223945832" y="0" width="0.9886246738249385" height="8" fill="#427819"/>
                    <rect mask="url(#languages-bar)" x="456.6551470684081" y="0" width="0.7821870175874498" height="8" fill="#ededed"/>
                    <rect mask="url(#languages-bar)" x="457.4373340859956" y="0" width="0.7085204680587193" height="8" fill="#ededed"/>
                    <rect mask="url(#languages-bar)" x="458.1458545540543" y="0" width="0.6106247211766856" height="8" fill="#ededed"/>
                    <rect mask="url(#languages-bar)" x="458.756479275231" y="0" width="0.5199487856272018" height="8" fill="#ededed"/>
                    <rect mask="url(#languages-bar)" x="459.2764280608582" y="0" width="0.2938096103297038" height="8" fill="#ededed"/>
                    <rect mask="url(#languages-bar)" x="459.57023767118795" y="0" width="0.2252825875122802" height="8" fill="#ededed"/>
                    <rect mask="url(#languages-bar)" x="459.7955202587002" y="0" width="0.09948655276886682" height="8" fill="#ededed"/>
                    <rect mask="url(#languages-bar)" x="459.89500681146905" y="0" width="0.07024019838785922" height="8" fill="#ededed"/>
                    <rect mask="url(#languages-bar)" x="459.96524700985697" y="0" width="0.030837160267840637" height="8" fill="#e34c26"/>
                    <rect mask="url(#languages-bar)" x="459.9960841701248" y="0" width="0.00391582987528135" height="8" fill="#ededed"/>
                </svg>
                <div class="row fill-width">
                    <section>
                        <div class="field language details">
                            <div class="field">
                                <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 16" width="16" height="16">
                                    <path fill="#ededed" fill-rule="evenodd" d="M8 4a4 4 0 100 8 4 4 0 000-8z"/>
                                </svg>
                                Unity3D Asset
                            </div>
                            <small>
                                <div>86.3k lines</div>
                                <div>2.18 MB</div>
                                <div>58%</div>
                            </small>
                        </div>
                        <div class="field language details">
                            <div class="field">
                                <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 16" width="16" height="16">
                                    <path fill="#178600" fill-rule="evenodd" d="M8 4a4 4 0 100 8 4 4 0 000-8z"/>
                                </svg>
                                C#
                            </div>
                            <small>
                                <div>13.7k lines</div>
                                <div>398 kB</div>
                                <div>10.61%</div>
                            </small>
                        </div>
                        <div class="field language details">
                            <div class="field">
                                <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 16" width="16" height="16">
                                    <path fill="#00ADD8" fill-rule="evenodd" d="M8 4a4 4 0 100 8 4 4 0 000-8z"/>
                                </svg>
                                Go
                            </div>
                            <small>
                                <div>12.3k lines</div>
                                <div>363 kB</div>
                                <div>9.68%</div>
                            </small>
                        </div>
                        <div class="field language details">
                            <div class="field">
                                <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 16" width="16" height="16">
                                    <path fill="#ededed" fill-rule="evenodd" d="M8 4a4 4 0 100 8 4 4 0 000-8z"/>
                                </svg>
                                TSX
                            </div>
                            <small>
                                <div>7.59k lines</div>
                                <div>173 kB</div>
                                <div>4.61%</div>
                            </small>
                        </div>
                        <div class="field language details">
                            <div class="field">
                                <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 16" width="16" height="16">
                                    <path fill="#ededed" fill-rule="evenodd" d="M8 4a4 4 0 100 8 4 4 0 000-8z"/>
                                </svg>
                                JSON
                            </div>
                            <small>
                                <div>4.76k lines</div>
                                <div>145 kB</div>
                                <div>3.86%</div>
                            </small>
                        </div>
                        <div class="field language details">
                            <div class="field">
                                <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 16" width="16" height="16">
                                    <path fill="#ededed" fill-rule="evenodd" d="M8 4a4 4 0 100 8 4 4 0 000-8z"/>
                                </svg>
                                Go Checksums
                            </div>
                            <small>
                                <div>1.36k lines</div>
                                <div>126 kB</div>
                                <div>3.37%</div>
                            </small>
                        </div>
                        <div class="field language details">
                            <div class="field">
                                <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 16" width="16" height="16">
                                    <path fill="#5686a5" fill-rule="evenodd" d="M8 4a4 4 0 100 8 4 4 0 000-8z"/>
                                </svg>
                                GLSL
                            </div>
                            <small>
                                <div>3.04k lines</div>
                                <div>109 kB</div>
                                <div>2.9%</div>
                            </small>
                        </div>
                        <div class="field language details">
                            <div class="field">
                                <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 16" width="16" height="16">
                                    <path fill="#3178c6" fill-rule="evenodd" d="M8 4a4 4 0 100 8 4 4 0 000-8z"/>
                                </svg>
                                TypeScript
                            </div>
                            <small>
                                <div>4.42k lines</div>
                                <div>99.7 kB</div>
                                <div>2.65%</div>
                            </small>
                        </div>
                        <div class="field language details">
                            <div class="field">
                                <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 16" width="16" height="16">
                                    <path fill="#ededed" fill-rule="evenodd" d="M8 4a4 4 0 100 8 4 4 0 000-8z"/>
                                </svg>
                                SVG
                            </div>
                            <small>
                                <div>140 lines</div>
                                <div>40.6 kB</div>
                                <div>1.08%</div>
                            </small>
                        </div>
                        <div class="field language details">
                            <div class="field">
                                <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 16" width="16" height="16">
                                    <path fill="#ededed" fill-rule="evenodd" d="M8 4a4 4 0 100 8 4 4 0 000-8z"/>
                                </svg>
                                XML
                            </div>
                            <small>
                                <div>636 lines</div>
                                <div>25.9 kB</div>
                                <div>0.69%</div>
                            </small>
                        </div>
                        <div class="field language details">
                            <div class="field">
                                <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 16" width="16" height="16">
                                    <path fill="#f1e05a" fill-rule="evenodd" d="M8 4a4 4 0 100 8 4 4 0 000-8z"/>
                                </svg>
                                JavaScript
                            </div>
                            <small>
                                <div>669 lines</div>
                                <div>20.1 kB</div>
                                <div>0.54%</div>
                            </small>
                        </div>
                        <div class="field language details">
                            <div class="field">
                                <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 16" width="16" height="16">
                                    <path fill="#ededed" fill-rule="evenodd" d="M8 4a4 4 0 100 8 4 4 0 000-8z"/>
                                </svg>
                                Go Module
                            </div>
                            <small>
                                <div>367 lines</div>
                                <div>15.7 kB</div>
                                <div>0.42%</div>
                            </small>
                        </div>
                        <div class="field language details">
                            <div class="field">
                                <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 16" width="16" height="16">
                                    <path fill="#563d7c" fill-rule="evenodd" d="M8 4a4 4 0 100 8 4 4 0 000-8z"/>
                                </svg>
                                CSS
                            </div>
                            <small>
                                <div>628 lines</div>
                                <div>12 kB</div>
                                <div>0.32%</div>
                            </small>
                        </div>
                        <div class="field language details">
                            <div class="field">
                                <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 16" width="16" height="16">
                                    <path fill="#ededed" fill-rule="evenodd" d="M8 4a4 4 0 100 8 4 4 0 000-8z"/>
                                </svg>
                                NSIS
                            </div>
                            <small>
                                <div>297 lines</div>
                                <div>11.9 kB</div>
                                <div>0.32%</div>
                            </small>
                        </div>
                        <div class="field language details">
                            <div class="field">
                                <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 16" width="16" height="16">
                                    <path fill="#427819" fill-rule="evenodd" d="M8 4a4 4 0 100 8 4 4 0 000-8z"/>
                                </svg>
                                Makefile
                            </div>
                            <small>
                                <div>206 lines</div>
                                <div>8.08 kB</div>
                                <div>0.21%</div>
                            </small>
                        </div>
                        <div class="field language details">
                            <div class="field">
                                <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 16" width="16" height="16">
                                    <path fill="#ededed" fill-rule="evenodd" d="M8 4a4 4 0 100 8 4 4 0 000-8z"/>
                                </svg>
                                Text
                            </div>
                            <small>
                                <div>133 lines</div>
                                <div>6.39 kB</div>
                                <div>0.17%</div>
                            </small>
                        </div>
                        <div class="field language details">
                            <div class="field">
                                <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 16" width="16" height="16">
                                    <path fill="#ededed" fill-rule="evenodd" d="M8 4a4 4 0 100 8 4 4 0 000-8z"/>
                                </svg>
                                Microsoft Visual Studio Solution
                            </div>
                            <small>
                                <div>121 lines</div>
                                <div>5.79 kB</div>
                                <div>0.15%</div>
                            </small>
                        </div>
                        <div class="field language details">
                            <div class="field">
                                <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 16" width="16" height="16">
                                    <path fill="#ededed" fill-rule="evenodd" d="M8 4a4 4 0 100 8 4 4 0 000-8z"/>
                                </svg>
                                Dockerfile
                            </div>
                            <small>
                                <div>122 lines</div>
                                <div>4.99 kB</div>
                                <div>0.13%</div>
                            </small>
                        </div>
                        <div class="field language details">
                            <div class="field">
                                <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 16" width="16" height="16">
                                    <path fill="#ededed" fill-rule="evenodd" d="M8 4a4 4 0 100 8 4 4 0 000-8z"/>
                                </svg>
                                XML Property List
                            </div>
                            <small>
                                <div>173 lines</div>
                                <div>4.25 kB</div>
                                <div>0.11%</div>
                            </small>
                        </div>
                        <div class="field language details">
                            <div class="field">
                                <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 16" width="16" height="16">
                                    <path fill="#ededed" fill-rule="evenodd" d="M8 4a4 4 0 100 8 4 4 0 000-8z"/>
                                </svg>
                                TOML
                            </div>
                            <small>
                                <div>72 lines</div>
                                <div>2.40 kB</div>
                                <div>0.06%</div>
                            </small>
                        </div>
                        <div class="field language details">
                            <div class="field">
                                <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 16" width="16" height="16">
                                    <path fill="#ededed" fill-rule="evenodd" d="M8 4a4 4 0 100 8 4 4 0 000-8z"/>
                                </svg>
                                Markdown
                            </div>
                            <small>
                                <div>45 lines</div>
                                <div>1.84 kB</div>
                                <div>0.05%</div>
                            </small>
                        </div>
                        <div class="field language details">
                            <div class="field">
                                <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 16" width="16" height="16">
                                    <path fill="#ededed" fill-rule="evenodd" d="M8 4a4 4 0 100 8 4 4 0 000-8z"/>
                                </svg>
                                Handlebars
                            </div>
                            <small>
                                <div>21 lines</div>
                                <div>813 bytes</div>
                                <div>0.02%</div>
                            </small>
                        </div>
                        <div class="field language details">
                            <div class="field">
                                <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 16" width="16" height="16">
                                    <path fill="#ededed" fill-rule="evenodd" d="M8 4a4 4 0 100 8 4 4 0 000-8z"/>
                                </svg>
                                Ignore List
                            </div>
                            <small>
                                <div>39 lines</div>
                                <div>574 bytes</div>
                                <div>0.02%</div>
                            </small>
                        </div>
                        <div class="field language details">
                            <div class="field">
                                <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 16" width="16" height="16">
                                    <path fill="#e34c26" fill-rule="evenodd" d="M8 4a4 4 0 100 8 4 4 0 000-8z"/>
                                </svg>
                                HTML
                            </div>
                            <small>
                                <div>12 lines</div>
                                <div>252 bytes</div>
                                <div>0.01%</div>
                            </small>
                        </div>
                        <div class="field language details">
                            <div class="field">
                                <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 16" width="16" height="16">
                                    <path fill="#ededed" fill-rule="evenodd" d="M8 4a4 4 0 100 8 4 4 0 000-8z"/>
                                </svg>
                                Checksums
                            </div>
                            <small>
                                <div>1 line</div>
                                <div>32 bytes</div>
                                <div>0%</div>
                            </small>
                        </div>
                    </section>
                </div>
            </section>
        </div>
        <div xmlns="http://www.w3.org/1999/xhtml" id="metrics-end"></div>
    </foreignObject>
</svg>