Skip to main content

assets/perf-matrix.svg

<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 720 420" width="720" height="420" font-family="-apple-system, system-ui, sans-serif">
<rect width="720" height="420" fill="white"/>
<text x="70" y="20" font-size="14" font-weight="600" fill="#111">Per-test wall time vs --max-cases</text>
<line x1="70" y1="30" x2="70" y2="370" stroke="#999" stroke-width="1"/>
<line x1="70" y1="370" x2="540" y2="370" stroke="#999" stroke-width="1"/>
<line x1="70.0" y1="370" x2="70.0" y2="375" stroke="#999"/>
<text x="70.0" y="392" text-anchor="middle" font-size="11" fill="#444">1</text>
<line x1="187.5" y1="370" x2="187.5" y2="375" stroke="#999"/>
<text x="187.5" y="392" text-anchor="middle" font-size="11" fill="#444">2</text>
<line x1="305.0" y1="370" x2="305.0" y2="375" stroke="#999"/>
<text x="305.0" y="392" text-anchor="middle" font-size="11" fill="#444">4</text>
<line x1="422.5" y1="370" x2="422.5" y2="375" stroke="#999"/>
<text x="422.5" y="392" text-anchor="middle" font-size="11" fill="#444">8</text>
<line x1="540.0" y1="370" x2="540.0" y2="375" stroke="#999"/>
<text x="540.0" y="392" text-anchor="middle" font-size="11" fill="#444">16</text>
<text x="305.0" y="410" text-anchor="middle" font-size="12" fill="#222">--max-cases</text>
<line x1="65" y1="370.0" x2="70" y2="370.0" stroke="#999"/>
<text x="62" y="374.0" text-anchor="end" font-size="11" fill="#444">0.00s</text>
<line x1="65" y1="285.0" x2="70" y2="285.0" stroke="#999"/>
<text x="62" y="289.0" text-anchor="end" font-size="11" fill="#444">1.00s</text>
<line x1="65" y1="200.0" x2="70" y2="200.0" stroke="#999"/>
<text x="62" y="204.0" text-anchor="end" font-size="11" fill="#444">2.00s</text>
<line x1="65" y1="115.0" x2="70" y2="115.0" stroke="#999"/>
<text x="62" y="119.0" text-anchor="end" font-size="11" fill="#444">3.00s</text>
<line x1="65" y1="30.0" x2="70" y2="30.0" stroke="#999"/>
<text x="62" y="34.0" text-anchor="end" font-size="11" fill="#444">4.00s</text>
<text x="20" y="200.0" text-anchor="middle" font-size="12" fill="#222" transform="rotate(-90 20 200.0)">seconds per test</text>
<path d="M70.0,233.75 L187.5,293.75 L305.0,320.0 L422.5,326.875 L540.0,326.25" stroke="#ef4444" stroke-width="2" fill="none"/>
<circle cx="70.0" cy="233.75" r="3.5" fill="#ef4444"/>
<circle cx="187.5" cy="293.75" r="3.5" fill="#ef4444"/>
<circle cx="305.0" cy="320.0" r="3.5" fill="#ef4444"/>
<circle cx="422.5" cy="326.875" r="3.5" fill="#ef4444"/>
<circle cx="540.0" cy="326.25" r="3.5" fill="#ef4444"/>
<path d="M70.0,66.25 L187.5,307.5 L305.0,325.625 L422.5,327.5 L540.0,208.125" stroke="#7c3aed" stroke-width="2" fill="none"/>
<circle cx="70.0" cy="66.25" r="3.5" fill="#7c3aed"/>
<circle cx="187.5" cy="307.5" r="3.5" fill="#7c3aed"/>
<circle cx="305.0" cy="325.625" r="3.5" fill="#7c3aed"/>
<circle cx="422.5" cy="327.5" r="3.5" fill="#7c3aed"/>
<circle cx="540.0" cy="208.125" r="3.5" fill="#7c3aed"/>
<path d="M70.0,327.5 L187.5,337.5 L305.0,340.0 L422.5,338.125 L540.0,337.5" stroke="#2563eb" stroke-width="2" fill="none"/>
<circle cx="70.0" cy="327.5" r="3.5" fill="#2563eb"/>
<circle cx="187.5" cy="337.5" r="3.5" fill="#2563eb"/>
<circle cx="305.0" cy="340.0" r="3.5" fill="#2563eb"/>
<circle cx="422.5" cy="338.125" r="3.5" fill="#2563eb"/>
<circle cx="540.0" cy="337.5" r="3.5" fill="#2563eb"/>
<path d="M70.0,343.125 L187.5,356.25 L305.0,362.5 L422.5,365.0 L540.0,365.0" stroke="#10b981" stroke-width="2" fill="none"/>
<circle cx="70.0" cy="343.125" r="3.5" fill="#10b981"/>
<circle cx="187.5" cy="356.25" r="3.5" fill="#10b981"/>
<circle cx="305.0" cy="362.5" r="3.5" fill="#10b981"/>
<circle cx="422.5" cy="365.0" r="3.5" fill="#10b981"/>
<circle cx="540.0" cy="365.0" r="3.5" fill="#10b981"/>
<path d="M70.0,360.625 L187.5,364.375 L305.0,366.25 L422.5,367.5 L540.0,367.5" stroke="#f59e0b" stroke-width="2" fill="none"/>
<circle cx="70.0" cy="360.625" r="3.5" fill="#f59e0b"/>
<circle cx="187.5" cy="364.375" r="3.5" fill="#f59e0b"/>
<circle cx="305.0" cy="366.25" r="3.5" fill="#f59e0b"/>
<circle cx="422.5" cy="367.5" r="3.5" fill="#f59e0b"/>
<circle cx="540.0" cy="367.5" r="3.5" fill="#f59e0b"/>
<line x1="558" y1="40" x2="578" y2="40" stroke="#ef4444" stroke-width="2"/>
<circle cx="568.0" cy="40" r="3.5" fill="#ef4444"/>
<text x="584" y="44" font-size="11" fill="#222">Wallaby</text>
<line x1="558" y1="62" x2="578" y2="62" stroke="#7c3aed" stroke-width="2"/>
<circle cx="568.0" cy="62" r="3.5" fill="#7c3aed"/>
<text x="584" y="66" font-size="11" fill="#222">Chrome BiDi</text>
<line x1="558" y1="84" x2="578" y2="84" stroke="#2563eb" stroke-width="2"/>
<circle cx="568.0" cy="84" r="3.5" fill="#2563eb"/>
<text x="584" y="88" font-size="11" fill="#222">Chrome CDP</text>
<line x1="558" y1="106" x2="578" y2="106" stroke="#10b981" stroke-width="2"/>
<circle cx="568.0" cy="106" r="3.5" fill="#10b981"/>
<text x="584" y="110" font-size="11" fill="#222">Lightpanda</text>
<line x1="558" y1="128" x2="578" y2="128" stroke="#f59e0b" stroke-width="2"/>
<circle cx="568.0" cy="128" r="3.5" fill="#f59e0b"/>
<text x="584" y="132" font-size="11" fill="#222">LiveView</text>
</svg>