examples/cpu_time.svg

<svg width="1920" height="1080" viewBox="0 0 1920 1080" xmlns="http://www.w3.org/2000/svg">
<rect x="0" y="0" width="1919" height="1079" opacity="1" fill="#FFFFFF" stroke="none"/>
<text x="960" y="16" dy="0.76em" text-anchor="middle" font-family="sans-serif" font-size="43.54838709677419" opacity="1" fill="#000000">
Cpu Time
</text>
<line opacity="0.1" stroke="#000000" stroke-width="1" x1="97" y1="1025" x2="97" y2="63"/>
<line opacity="0.1" stroke="#000000" stroke-width="1" x1="131" y1="1025" x2="131" y2="63"/>
<line opacity="0.1" stroke="#000000" stroke-width="1" x1="165" y1="1025" x2="165" y2="63"/>
<line opacity="0.1" stroke="#000000" stroke-width="1" x1="199" y1="1025" x2="199" y2="63"/>
<line opacity="0.1" stroke="#000000" stroke-width="1" x1="233" y1="1025" x2="233" y2="63"/>
<line opacity="0.1" stroke="#000000" stroke-width="1" x1="267" y1="1025" x2="267" y2="63"/>
<line opacity="0.1" stroke="#000000" stroke-width="1" x1="302" y1="1025" x2="302" y2="63"/>
<line opacity="0.1" stroke="#000000" stroke-width="1" x1="336" y1="1025" x2="336" y2="63"/>
<line opacity="0.1" stroke="#000000" stroke-width="1" x1="370" y1="1025" x2="370" y2="63"/>
<line opacity="0.1" stroke="#000000" stroke-width="1" x1="404" y1="1025" x2="404" y2="63"/>
<line opacity="0.1" stroke="#000000" stroke-width="1" x1="438" y1="1025" x2="438" y2="63"/>
<line opacity="0.1" stroke="#000000" stroke-width="1" x1="473" y1="1025" x2="473" y2="63"/>
<line opacity="0.1" stroke="#000000" stroke-width="1" x1="507" y1="1025" x2="507" y2="63"/>
<line opacity="0.1" stroke="#000000" stroke-width="1" x1="541" y1="1025" x2="541" y2="63"/>
<line opacity="0.1" stroke="#000000" stroke-width="1" x1="575" y1="1025" x2="575" y2="63"/>
<line opacity="0.1" stroke="#000000" stroke-width="1" x1="609" y1="1025" x2="609" y2="63"/>
<line opacity="0.1" stroke="#000000" stroke-width="1" x1="644" y1="1025" x2="644" y2="63"/>
<line opacity="0.1" stroke="#000000" stroke-width="1" x1="678" y1="1025" x2="678" y2="63"/>
<line opacity="0.1" stroke="#000000" stroke-width="1" x1="712" y1="1025" x2="712" y2="63"/>
<line opacity="0.1" stroke="#000000" stroke-width="1" x1="746" y1="1025" x2="746" y2="63"/>
<line opacity="0.1" stroke="#000000" stroke-width="1" x1="780" y1="1025" x2="780" y2="63"/>
<line opacity="0.1" stroke="#000000" stroke-width="1" x1="814" y1="1025" x2="814" y2="63"/>
<line opacity="0.1" stroke="#000000" stroke-width="1" x1="849" y1="1025" x2="849" y2="63"/>
<line opacity="0.1" stroke="#000000" stroke-width="1" x1="883" y1="1025" x2="883" y2="63"/>
<line opacity="0.1" stroke="#000000" stroke-width="1" x1="917" y1="1025" x2="917" y2="63"/>
<line opacity="0.1" stroke="#000000" stroke-width="1" x1="951" y1="1025" x2="951" y2="63"/>
<line opacity="0.1" stroke="#000000" stroke-width="1" x1="985" y1="1025" x2="985" y2="63"/>
<line opacity="0.1" stroke="#000000" stroke-width="1" x1="1020" y1="1025" x2="1020" y2="63"/>
<line opacity="0.1" stroke="#000000" stroke-width="1" x1="1054" y1="1025" x2="1054" y2="63"/>
<line opacity="0.1" stroke="#000000" stroke-width="1" x1="1088" y1="1025" x2="1088" y2="63"/>
<line opacity="0.1" stroke="#000000" stroke-width="1" x1="1122" y1="1025" x2="1122" y2="63"/>
<line opacity="0.1" stroke="#000000" stroke-width="1" x1="1156" y1="1025" x2="1156" y2="63"/>
<line opacity="0.1" stroke="#000000" stroke-width="1" x1="1191" y1="1025" x2="1191" y2="63"/>
<line opacity="0.1" stroke="#000000" stroke-width="1" x1="1225" y1="1025" x2="1225" y2="63"/>
<line opacity="0.1" stroke="#000000" stroke-width="1" x1="1259" y1="1025" x2="1259" y2="63"/>
<line opacity="0.1" stroke="#000000" stroke-width="1" x1="1293" y1="1025" x2="1293" y2="63"/>
<line opacity="0.1" stroke="#000000" stroke-width="1" x1="1327" y1="1025" x2="1327" y2="63"/>
<line opacity="0.1" stroke="#000000" stroke-width="1" x1="1361" y1="1025" x2="1361" y2="63"/>
<line opacity="0.1" stroke="#000000" stroke-width="1" x1="1396" y1="1025" x2="1396" y2="63"/>
<line opacity="0.1" stroke="#000000" stroke-width="1" x1="1430" y1="1025" x2="1430" y2="63"/>
<line opacity="0.1" stroke="#000000" stroke-width="1" x1="1464" y1="1025" x2="1464" y2="63"/>
<line opacity="0.1" stroke="#000000" stroke-width="1" x1="1498" y1="1025" x2="1498" y2="63"/>
<line opacity="0.1" stroke="#000000" stroke-width="1" x1="1532" y1="1025" x2="1532" y2="63"/>
<line opacity="0.1" stroke="#000000" stroke-width="1" x1="1567" y1="1025" x2="1567" y2="63"/>
<line opacity="0.1" stroke="#000000" stroke-width="1" x1="1601" y1="1025" x2="1601" y2="63"/>
<line opacity="0.1" stroke="#000000" stroke-width="1" x1="1635" y1="1025" x2="1635" y2="63"/>
<line opacity="0.1" stroke="#000000" stroke-width="1" x1="1669" y1="1025" x2="1669" y2="63"/>
<line opacity="0.1" stroke="#000000" stroke-width="1" x1="1703" y1="1025" x2="1703" y2="63"/>
<line opacity="0.1" stroke="#000000" stroke-width="1" x1="1738" y1="1025" x2="1738" y2="63"/>
<line opacity="0.1" stroke="#000000" stroke-width="1" x1="1772" y1="1025" x2="1772" y2="63"/>
<line opacity="0.1" stroke="#000000" stroke-width="1" x1="1806" y1="1025" x2="1806" y2="63"/>
<line opacity="0.1" stroke="#000000" stroke-width="1" x1="1840" y1="1025" x2="1840" y2="63"/>
<line opacity="0.1" stroke="#000000" stroke-width="1" x1="1874" y1="1025" x2="1874" y2="63"/>
<line opacity="0.1" stroke="#000000" stroke-width="1" x1="1909" y1="1025" x2="1909" y2="63"/>
<line opacity="0.1" stroke="#000000" stroke-width="1" x1="97" y1="1025" x2="1909" y2="1025"/>
<line opacity="0.1" stroke="#000000" stroke-width="1" x1="97" y1="1012" x2="1909" y2="1012"/>
<line opacity="0.1" stroke="#000000" stroke-width="1" x1="97" y1="999" x2="1909" y2="999"/>
<line opacity="0.1" stroke="#000000" stroke-width="1" x1="97" y1="987" x2="1909" y2="987"/>
<line opacity="0.1" stroke="#000000" stroke-width="1" x1="97" y1="974" x2="1909" y2="974"/>
<line opacity="0.1" stroke="#000000" stroke-width="1" x1="97" y1="961" x2="1909" y2="961"/>
<line opacity="0.1" stroke="#000000" stroke-width="1" x1="97" y1="949" x2="1909" y2="949"/>
<line opacity="0.1" stroke="#000000" stroke-width="1" x1="97" y1="936" x2="1909" y2="936"/>
<line opacity="0.1" stroke="#000000" stroke-width="1" x1="97" y1="924" x2="1909" y2="924"/>
<line opacity="0.1" stroke="#000000" stroke-width="1" x1="97" y1="911" x2="1909" y2="911"/>
<line opacity="0.1" stroke="#000000" stroke-width="1" x1="97" y1="898" x2="1909" y2="898"/>
<line opacity="0.1" stroke="#000000" stroke-width="1" x1="97" y1="886" x2="1909" y2="886"/>
<line opacity="0.1" stroke="#000000" stroke-width="1" x1="97" y1="873" x2="1909" y2="873"/>
<line opacity="0.1" stroke="#000000" stroke-width="1" x1="97" y1="861" x2="1909" y2="861"/>
<line opacity="0.1" stroke="#000000" stroke-width="1" x1="97" y1="848" x2="1909" y2="848"/>
<line opacity="0.1" stroke="#000000" stroke-width="1" x1="97" y1="835" x2="1909" y2="835"/>
<line opacity="0.1" stroke="#000000" stroke-width="1" x1="97" y1="823" x2="1909" y2="823"/>
<line opacity="0.1" stroke="#000000" stroke-width="1" x1="97" y1="810" x2="1909" y2="810"/>
<line opacity="0.1" stroke="#000000" stroke-width="1" x1="97" y1="798" x2="1909" y2="798"/>
<line opacity="0.1" stroke="#000000" stroke-width="1" x1="97" y1="785" x2="1909" y2="785"/>
<line opacity="0.1" stroke="#000000" stroke-width="1" x1="97" y1="772" x2="1909" y2="772"/>
<line opacity="0.1" stroke="#000000" stroke-width="1" x1="97" y1="760" x2="1909" y2="760"/>
<line opacity="0.1" stroke="#000000" stroke-width="1" x1="97" y1="747" x2="1909" y2="747"/>
<line opacity="0.1" stroke="#000000" stroke-width="1" x1="97" y1="735" x2="1909" y2="735"/>
<line opacity="0.1" stroke="#000000" stroke-width="1" x1="97" y1="722" x2="1909" y2="722"/>
<line opacity="0.1" stroke="#000000" stroke-width="1" x1="97" y1="709" x2="1909" y2="709"/>
<line opacity="0.1" stroke="#000000" stroke-width="1" x1="97" y1="697" x2="1909" y2="697"/>
<line opacity="0.1" stroke="#000000" stroke-width="1" x1="97" y1="684" x2="1909" y2="684"/>
<line opacity="0.1" stroke="#000000" stroke-width="1" x1="97" y1="672" x2="1909" y2="672"/>
<line opacity="0.1" stroke="#000000" stroke-width="1" x1="97" y1="659" x2="1909" y2="659"/>
<line opacity="0.1" stroke="#000000" stroke-width="1" x1="97" y1="646" x2="1909" y2="646"/>
<line opacity="0.1" stroke="#000000" stroke-width="1" x1="97" y1="634" x2="1909" y2="634"/>
<line opacity="0.1" stroke="#000000" stroke-width="1" x1="97" y1="621" x2="1909" y2="621"/>
<line opacity="0.1" stroke="#000000" stroke-width="1" x1="97" y1="609" x2="1909" y2="609"/>
<line opacity="0.1" stroke="#000000" stroke-width="1" x1="97" y1="596" x2="1909" y2="596"/>
<line opacity="0.1" stroke="#000000" stroke-width="1" x1="97" y1="583" x2="1909" y2="583"/>
<line opacity="0.1" stroke="#000000" stroke-width="1" x1="97" y1="571" x2="1909" y2="571"/>
<line opacity="0.1" stroke="#000000" stroke-width="1" x1="97" y1="558" x2="1909" y2="558"/>
<line opacity="0.1" stroke="#000000" stroke-width="1" x1="97" y1="546" x2="1909" y2="546"/>
<line opacity="0.1" stroke="#000000" stroke-width="1" x1="97" y1="533" x2="1909" y2="533"/>
<line opacity="0.1" stroke="#000000" stroke-width="1" x1="97" y1="520" x2="1909" y2="520"/>
<line opacity="0.1" stroke="#000000" stroke-width="1" x1="97" y1="508" x2="1909" y2="508"/>
<line opacity="0.1" stroke="#000000" stroke-width="1" x1="97" y1="495" x2="1909" y2="495"/>
<line opacity="0.1" stroke="#000000" stroke-width="1" x1="97" y1="483" x2="1909" y2="483"/>
<line opacity="0.1" stroke="#000000" stroke-width="1" x1="97" y1="470" x2="1909" y2="470"/>
<line opacity="0.1" stroke="#000000" stroke-width="1" x1="97" y1="457" x2="1909" y2="457"/>
<line opacity="0.1" stroke="#000000" stroke-width="1" x1="97" y1="445" x2="1909" y2="445"/>
<line opacity="0.1" stroke="#000000" stroke-width="1" x1="97" y1="432" x2="1909" y2="432"/>
<line opacity="0.1" stroke="#000000" stroke-width="1" x1="97" y1="420" x2="1909" y2="420"/>
<line opacity="0.1" stroke="#000000" stroke-width="1" x1="97" y1="407" x2="1909" y2="407"/>
<line opacity="0.1" stroke="#000000" stroke-width="1" x1="97" y1="394" x2="1909" y2="394"/>
<line opacity="0.1" stroke="#000000" stroke-width="1" x1="97" y1="382" x2="1909" y2="382"/>
<line opacity="0.1" stroke="#000000" stroke-width="1" x1="97" y1="369" x2="1909" y2="369"/>
<line opacity="0.1" stroke="#000000" stroke-width="1" x1="97" y1="357" x2="1909" y2="357"/>
<line opacity="0.1" stroke="#000000" stroke-width="1" x1="97" y1="344" x2="1909" y2="344"/>
<line opacity="0.1" stroke="#000000" stroke-width="1" x1="97" y1="331" x2="1909" y2="331"/>
<line opacity="0.1" stroke="#000000" stroke-width="1" x1="97" y1="319" x2="1909" y2="319"/>
<line opacity="0.1" stroke="#000000" stroke-width="1" x1="97" y1="306" x2="1909" y2="306"/>
<line opacity="0.1" stroke="#000000" stroke-width="1" x1="97" y1="294" x2="1909" y2="294"/>
<line opacity="0.1" stroke="#000000" stroke-width="1" x1="97" y1="281" x2="1909" y2="281"/>
<line opacity="0.1" stroke="#000000" stroke-width="1" x1="97" y1="268" x2="1909" y2="268"/>
<line opacity="0.1" stroke="#000000" stroke-width="1" x1="97" y1="256" x2="1909" y2="256"/>
<line opacity="0.1" stroke="#000000" stroke-width="1" x1="97" y1="243" x2="1909" y2="243"/>
<line opacity="0.1" stroke="#000000" stroke-width="1" x1="97" y1="231" x2="1909" y2="231"/>
<line opacity="0.1" stroke="#000000" stroke-width="1" x1="97" y1="218" x2="1909" y2="218"/>
<line opacity="0.1" stroke="#000000" stroke-width="1" x1="97" y1="205" x2="1909" y2="205"/>
<line opacity="0.1" stroke="#000000" stroke-width="1" x1="97" y1="193" x2="1909" y2="193"/>
<line opacity="0.1" stroke="#000000" stroke-width="1" x1="97" y1="180" x2="1909" y2="180"/>
<line opacity="0.1" stroke="#000000" stroke-width="1" x1="97" y1="168" x2="1909" y2="168"/>
<line opacity="0.1" stroke="#000000" stroke-width="1" x1="97" y1="155" x2="1909" y2="155"/>
<line opacity="0.1" stroke="#000000" stroke-width="1" x1="97" y1="142" x2="1909" y2="142"/>
<line opacity="0.1" stroke="#000000" stroke-width="1" x1="97" y1="130" x2="1909" y2="130"/>
<line opacity="0.1" stroke="#000000" stroke-width="1" x1="97" y1="117" x2="1909" y2="117"/>
<line opacity="0.1" stroke="#000000" stroke-width="1" x1="97" y1="105" x2="1909" y2="105"/>
<line opacity="0.1" stroke="#000000" stroke-width="1" x1="97" y1="92" x2="1909" y2="92"/>
<line opacity="0.1" stroke="#000000" stroke-width="1" x1="97" y1="79" x2="1909" y2="79"/>
<line opacity="0.1" stroke="#000000" stroke-width="1" x1="97" y1="67" x2="1909" y2="67"/>
<text x="11" y="545" dy="0.76em" text-anchor="middle" font-family="sans-serif" font-size="9.67741935483871" opacity="1" fill="#000000" transform="rotate(270, 11, 545)">
us
</text>
<line opacity="0.2" stroke="#000000" stroke-width="1" x1="97" y1="1025" x2="97" y2="63"/>
<line opacity="0.2" stroke="#000000" stroke-width="1" x1="438" y1="1025" x2="438" y2="63"/>
<line opacity="0.2" stroke="#000000" stroke-width="1" x1="780" y1="1025" x2="780" y2="63"/>
<line opacity="0.2" stroke="#000000" stroke-width="1" x1="1122" y1="1025" x2="1122" y2="63"/>
<line opacity="0.2" stroke="#000000" stroke-width="1" x1="1464" y1="1025" x2="1464" y2="63"/>
<line opacity="0.2" stroke="#000000" stroke-width="1" x1="1806" y1="1025" x2="1806" y2="63"/>
<line opacity="0.2" stroke="#000000" stroke-width="1" x1="97" y1="1025" x2="1909" y2="1025"/>
<line opacity="0.2" stroke="#000000" stroke-width="1" x1="97" y1="898" x2="1909" y2="898"/>
<line opacity="0.2" stroke="#000000" stroke-width="1" x1="97" y1="772" x2="1909" y2="772"/>
<line opacity="0.2" stroke="#000000" stroke-width="1" x1="97" y1="646" x2="1909" y2="646"/>
<line opacity="0.2" stroke="#000000" stroke-width="1" x1="97" y1="520" x2="1909" y2="520"/>
<line opacity="0.2" stroke="#000000" stroke-width="1" x1="97" y1="394" x2="1909" y2="394"/>
<line opacity="0.2" stroke="#000000" stroke-width="1" x1="97" y1="268" x2="1909" y2="268"/>
<line opacity="0.2" stroke="#000000" stroke-width="1" x1="97" y1="142" x2="1909" y2="142"/>
<polyline fill="none" opacity="1" stroke="#000000" stroke-width="1" points="96,64 96,1026 "/>
<text x="87" y="1025" dy="0.5ex" text-anchor="end" font-family="sans-serif" font-size="9.67741935483871" opacity="1" fill="#000000">
0
</text>
<polyline fill="none" opacity="1" stroke="#000000" stroke-width="1" points="91,1025 96,1025 "/>
<text x="87" y="898" dy="0.5ex" text-anchor="end" font-family="sans-serif" font-size="9.67741935483871" opacity="1" fill="#000000">
5000000
</text>
<polyline fill="none" opacity="1" stroke="#000000" stroke-width="1" points="91,898 96,898 "/>
<text x="87" y="772" dy="0.5ex" text-anchor="end" font-family="sans-serif" font-size="9.67741935483871" opacity="1" fill="#000000">
10000000
</text>
<polyline fill="none" opacity="1" stroke="#000000" stroke-width="1" points="91,772 96,772 "/>
<text x="87" y="646" dy="0.5ex" text-anchor="end" font-family="sans-serif" font-size="9.67741935483871" opacity="1" fill="#000000">
15000000
</text>
<polyline fill="none" opacity="1" stroke="#000000" stroke-width="1" points="91,646 96,646 "/>
<text x="87" y="520" dy="0.5ex" text-anchor="end" font-family="sans-serif" font-size="9.67741935483871" opacity="1" fill="#000000">
20000000
</text>
<polyline fill="none" opacity="1" stroke="#000000" stroke-width="1" points="91,520 96,520 "/>
<text x="87" y="394" dy="0.5ex" text-anchor="end" font-family="sans-serif" font-size="9.67741935483871" opacity="1" fill="#000000">
25000000
</text>
<polyline fill="none" opacity="1" stroke="#000000" stroke-width="1" points="91,394 96,394 "/>
<text x="87" y="268" dy="0.5ex" text-anchor="end" font-family="sans-serif" font-size="9.67741935483871" opacity="1" fill="#000000">
30000000
</text>
<polyline fill="none" opacity="1" stroke="#000000" stroke-width="1" points="91,268 96,268 "/>
<text x="87" y="142" dy="0.5ex" text-anchor="end" font-family="sans-serif" font-size="9.67741935483871" opacity="1" fill="#000000">
35000000
</text>
<polyline fill="none" opacity="1" stroke="#000000" stroke-width="1" points="91,142 96,142 "/>
<polyline fill="none" opacity="1" stroke="#000000" stroke-width="1" points="97,1026 1909,1026 "/>
<text x="97" y="1036" dy="0.76em" text-anchor="middle" font-family="sans-serif" font-size="9.67741935483871" opacity="1" fill="#000000">
0
</text>
<polyline fill="none" opacity="1" stroke="#000000" stroke-width="1" points="97,1026 97,1031 "/>
<text x="438" y="1036" dy="0.76em" text-anchor="middle" font-family="sans-serif" font-size="9.67741935483871" opacity="1" fill="#000000">
10
</text>
<polyline fill="none" opacity="1" stroke="#000000" stroke-width="1" points="438,1026 438,1031 "/>
<text x="780" y="1036" dy="0.76em" text-anchor="middle" font-family="sans-serif" font-size="9.67741935483871" opacity="1" fill="#000000">
20
</text>
<polyline fill="none" opacity="1" stroke="#000000" stroke-width="1" points="780,1026 780,1031 "/>
<text x="1122" y="1036" dy="0.76em" text-anchor="middle" font-family="sans-serif" font-size="9.67741935483871" opacity="1" fill="#000000">
30
</text>
<polyline fill="none" opacity="1" stroke="#000000" stroke-width="1" points="1122,1026 1122,1031 "/>
<text x="1464" y="1036" dy="0.76em" text-anchor="middle" font-family="sans-serif" font-size="9.67741935483871" opacity="1" fill="#000000">
40
</text>
<polyline fill="none" opacity="1" stroke="#000000" stroke-width="1" points="1464,1026 1464,1031 "/>
<text x="1806" y="1036" dy="0.76em" text-anchor="middle" font-family="sans-serif" font-size="9.67741935483871" opacity="1" fill="#000000">
50
</text>
<polyline fill="none" opacity="1" stroke="#000000" stroke-width="1" points="1806,1026 1806,1031 "/>
<polyline fill="none" opacity="1" stroke="#00FF00" stroke-width="3" points="97,283 131,283 165,283 199,282 233,281 267,281 302,281 336,281 370,281 404,281 438,281 473,281 507,281 541,280 575,280 609,280 644,280 678,280 712,280 746,279 780,279 814,279 849,279 883,279 917,279 951,278 985,278 1020,278 1054,278 1088,278 1122,278 1156,277 1191,277 1225,277 1259,277 1293,276 1327,276 1361,276 1396,276 1430,276 1464,276 1498,276 1532,276 1567,275 1601,275 1635,275 1669,275 1703,275 1738,275 1772,275 1806,275 1840,275 1874,275 "/>
<polyline fill="none" opacity="1" stroke="#FF0000" stroke-width="3" points="97,79 131,79 165,78 199,78 233,78 267,77 302,77 336,77 370,77 404,76 438,76 473,75 507,75 541,75 575,75 609,74 644,74 678,73 712,73 746,72 780,72 814,72 849,71 883,70 917,70 951,70 985,70 1020,70 1054,70 1088,69 1122,69 1156,68 1191,68 1225,68 1259,68 1293,67 1327,67 1361,67 1396,67 1430,66 1464,66 1498,66 1532,65 1567,65 1601,65 1635,64 1669,64 1703,64 1738,64 1772,64 1806,64 1840,64 1874,64 "/>
<rect x="1824" y="523" width="80" height="44" opacity="1" fill="none" stroke="#000000"/>
<text x="1864" y="533" dy="0.76em" text-anchor="start" font-family="sans-serif" font-size="9.67741935483871" opacity="1" fill="#000000">
system
</text>
<text x="1864" y="548" dy="0.76em" text-anchor="start" font-family="sans-serif" font-size="9.67741935483871" opacity="1" fill="#000000">
user
</text>
<rect x="1834" y="532" width="10" height="10" opacity="1" fill="#00FF00" stroke="none"/>
<rect x="1834" y="547" width="10" height="10" opacity="1" fill="#FF0000" stroke="none"/>
</svg>