49 lines
3.1 KiB
XML
49 lines
3.1 KiB
XML
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 760 200" width="760" role="img" aria-labelledby="t d" style="max-width:100%;height:auto">
|
|
<title id="t">CPU time used by four busy loops</title>
|
|
<desc id="d">Two bars, CPU seconds consumed in 4.2 seconds of wall time. Without a limit 16.3, with --cpus 0.5 2.3.</desc>
|
|
<style>
|
|
.bg { fill: var(--surface); }
|
|
.t1 { fill: var(--ink); font: 600 15px system-ui, -apple-system, "Segoe UI", sans-serif; }
|
|
.t2 { fill: var(--ink2); font: 400 12px system-ui, -apple-system, "Segoe UI", sans-serif; }
|
|
.lab { fill: var(--ink); font: 400 13px system-ui, -apple-system, "Segoe UI", sans-serif; }
|
|
.val { fill: var(--ink2); font: 400 12px system-ui, -apple-system, "Segoe UI", sans-serif; }
|
|
.tick { fill: var(--muted); font: 400 11px system-ui, -apple-system, "Segoe UI", sans-serif; }
|
|
.grid { stroke: var(--grid); stroke-width: 1; }
|
|
.axis { stroke: var(--axis); stroke-width: 1; }
|
|
.acc { fill: var(--accent); }
|
|
.oth { fill: var(--other); }
|
|
:root { --surface:#fcfcfb; --ink:#0b0b0b; --ink2:#52514e; --muted:#898781;
|
|
--grid:#e1e0d9; --axis:#c3c2b7; --accent:#2a78d6; --other:#898781; }
|
|
@media (prefers-color-scheme: dark) {
|
|
:root { --surface:#1a1a19; --ink:#f0efec; --ink2:#c3c2b7; --muted:#898781;
|
|
--grid:#2c2c2a; --axis:#383835; --accent:#3987e5; --other:#898781; }
|
|
}
|
|
</style>
|
|
<rect class="bg" x="0" y="0" width="760" height="200" rx="8"/>
|
|
<text class="t1" x="20" y="28">CPU time used by 4 busy loops in one container (CPU-seconds)</text>
|
|
<text class="t2" x="20" y="46">4.2 s of wall time. Half a CPU allows about 2.1 CPU-seconds; measured 2.3.</text>
|
|
<rect class="oth" x="20" y="55" width="12" height="12" rx="2"/>
|
|
<text class="t2" x="38" y="65">no limit</text>
|
|
<rect class="acc" x="116" y="55" width="12" height="12" rx="2"/>
|
|
<text class="t2" x="134" y="65">--cpus 0.5</text>
|
|
<line class="grid" x1="170.0" y1="84" x2="170.0" y2="146"/>
|
|
<text class="tick" x="170.0" y="162" text-anchor="middle">0</text>
|
|
<line class="grid" x1="270.0" y1="84" x2="270.0" y2="146"/>
|
|
<text class="tick" x="270.0" y="162" text-anchor="middle">4</text>
|
|
<line class="grid" x1="370.0" y1="84" x2="370.0" y2="146"/>
|
|
<text class="tick" x="370.0" y="162" text-anchor="middle">8</text>
|
|
<line class="grid" x1="470.0" y1="84" x2="470.0" y2="146"/>
|
|
<text class="tick" x="470.0" y="162" text-anchor="middle">12</text>
|
|
<line class="grid" x1="570.0" y1="84" x2="570.0" y2="146"/>
|
|
<text class="tick" x="570.0" y="162" text-anchor="middle">16</text>
|
|
<line class="grid" x1="670.0" y1="84" x2="670.0" y2="146"/>
|
|
<text class="tick" x="670.0" y="162" text-anchor="middle">20</text>
|
|
<text class="lab" x="160" y="105.0" text-anchor="end">no limit</text>
|
|
<path class="oth" d="M170.0,92.0 h402.5 a4,4 0 0 1 4,4 v10.0 a4,4 0 0 1 -4,4 h-402.5 z"><title>no limit: 16.3 CPU-seconds</title></path>
|
|
<text class="val" x="584.5" y="105.0">16.3 CPU-s</text>
|
|
<text class="lab" x="160" y="135.0" text-anchor="end">--cpus 0.5</text>
|
|
<path class="acc" d="M170.0,122.0 h53.2 a4,4 0 0 1 4,4 v10.0 a4,4 0 0 1 -4,4 h-53.2 z"><title>--cpus 0.5: 2.3 CPU-seconds</title></path>
|
|
<text class="val" x="235.2" y="135.0">2.3 CPU-s</text>
|
|
<line class="axis" x1="170" y1="84" x2="170" y2="146"/>
|
|
</svg>
|