first commit
This commit is contained in:
soroush.asadi
@@ -0,0 +1,111 @@
|
||||
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 400 400" fill="none" role="img" aria-label="Soroush Asadi portrait">
|
||||
<defs>
|
||||
<radialGradient id="bg" cx="50%" cy="40%" r="60%">
|
||||
<stop offset="0%" stop-color="#0f1b33"/>
|
||||
<stop offset="60%" stop-color="#050a1a"/>
|
||||
<stop offset="100%" stop-color="#020510"/>
|
||||
</radialGradient>
|
||||
<linearGradient id="rim" x1="0" y1="0" x2="400" y2="400" gradientUnits="userSpaceOnUse">
|
||||
<stop offset="0%" stop-color="#38bdf8"/>
|
||||
<stop offset="50%" stop-color="#818cf8"/>
|
||||
<stop offset="100%" stop-color="#e879f9"/>
|
||||
</linearGradient>
|
||||
<linearGradient id="face" x1="100" y1="120" x2="320" y2="360" gradientUnits="userSpaceOnUse">
|
||||
<stop offset="0%" stop-color="#1e293b"/>
|
||||
<stop offset="100%" stop-color="#0f1b33"/>
|
||||
</linearGradient>
|
||||
<linearGradient id="hair" x1="120" y1="60" x2="280" y2="200" gradientUnits="userSpaceOnUse">
|
||||
<stop offset="0%" stop-color="#0f1b33"/>
|
||||
<stop offset="100%" stop-color="#1e293b"/>
|
||||
</linearGradient>
|
||||
<linearGradient id="acc" x1="0" y1="0" x2="400" y2="0" gradientUnits="userSpaceOnUse">
|
||||
<stop offset="0%" stop-color="#22d3ee"/>
|
||||
<stop offset="100%" stop-color="#e879f9"/>
|
||||
</linearGradient>
|
||||
<filter id="glow" x="-20%" y="-20%" width="140%" height="140%">
|
||||
<feGaussianBlur stdDeviation="6" result="b"/>
|
||||
<feMerge><feMergeNode in="b"/><feMergeNode in="SourceGraphic"/></feMerge>
|
||||
</filter>
|
||||
</defs>
|
||||
|
||||
<!-- backdrop -->
|
||||
<circle cx="200" cy="200" r="200" fill="url(#bg)"/>
|
||||
<!-- faint hex grid -->
|
||||
<g stroke="rgba(56,189,248,0.08)" stroke-width="0.6" fill="none">
|
||||
<path d="M40 200 L80 178 L120 200 L120 244 L80 266 L40 244 Z"/>
|
||||
<path d="M280 200 L320 178 L360 200 L360 244 L320 266 L280 244 Z"/>
|
||||
<path d="M160 80 L200 58 L240 80 L240 124 L200 146 L160 124 Z"/>
|
||||
<path d="M160 280 L200 258 L240 280 L240 324 L200 346 L160 324 Z"/>
|
||||
</g>
|
||||
|
||||
<!-- shoulders -->
|
||||
<path d="M60 400 C 90 320, 150 290, 200 290 C 250 290, 310 320, 340 400 Z"
|
||||
fill="url(#face)" stroke="rgba(56,189,248,0.25)" stroke-width="1"/>
|
||||
|
||||
<!-- collar accent -->
|
||||
<path d="M170 320 L200 340 L230 320" stroke="url(#acc)" stroke-width="2" fill="none" stroke-linecap="round"/>
|
||||
<circle cx="200" cy="345" r="2" fill="#38bdf8"/>
|
||||
|
||||
<!-- neck -->
|
||||
<rect x="180" y="260" width="40" height="40" fill="url(#face)"/>
|
||||
|
||||
<!-- head -->
|
||||
<ellipse cx="200" cy="190" rx="88" ry="100" fill="url(#face)"
|
||||
stroke="url(#rim)" stroke-width="1.5"/>
|
||||
|
||||
<!-- hair (short, modern) -->
|
||||
<path d="M118 178 C 118 110, 165 80, 200 80 C 235 80, 282 105, 282 178
|
||||
C 282 168, 270 150, 240 144 C 235 130, 215 120, 200 120
|
||||
C 180 120, 165 130, 155 148 C 140 152, 125 162, 118 178 Z"
|
||||
fill="url(#hair)" stroke="rgba(56,189,248,0.3)" stroke-width="1"/>
|
||||
|
||||
<!-- brow -->
|
||||
<path d="M152 192 Q 168 184 184 192" stroke="#cbd5e1" stroke-width="2" fill="none" stroke-linecap="round"/>
|
||||
<path d="M216 192 Q 232 184 248 192" stroke="#cbd5e1" stroke-width="2" fill="none" stroke-linecap="round"/>
|
||||
|
||||
<!-- glasses frame -->
|
||||
<g stroke="url(#rim)" stroke-width="2.2" fill="none" filter="url(#glow)">
|
||||
<rect x="142" y="198" width="48" height="34" rx="8"/>
|
||||
<rect x="210" y="198" width="48" height="34" rx="8"/>
|
||||
<path d="M190 212 L210 212"/>
|
||||
<path d="M142 208 L128 204"/>
|
||||
<path d="M258 208 L272 204"/>
|
||||
</g>
|
||||
<!-- lens shimmer -->
|
||||
<rect x="146" y="202" width="14" height="6" rx="2" fill="rgba(56,189,248,0.25)"/>
|
||||
<rect x="214" y="202" width="14" height="6" rx="2" fill="rgba(56,189,248,0.25)"/>
|
||||
|
||||
<!-- nose -->
|
||||
<path d="M200 222 L196 252 Q 200 258 204 252" stroke="#94a3b8" stroke-width="1.5" fill="none" stroke-linecap="round"/>
|
||||
|
||||
<!-- mouth (subtle confident line) -->
|
||||
<path d="M180 268 Q 200 274 220 268" stroke="#cbd5e1" stroke-width="2" fill="none" stroke-linecap="round"/>
|
||||
|
||||
<!-- jaw highlight -->
|
||||
<path d="M120 220 Q 135 280 200 295" stroke="rgba(56,189,248,0.18)" stroke-width="1" fill="none"/>
|
||||
<path d="M280 220 Q 265 280 200 295" stroke="rgba(232,121,249,0.18)" stroke-width="1" fill="none"/>
|
||||
|
||||
<!-- floating tech nodes -->
|
||||
<g fill="#e879f9">
|
||||
<circle cx="60" cy="120" r="2"/>
|
||||
<circle cx="340" cy="140" r="2"/>
|
||||
<circle cx="50" cy="320" r="2"/>
|
||||
<circle cx="350" cy="300" r="2"/>
|
||||
</g>
|
||||
<g fill="#22d3ee">
|
||||
<circle cx="90" cy="80" r="1.5"/>
|
||||
<circle cx="310" cy="90" r="1.5"/>
|
||||
<circle cx="80" cy="280" r="1.5"/>
|
||||
</g>
|
||||
|
||||
<!-- connecting wires -->
|
||||
<g stroke="rgba(56,189,248,0.25)" stroke-width="0.7" fill="none">
|
||||
<path d="M60 120 Q 100 150 130 200"/>
|
||||
<path d="M340 140 Q 300 160 270 200"/>
|
||||
<path d="M50 320 Q 110 310 160 290"/>
|
||||
<path d="M350 300 Q 290 310 240 290"/>
|
||||
</g>
|
||||
|
||||
<!-- outer rim -->
|
||||
<circle cx="200" cy="200" r="198" stroke="url(#rim)" stroke-width="1.5" opacity="0.6"/>
|
||||
</svg>
|
||||
|
After Width: | Height: | Size: 4.7 KiB |
@@ -0,0 +1,21 @@
|
||||
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 64 64" fill="none" role="img" aria-label="SA mark">
|
||||
<defs>
|
||||
<linearGradient id="g" x1="0" y1="0" x2="64" y2="64" gradientUnits="userSpaceOnUse">
|
||||
<stop offset="0%" stop-color="#38bdf8"/>
|
||||
<stop offset="55%" stop-color="#818cf8"/>
|
||||
<stop offset="100%" stop-color="#e879f9"/>
|
||||
</linearGradient>
|
||||
<linearGradient id="g2" x1="64" y1="0" x2="0" y2="64" gradientUnits="userSpaceOnUse">
|
||||
<stop offset="0%" stop-color="#22d3ee"/>
|
||||
<stop offset="100%" stop-color="#e879f9"/>
|
||||
</linearGradient>
|
||||
</defs>
|
||||
<!-- hex frame -->
|
||||
<path d="M32 3 L57 17.5 V46.5 L32 61 L7 46.5 V17.5 Z"
|
||||
stroke="url(#g)" stroke-width="2" fill="rgba(56,189,248,0.06)"/>
|
||||
<!-- abstract S+A glyph -->
|
||||
<path d="M22 22 Q22 17 27 17 H38 Q43 17 43 22 Q43 27 38 27 H27 Q22 27 22 32 Q22 37 27 37 H38 Q43 37 43 42 Q43 47 38 47 H22"
|
||||
stroke="url(#g2)" stroke-width="2.4" stroke-linecap="round" fill="none"/>
|
||||
<circle cx="46" cy="18" r="1.6" fill="#e879f9"/>
|
||||
<circle cx="18" cy="46" r="1.6" fill="#22d3ee"/>
|
||||
</svg>
|
||||
|
After Width: | Height: | Size: 1.1 KiB |
@@ -0,0 +1,36 @@
|
||||
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 320 64" fill="none" role="img" aria-label="Soroush Asadi">
|
||||
<defs>
|
||||
<linearGradient id="gw" x1="0" y1="0" x2="320" y2="0" gradientUnits="userSpaceOnUse">
|
||||
<stop offset="0%" stop-color="#38bdf8"/>
|
||||
<stop offset="55%" stop-color="#818cf8"/>
|
||||
<stop offset="100%" stop-color="#e879f9"/>
|
||||
</linearGradient>
|
||||
<linearGradient id="gm" x1="0" y1="0" x2="64" y2="64" gradientUnits="userSpaceOnUse">
|
||||
<stop offset="0%" stop-color="#38bdf8"/>
|
||||
<stop offset="55%" stop-color="#818cf8"/>
|
||||
<stop offset="100%" stop-color="#e879f9"/>
|
||||
</linearGradient>
|
||||
<linearGradient id="gm2" x1="64" y1="0" x2="0" y2="64" gradientUnits="userSpaceOnUse">
|
||||
<stop offset="0%" stop-color="#22d3ee"/>
|
||||
<stop offset="100%" stop-color="#e879f9"/>
|
||||
</linearGradient>
|
||||
</defs>
|
||||
|
||||
<!-- mark -->
|
||||
<g transform="translate(0,0)">
|
||||
<path d="M32 5 L55 18 V46 L32 59 L9 46 V18 Z"
|
||||
stroke="url(#gm)" stroke-width="2" fill="rgba(56,189,248,0.05)"/>
|
||||
<path d="M22 23 Q22 19 26 19 H38 Q42 19 42 23 Q42 27 38 27 H26 Q22 27 22 32 Q22 37 26 37 H38 Q42 37 42 41 Q42 45 38 45 H22"
|
||||
stroke="url(#gm2)" stroke-width="2.2" stroke-linecap="round" fill="none"/>
|
||||
</g>
|
||||
|
||||
<!-- wordmark -->
|
||||
<g font-family="'Syne', 'Helvetica Neue', sans-serif" font-weight="700">
|
||||
<text x="76" y="38" font-size="22" fill="#e2e8f0" letter-spacing="0.5">Soroush</text>
|
||||
<text x="180" y="38" font-size="22" fill="url(#gw)" letter-spacing="0.5">Asadi</text>
|
||||
<text x="76" y="54" font-family="'Space Mono', ui-monospace, monospace"
|
||||
font-size="9" fill="#64748b" letter-spacing="3" font-weight="400">
|
||||
AI · ARCHITECTURE · STRATEGY
|
||||
</text>
|
||||
</g>
|
||||
</svg>
|
||||
|
After Width: | Height: | Size: 1.7 KiB |
@@ -0,0 +1,36 @@
|
||||
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 1600 1000" width="1600" height="1000">
|
||||
<defs>
|
||||
<radialGradient id="glowatlasraga" cx="28%" cy="18%" r="90%">
|
||||
<stop offset="0%" stop-color="hsl(199 90% 62% / 0.55)"/>
|
||||
<stop offset="45%" stop-color="hsl(227 85% 55% / 0.18)"/>
|
||||
<stop offset="100%" stop-color="hsl(199 60% 8% / 0)"/>
|
||||
</radialGradient>
|
||||
<linearGradient id="bgatlasraga" x1="0" y1="0" x2="1" y2="1">
|
||||
<stop offset="0%" stop-color="#04060f"/>
|
||||
<stop offset="100%" stop-color="#020308"/>
|
||||
</linearGradient>
|
||||
<linearGradient id="lineatlasraga" x1="0" y1="0" x2="1" y2="0">
|
||||
<stop offset="0%" stop-color="hsl(199 90% 65%)"/>
|
||||
<stop offset="100%" stop-color="hsl(239 90% 68%)"/>
|
||||
</linearGradient>
|
||||
</defs>
|
||||
<rect width="1600" height="1000" fill="url(#bgatlasraga)"/>
|
||||
<rect width="1600" height="1000" fill="url(#glowatlasraga)"/>
|
||||
<g stroke="hsl(199 40% 60% / 0.06)" stroke-width="1">
|
||||
<line x1="0" y1="0" x2="0" y2="1000"/><line x1="100" y1="0" x2="100" y2="1000"/><line x1="200" y1="0" x2="200" y2="1000"/><line x1="300" y1="0" x2="300" y2="1000"/><line x1="400" y1="0" x2="400" y2="1000"/><line x1="500" y1="0" x2="500" y2="1000"/><line x1="600" y1="0" x2="600" y2="1000"/><line x1="700" y1="0" x2="700" y2="1000"/><line x1="800" y1="0" x2="800" y2="1000"/><line x1="900" y1="0" x2="900" y2="1000"/><line x1="1000" y1="0" x2="1000" y2="1000"/><line x1="1100" y1="0" x2="1100" y2="1000"/><line x1="1200" y1="0" x2="1200" y2="1000"/><line x1="1300" y1="0" x2="1300" y2="1000"/><line x1="1400" y1="0" x2="1400" y2="1000"/><line x1="1500" y1="0" x2="1500" y2="1000"/>
|
||||
<line x1="0" y1="0" x2="1600" y2="0"/><line x1="0" y1="100" x2="1600" y2="100"/><line x1="0" y1="200" x2="1600" y2="200"/><line x1="0" y1="300" x2="1600" y2="300"/><line x1="0" y1="400" x2="1600" y2="400"/><line x1="0" y1="500" x2="1600" y2="500"/><line x1="0" y1="600" x2="1600" y2="600"/><line x1="0" y1="700" x2="1600" y2="700"/><line x1="0" y1="800" x2="1600" y2="800"/><line x1="0" y1="900" x2="1600" y2="900"/>
|
||||
</g>
|
||||
<g>
|
||||
<rect x="80" y="70" width="1440" height="60" rx="14" fill="hsl(199 30% 18% / 0.4)" stroke="hsl(199 60% 60% / 0.25)"/>
|
||||
<circle cx="120" cy="100" r="9" fill="hsl(0 70% 60% / .7)"/>
|
||||
<circle cx="152" cy="100" r="9" fill="hsl(45 80% 60% / .7)"/>
|
||||
<circle cx="184" cy="100" r="9" fill="hsl(140 60% 55% / .7)"/>
|
||||
<rect x="240" y="88" width="420" height="24" rx="12" fill="hsl(199 30% 40% / 0.25)"/>
|
||||
</g>
|
||||
<rect x="120" y="200" width="700" height="560" rx="20" fill="hsl(199 30% 12% / 0.5)" stroke="hsl(199 60% 60% / 0.16)"/>
|
||||
<text x="160" y="270" font-family="monospace" font-size="30" fill="hsl(199 70% 75%)">throughput / day</text>
|
||||
<rect x="180" y="680" width="54" height="80" rx="8" fill="url(#lineatlasraga)" opacity="0.5"/><rect x="276" y="627" width="54" height="133" rx="8" fill="url(#lineatlasraga)" opacity="0.66"/><rect x="372" y="574" width="54" height="186" rx="8" fill="url(#lineatlasraga)" opacity="0.8200000000000001"/><rect x="468" y="521" width="54" height="239" rx="8" fill="url(#lineatlasraga)" opacity="0.5"/><rect x="564" y="468" width="54" height="292" rx="8" fill="url(#lineatlasraga)" opacity="0.66"/><rect x="660" y="675" width="54" height="85" rx="8" fill="url(#lineatlasraga)" opacity="0.8200000000000001"/><rect x="756" y="622" width="54" height="138" rx="8" fill="url(#lineatlasraga)" opacity="0.5"/><rect x="852" y="569" width="54" height="191" rx="8" fill="url(#lineatlasraga)" opacity="0.66"/><rect x="948" y="516" width="54" height="244" rx="8" fill="url(#lineatlasraga)" opacity="0.8200000000000001"/>
|
||||
<rect x="880" y="200" width="600" height="560" rx="20" fill="hsl(199 30% 12% / 0.5)" stroke="hsl(199 60% 60% / 0.16)"/>
|
||||
<path d="M 1050 620 L 1050 620 L 1104 535.3906523385778 L 1158 489.21163083534515 L 1212 501.10554730457 L 1266 562.3244720582771 L 1320 640.00659821042 L 1374 693.2416333172939 L 1428 693.0709129595766 L 1482 636.6446346063387" fill="none" stroke="url(#lineatlasraga)" stroke-width="6" stroke-linecap="round"/>
|
||||
<circle cx="1482" cy="636.6446346063387" r="12" fill="hsl(199 90% 70%)"/>
|
||||
<text x="920" y="270" font-family="monospace" font-size="30" fill="hsl(199 70% 75%)">latency p95</text></svg>
|
||||
|
After Width: | Height: | Size: 4.2 KiB |
@@ -0,0 +1,36 @@
|
||||
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 1600 1000" width="1600" height="1000">
|
||||
<defs>
|
||||
<radialGradient id="glowatlasragb" cx="28%" cy="18%" r="90%">
|
||||
<stop offset="0%" stop-color="hsl(199 90% 62% / 0.55)"/>
|
||||
<stop offset="45%" stop-color="hsl(227 85% 55% / 0.18)"/>
|
||||
<stop offset="100%" stop-color="hsl(199 60% 8% / 0)"/>
|
||||
</radialGradient>
|
||||
<linearGradient id="bgatlasragb" x1="0" y1="0" x2="1" y2="1">
|
||||
<stop offset="0%" stop-color="#04060f"/>
|
||||
<stop offset="100%" stop-color="#020308"/>
|
||||
</linearGradient>
|
||||
<linearGradient id="lineatlasragb" x1="0" y1="0" x2="1" y2="0">
|
||||
<stop offset="0%" stop-color="hsl(199 90% 65%)"/>
|
||||
<stop offset="100%" stop-color="hsl(239 90% 68%)"/>
|
||||
</linearGradient>
|
||||
</defs>
|
||||
<rect width="1600" height="1000" fill="url(#bgatlasragb)"/>
|
||||
<rect width="1600" height="1000" fill="url(#glowatlasragb)"/>
|
||||
<g stroke="hsl(199 40% 60% / 0.06)" stroke-width="1">
|
||||
<line x1="0" y1="0" x2="0" y2="1000"/><line x1="100" y1="0" x2="100" y2="1000"/><line x1="200" y1="0" x2="200" y2="1000"/><line x1="300" y1="0" x2="300" y2="1000"/><line x1="400" y1="0" x2="400" y2="1000"/><line x1="500" y1="0" x2="500" y2="1000"/><line x1="600" y1="0" x2="600" y2="1000"/><line x1="700" y1="0" x2="700" y2="1000"/><line x1="800" y1="0" x2="800" y2="1000"/><line x1="900" y1="0" x2="900" y2="1000"/><line x1="1000" y1="0" x2="1000" y2="1000"/><line x1="1100" y1="0" x2="1100" y2="1000"/><line x1="1200" y1="0" x2="1200" y2="1000"/><line x1="1300" y1="0" x2="1300" y2="1000"/><line x1="1400" y1="0" x2="1400" y2="1000"/><line x1="1500" y1="0" x2="1500" y2="1000"/>
|
||||
<line x1="0" y1="0" x2="1600" y2="0"/><line x1="0" y1="100" x2="1600" y2="100"/><line x1="0" y1="200" x2="1600" y2="200"/><line x1="0" y1="300" x2="1600" y2="300"/><line x1="0" y1="400" x2="1600" y2="400"/><line x1="0" y1="500" x2="1600" y2="500"/><line x1="0" y1="600" x2="1600" y2="600"/><line x1="0" y1="700" x2="1600" y2="700"/><line x1="0" y1="800" x2="1600" y2="800"/><line x1="0" y1="900" x2="1600" y2="900"/>
|
||||
</g>
|
||||
<g>
|
||||
<rect x="80" y="70" width="1440" height="60" rx="14" fill="hsl(199 30% 18% / 0.4)" stroke="hsl(199 60% 60% / 0.25)"/>
|
||||
<circle cx="120" cy="100" r="9" fill="hsl(0 70% 60% / .7)"/>
|
||||
<circle cx="152" cy="100" r="9" fill="hsl(45 80% 60% / .7)"/>
|
||||
<circle cx="184" cy="100" r="9" fill="hsl(140 60% 55% / .7)"/>
|
||||
<rect x="240" y="88" width="420" height="24" rx="12" fill="hsl(199 30% 40% / 0.25)"/>
|
||||
</g>
|
||||
<path d="M 350 305 C 470 305, 470 215, 590 215" fill="none" stroke="url(#lineatlasragb)" stroke-width="4" opacity="0.7"/><path d="M 350 305 C 470 305, 470 405, 590 405" fill="none" stroke="url(#lineatlasragb)" stroke-width="4" opacity="0.7"/><path d="M 820 215 C 940 215, 940 305, 1060 305" fill="none" stroke="url(#lineatlasragb)" stroke-width="4" opacity="0.7"/><path d="M 820 405 C 940 405, 940 305, 1060 305" fill="none" stroke="url(#lineatlasragb)" stroke-width="4" opacity="0.7"/><path d="M 1290 305 C 1290 305, 1290 305, 1290 305" fill="none" stroke="url(#lineatlasragb)" stroke-width="4" opacity="0.7"/>
|
||||
<g><rect x="120" y="250" width="230" height="110" rx="18" fill="hsl(199 35% 14% / 0.7)" stroke="hsl(199 70% 62% / 0.5)"/><text x="235" y="312" text-anchor="middle" font-family="monospace" font-size="26" fill="hsl(199 70% 80%)">ingest</text></g>
|
||||
<g><rect x="590" y="160" width="230" height="110" rx="18" fill="hsl(199 35% 14% / 0.7)" stroke="hsl(199 70% 62% / 0.5)"/><text x="705" y="222" text-anchor="middle" font-family="monospace" font-size="26" fill="hsl(199 70% 80%)">embed</text></g>
|
||||
<g><rect x="590" y="350" width="230" height="110" rx="18" fill="hsl(199 35% 14% / 0.7)" stroke="hsl(199 70% 62% / 0.5)"/><text x="705" y="412" text-anchor="middle" font-family="monospace" font-size="26" fill="hsl(199 70% 80%)">retrieve</text></g>
|
||||
<g><rect x="1060" y="250" width="230" height="110" rx="18" fill="hsl(199 35% 14% / 0.7)" stroke="hsl(199 70% 62% / 0.5)"/><text x="1175" y="312" text-anchor="middle" font-family="monospace" font-size="26" fill="hsl(199 70% 80%)">rerank</text></g>
|
||||
<g><rect x="1300" y="250" width="230" height="110" rx="18" fill="hsl(199 35% 14% / 0.7)" stroke="hsl(199 70% 62% / 0.5)"/><text x="1415" y="312" text-anchor="middle" font-family="monospace" font-size="26" fill="hsl(199 70% 80%)">generate</text></g>
|
||||
<g opacity="0.5"><circle cx="260" cy="700" r="6" fill="hsl(199 90% 70%)"/><circle cx="460" cy="700" r="6" fill="hsl(199 90% 70%)"/><circle cx="660" cy="700" r="6" fill="hsl(199 90% 70%)"/><circle cx="860" cy="700" r="6" fill="hsl(199 90% 70%)"/><circle cx="1060" cy="700" r="6" fill="hsl(199 90% 70%)"/><circle cx="1260" cy="700" r="6" fill="hsl(199 90% 70%)"/></g></svg>
|
||||
|
After Width: | Height: | Size: 4.6 KiB |
@@ -0,0 +1,31 @@
|
||||
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 1600 1000" width="1600" height="1000">
|
||||
<defs>
|
||||
<radialGradient id="glowatlasragc" cx="28%" cy="18%" r="90%">
|
||||
<stop offset="0%" stop-color="hsl(199 90% 62% / 0.55)"/>
|
||||
<stop offset="45%" stop-color="hsl(227 85% 55% / 0.18)"/>
|
||||
<stop offset="100%" stop-color="hsl(199 60% 8% / 0)"/>
|
||||
</radialGradient>
|
||||
<linearGradient id="bgatlasragc" x1="0" y1="0" x2="1" y2="1">
|
||||
<stop offset="0%" stop-color="#04060f"/>
|
||||
<stop offset="100%" stop-color="#020308"/>
|
||||
</linearGradient>
|
||||
<linearGradient id="lineatlasragc" x1="0" y1="0" x2="1" y2="0">
|
||||
<stop offset="0%" stop-color="hsl(199 90% 65%)"/>
|
||||
<stop offset="100%" stop-color="hsl(239 90% 68%)"/>
|
||||
</linearGradient>
|
||||
</defs>
|
||||
<rect width="1600" height="1000" fill="url(#bgatlasragc)"/>
|
||||
<rect width="1600" height="1000" fill="url(#glowatlasragc)"/>
|
||||
<g stroke="hsl(199 40% 60% / 0.06)" stroke-width="1">
|
||||
<line x1="0" y1="0" x2="0" y2="1000"/><line x1="100" y1="0" x2="100" y2="1000"/><line x1="200" y1="0" x2="200" y2="1000"/><line x1="300" y1="0" x2="300" y2="1000"/><line x1="400" y1="0" x2="400" y2="1000"/><line x1="500" y1="0" x2="500" y2="1000"/><line x1="600" y1="0" x2="600" y2="1000"/><line x1="700" y1="0" x2="700" y2="1000"/><line x1="800" y1="0" x2="800" y2="1000"/><line x1="900" y1="0" x2="900" y2="1000"/><line x1="1000" y1="0" x2="1000" y2="1000"/><line x1="1100" y1="0" x2="1100" y2="1000"/><line x1="1200" y1="0" x2="1200" y2="1000"/><line x1="1300" y1="0" x2="1300" y2="1000"/><line x1="1400" y1="0" x2="1400" y2="1000"/><line x1="1500" y1="0" x2="1500" y2="1000"/>
|
||||
<line x1="0" y1="0" x2="1600" y2="0"/><line x1="0" y1="100" x2="1600" y2="100"/><line x1="0" y1="200" x2="1600" y2="200"/><line x1="0" y1="300" x2="1600" y2="300"/><line x1="0" y1="400" x2="1600" y2="400"/><line x1="0" y1="500" x2="1600" y2="500"/><line x1="0" y1="600" x2="1600" y2="600"/><line x1="0" y1="700" x2="1600" y2="700"/><line x1="0" y1="800" x2="1600" y2="800"/><line x1="0" y1="900" x2="1600" y2="900"/>
|
||||
</g>
|
||||
<g transform="translate(560 120)">
|
||||
<rect width="480" height="780" rx="56" fill="hsl(199 30% 10% / 0.9)" stroke="hsl(199 60% 60% / 0.35)" stroke-width="3"/>
|
||||
<rect x="22" y="22" width="436" height="736" rx="40" fill="#04060f"/>
|
||||
<rect x="180" y="40" width="120" height="22" rx="11" fill="hsl(199 30% 25%)"/>
|
||||
<circle cx="240" cy="230" r="86" fill="none" stroke="url(#lineatlasragc)" stroke-width="10"/>
|
||||
<circle cx="240" cy="230" r="56" fill="hsl(199 80% 60% / 0.18)"/>
|
||||
<rect x="70" y="380" width="340" height="46" rx="14" fill="hsl(199 35% 18% / 0.8)"/><rect x="70" y="460" width="300" height="46" rx="14" fill="hsl(199 35% 18% / 0.8)"/><rect x="70" y="540" width="260" height="46" rx="14" fill="hsl(199 35% 18% / 0.8)"/><rect x="70" y="620" width="220" height="46" rx="14" fill="hsl(199 35% 18% / 0.8)"/>
|
||||
<rect x="70" y="700" width="340" height="56" rx="18" fill="url(#lineatlasragc)"/>
|
||||
</g></svg>
|
||||
|
After Width: | Height: | Size: 2.9 KiB |
@@ -0,0 +1,36 @@
|
||||
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 1600 1000" width="1600" height="1000">
|
||||
<defs>
|
||||
<radialGradient id="glowatlasrag" cx="28%" cy="18%" r="90%">
|
||||
<stop offset="0%" stop-color="hsl(199 90% 62% / 0.55)"/>
|
||||
<stop offset="45%" stop-color="hsl(227 85% 55% / 0.18)"/>
|
||||
<stop offset="100%" stop-color="hsl(199 60% 8% / 0)"/>
|
||||
</radialGradient>
|
||||
<linearGradient id="bgatlasrag" x1="0" y1="0" x2="1" y2="1">
|
||||
<stop offset="0%" stop-color="#04060f"/>
|
||||
<stop offset="100%" stop-color="#020308"/>
|
||||
</linearGradient>
|
||||
<linearGradient id="lineatlasrag" x1="0" y1="0" x2="1" y2="0">
|
||||
<stop offset="0%" stop-color="hsl(199 90% 65%)"/>
|
||||
<stop offset="100%" stop-color="hsl(239 90% 68%)"/>
|
||||
</linearGradient>
|
||||
</defs>
|
||||
<rect width="1600" height="1000" fill="url(#bgatlasrag)"/>
|
||||
<rect width="1600" height="1000" fill="url(#glowatlasrag)"/>
|
||||
<g stroke="hsl(199 40% 60% / 0.06)" stroke-width="1">
|
||||
<line x1="0" y1="0" x2="0" y2="1000"/><line x1="100" y1="0" x2="100" y2="1000"/><line x1="200" y1="0" x2="200" y2="1000"/><line x1="300" y1="0" x2="300" y2="1000"/><line x1="400" y1="0" x2="400" y2="1000"/><line x1="500" y1="0" x2="500" y2="1000"/><line x1="600" y1="0" x2="600" y2="1000"/><line x1="700" y1="0" x2="700" y2="1000"/><line x1="800" y1="0" x2="800" y2="1000"/><line x1="900" y1="0" x2="900" y2="1000"/><line x1="1000" y1="0" x2="1000" y2="1000"/><line x1="1100" y1="0" x2="1100" y2="1000"/><line x1="1200" y1="0" x2="1200" y2="1000"/><line x1="1300" y1="0" x2="1300" y2="1000"/><line x1="1400" y1="0" x2="1400" y2="1000"/><line x1="1500" y1="0" x2="1500" y2="1000"/>
|
||||
<line x1="0" y1="0" x2="1600" y2="0"/><line x1="0" y1="100" x2="1600" y2="100"/><line x1="0" y1="200" x2="1600" y2="200"/><line x1="0" y1="300" x2="1600" y2="300"/><line x1="0" y1="400" x2="1600" y2="400"/><line x1="0" y1="500" x2="1600" y2="500"/><line x1="0" y1="600" x2="1600" y2="600"/><line x1="0" y1="700" x2="1600" y2="700"/><line x1="0" y1="800" x2="1600" y2="800"/><line x1="0" y1="900" x2="1600" y2="900"/>
|
||||
</g>
|
||||
<g>
|
||||
<rect x="80" y="70" width="1440" height="60" rx="14" fill="hsl(199 30% 18% / 0.4)" stroke="hsl(199 60% 60% / 0.25)"/>
|
||||
<circle cx="120" cy="100" r="9" fill="hsl(0 70% 60% / .7)"/>
|
||||
<circle cx="152" cy="100" r="9" fill="hsl(45 80% 60% / .7)"/>
|
||||
<circle cx="184" cy="100" r="9" fill="hsl(140 60% 55% / .7)"/>
|
||||
<rect x="240" y="88" width="420" height="24" rx="12" fill="hsl(199 30% 40% / 0.25)"/>
|
||||
</g>
|
||||
<rect x="120" y="200" width="700" height="560" rx="20" fill="hsl(199 30% 12% / 0.5)" stroke="hsl(199 60% 60% / 0.16)"/>
|
||||
<text x="160" y="270" font-family="monospace" font-size="30" fill="hsl(199 70% 75%)">throughput / day</text>
|
||||
<rect x="180" y="680" width="54" height="80" rx="8" fill="url(#lineatlasrag)" opacity="0.5"/><rect x="276" y="627" width="54" height="133" rx="8" fill="url(#lineatlasrag)" opacity="0.66"/><rect x="372" y="574" width="54" height="186" rx="8" fill="url(#lineatlasrag)" opacity="0.8200000000000001"/><rect x="468" y="521" width="54" height="239" rx="8" fill="url(#lineatlasrag)" opacity="0.5"/><rect x="564" y="468" width="54" height="292" rx="8" fill="url(#lineatlasrag)" opacity="0.66"/><rect x="660" y="675" width="54" height="85" rx="8" fill="url(#lineatlasrag)" opacity="0.8200000000000001"/><rect x="756" y="622" width="54" height="138" rx="8" fill="url(#lineatlasrag)" opacity="0.5"/><rect x="852" y="569" width="54" height="191" rx="8" fill="url(#lineatlasrag)" opacity="0.66"/><rect x="948" y="516" width="54" height="244" rx="8" fill="url(#lineatlasrag)" opacity="0.8200000000000001"/>
|
||||
<rect x="880" y="200" width="600" height="560" rx="20" fill="hsl(199 30% 12% / 0.5)" stroke="hsl(199 60% 60% / 0.16)"/>
|
||||
<path d="M 1050 620 L 1050 620 L 1104 535.3906523385778 L 1158 489.21163083534515 L 1212 501.10554730457 L 1266 562.3244720582771 L 1320 640.00659821042 L 1374 693.2416333172939 L 1428 693.0709129595766 L 1482 636.6446346063387" fill="none" stroke="url(#lineatlasrag)" stroke-width="6" stroke-linecap="round"/>
|
||||
<circle cx="1482" cy="636.6446346063387" r="12" fill="hsl(199 90% 70%)"/>
|
||||
<text x="920" y="270" font-family="monospace" font-size="30" fill="hsl(199 70% 75%)">latency p95</text></svg>
|
||||
|
After Width: | Height: | Size: 4.2 KiB |
@@ -0,0 +1,36 @@
|
||||
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 1600 1000" width="1600" height="1000">
|
||||
<defs>
|
||||
<radialGradient id="glowfluxstreama" cx="28%" cy="18%" r="90%">
|
||||
<stop offset="0%" stop-color="hsl(158 90% 62% / 0.55)"/>
|
||||
<stop offset="45%" stop-color="hsl(186 85% 55% / 0.18)"/>
|
||||
<stop offset="100%" stop-color="hsl(158 60% 8% / 0)"/>
|
||||
</radialGradient>
|
||||
<linearGradient id="bgfluxstreama" x1="0" y1="0" x2="1" y2="1">
|
||||
<stop offset="0%" stop-color="#04060f"/>
|
||||
<stop offset="100%" stop-color="#020308"/>
|
||||
</linearGradient>
|
||||
<linearGradient id="linefluxstreama" x1="0" y1="0" x2="1" y2="0">
|
||||
<stop offset="0%" stop-color="hsl(158 90% 65%)"/>
|
||||
<stop offset="100%" stop-color="hsl(198 90% 68%)"/>
|
||||
</linearGradient>
|
||||
</defs>
|
||||
<rect width="1600" height="1000" fill="url(#bgfluxstreama)"/>
|
||||
<rect width="1600" height="1000" fill="url(#glowfluxstreama)"/>
|
||||
<g stroke="hsl(158 40% 60% / 0.06)" stroke-width="1">
|
||||
<line x1="0" y1="0" x2="0" y2="1000"/><line x1="100" y1="0" x2="100" y2="1000"/><line x1="200" y1="0" x2="200" y2="1000"/><line x1="300" y1="0" x2="300" y2="1000"/><line x1="400" y1="0" x2="400" y2="1000"/><line x1="500" y1="0" x2="500" y2="1000"/><line x1="600" y1="0" x2="600" y2="1000"/><line x1="700" y1="0" x2="700" y2="1000"/><line x1="800" y1="0" x2="800" y2="1000"/><line x1="900" y1="0" x2="900" y2="1000"/><line x1="1000" y1="0" x2="1000" y2="1000"/><line x1="1100" y1="0" x2="1100" y2="1000"/><line x1="1200" y1="0" x2="1200" y2="1000"/><line x1="1300" y1="0" x2="1300" y2="1000"/><line x1="1400" y1="0" x2="1400" y2="1000"/><line x1="1500" y1="0" x2="1500" y2="1000"/>
|
||||
<line x1="0" y1="0" x2="1600" y2="0"/><line x1="0" y1="100" x2="1600" y2="100"/><line x1="0" y1="200" x2="1600" y2="200"/><line x1="0" y1="300" x2="1600" y2="300"/><line x1="0" y1="400" x2="1600" y2="400"/><line x1="0" y1="500" x2="1600" y2="500"/><line x1="0" y1="600" x2="1600" y2="600"/><line x1="0" y1="700" x2="1600" y2="700"/><line x1="0" y1="800" x2="1600" y2="800"/><line x1="0" y1="900" x2="1600" y2="900"/>
|
||||
</g>
|
||||
<g>
|
||||
<rect x="80" y="70" width="1440" height="60" rx="14" fill="hsl(158 30% 18% / 0.4)" stroke="hsl(158 60% 60% / 0.25)"/>
|
||||
<circle cx="120" cy="100" r="9" fill="hsl(0 70% 60% / .7)"/>
|
||||
<circle cx="152" cy="100" r="9" fill="hsl(45 80% 60% / .7)"/>
|
||||
<circle cx="184" cy="100" r="9" fill="hsl(140 60% 55% / .7)"/>
|
||||
<rect x="240" y="88" width="420" height="24" rx="12" fill="hsl(158 30% 40% / 0.25)"/>
|
||||
</g>
|
||||
<rect x="120" y="200" width="700" height="560" rx="20" fill="hsl(158 30% 12% / 0.5)" stroke="hsl(158 60% 60% / 0.16)"/>
|
||||
<text x="160" y="270" font-family="monospace" font-size="30" fill="hsl(158 70% 75%)">throughput / day</text>
|
||||
<rect x="180" y="680" width="54" height="80" rx="8" fill="url(#linefluxstreama)" opacity="0.5"/><rect x="276" y="627" width="54" height="133" rx="8" fill="url(#linefluxstreama)" opacity="0.66"/><rect x="372" y="574" width="54" height="186" rx="8" fill="url(#linefluxstreama)" opacity="0.8200000000000001"/><rect x="468" y="521" width="54" height="239" rx="8" fill="url(#linefluxstreama)" opacity="0.5"/><rect x="564" y="468" width="54" height="292" rx="8" fill="url(#linefluxstreama)" opacity="0.66"/><rect x="660" y="675" width="54" height="85" rx="8" fill="url(#linefluxstreama)" opacity="0.8200000000000001"/><rect x="756" y="622" width="54" height="138" rx="8" fill="url(#linefluxstreama)" opacity="0.5"/><rect x="852" y="569" width="54" height="191" rx="8" fill="url(#linefluxstreama)" opacity="0.66"/><rect x="948" y="516" width="54" height="244" rx="8" fill="url(#linefluxstreama)" opacity="0.8200000000000001"/>
|
||||
<rect x="880" y="200" width="600" height="560" rx="20" fill="hsl(158 30% 12% / 0.5)" stroke="hsl(158 60% 60% / 0.16)"/>
|
||||
<path d="M 1050 620 L 1050 620 L 1104 535.3906523385778 L 1158 489.21163083534515 L 1212 501.10554730457 L 1266 562.3244720582771 L 1320 640.00659821042 L 1374 693.2416333172939 L 1428 693.0709129595766 L 1482 636.6446346063387" fill="none" stroke="url(#linefluxstreama)" stroke-width="6" stroke-linecap="round"/>
|
||||
<circle cx="1482" cy="636.6446346063387" r="12" fill="hsl(158 90% 70%)"/>
|
||||
<text x="920" y="270" font-family="monospace" font-size="30" fill="hsl(158 70% 75%)">latency p95</text></svg>
|
||||
|
After Width: | Height: | Size: 4.2 KiB |
@@ -0,0 +1,36 @@
|
||||
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 1600 1000" width="1600" height="1000">
|
||||
<defs>
|
||||
<radialGradient id="glowfluxstreamb" cx="28%" cy="18%" r="90%">
|
||||
<stop offset="0%" stop-color="hsl(158 90% 62% / 0.55)"/>
|
||||
<stop offset="45%" stop-color="hsl(186 85% 55% / 0.18)"/>
|
||||
<stop offset="100%" stop-color="hsl(158 60% 8% / 0)"/>
|
||||
</radialGradient>
|
||||
<linearGradient id="bgfluxstreamb" x1="0" y1="0" x2="1" y2="1">
|
||||
<stop offset="0%" stop-color="#04060f"/>
|
||||
<stop offset="100%" stop-color="#020308"/>
|
||||
</linearGradient>
|
||||
<linearGradient id="linefluxstreamb" x1="0" y1="0" x2="1" y2="0">
|
||||
<stop offset="0%" stop-color="hsl(158 90% 65%)"/>
|
||||
<stop offset="100%" stop-color="hsl(198 90% 68%)"/>
|
||||
</linearGradient>
|
||||
</defs>
|
||||
<rect width="1600" height="1000" fill="url(#bgfluxstreamb)"/>
|
||||
<rect width="1600" height="1000" fill="url(#glowfluxstreamb)"/>
|
||||
<g stroke="hsl(158 40% 60% / 0.06)" stroke-width="1">
|
||||
<line x1="0" y1="0" x2="0" y2="1000"/><line x1="100" y1="0" x2="100" y2="1000"/><line x1="200" y1="0" x2="200" y2="1000"/><line x1="300" y1="0" x2="300" y2="1000"/><line x1="400" y1="0" x2="400" y2="1000"/><line x1="500" y1="0" x2="500" y2="1000"/><line x1="600" y1="0" x2="600" y2="1000"/><line x1="700" y1="0" x2="700" y2="1000"/><line x1="800" y1="0" x2="800" y2="1000"/><line x1="900" y1="0" x2="900" y2="1000"/><line x1="1000" y1="0" x2="1000" y2="1000"/><line x1="1100" y1="0" x2="1100" y2="1000"/><line x1="1200" y1="0" x2="1200" y2="1000"/><line x1="1300" y1="0" x2="1300" y2="1000"/><line x1="1400" y1="0" x2="1400" y2="1000"/><line x1="1500" y1="0" x2="1500" y2="1000"/>
|
||||
<line x1="0" y1="0" x2="1600" y2="0"/><line x1="0" y1="100" x2="1600" y2="100"/><line x1="0" y1="200" x2="1600" y2="200"/><line x1="0" y1="300" x2="1600" y2="300"/><line x1="0" y1="400" x2="1600" y2="400"/><line x1="0" y1="500" x2="1600" y2="500"/><line x1="0" y1="600" x2="1600" y2="600"/><line x1="0" y1="700" x2="1600" y2="700"/><line x1="0" y1="800" x2="1600" y2="800"/><line x1="0" y1="900" x2="1600" y2="900"/>
|
||||
</g>
|
||||
<g>
|
||||
<rect x="80" y="70" width="1440" height="60" rx="14" fill="hsl(158 30% 18% / 0.4)" stroke="hsl(158 60% 60% / 0.25)"/>
|
||||
<circle cx="120" cy="100" r="9" fill="hsl(0 70% 60% / .7)"/>
|
||||
<circle cx="152" cy="100" r="9" fill="hsl(45 80% 60% / .7)"/>
|
||||
<circle cx="184" cy="100" r="9" fill="hsl(140 60% 55% / .7)"/>
|
||||
<rect x="240" y="88" width="420" height="24" rx="12" fill="hsl(158 30% 40% / 0.25)"/>
|
||||
</g>
|
||||
<path d="M 350 305 C 470 305, 470 215, 590 215" fill="none" stroke="url(#linefluxstreamb)" stroke-width="4" opacity="0.7"/><path d="M 350 305 C 470 305, 470 405, 590 405" fill="none" stroke="url(#linefluxstreamb)" stroke-width="4" opacity="0.7"/><path d="M 820 215 C 940 215, 940 305, 1060 305" fill="none" stroke="url(#linefluxstreamb)" stroke-width="4" opacity="0.7"/><path d="M 820 405 C 940 405, 940 305, 1060 305" fill="none" stroke="url(#linefluxstreamb)" stroke-width="4" opacity="0.7"/><path d="M 1290 305 C 1290 305, 1290 305, 1290 305" fill="none" stroke="url(#linefluxstreamb)" stroke-width="4" opacity="0.7"/>
|
||||
<g><rect x="120" y="250" width="230" height="110" rx="18" fill="hsl(158 35% 14% / 0.7)" stroke="hsl(158 70% 62% / 0.5)"/><text x="235" y="312" text-anchor="middle" font-family="monospace" font-size="26" fill="hsl(158 70% 80%)">ingest</text></g>
|
||||
<g><rect x="590" y="160" width="230" height="110" rx="18" fill="hsl(158 35% 14% / 0.7)" stroke="hsl(158 70% 62% / 0.5)"/><text x="705" y="222" text-anchor="middle" font-family="monospace" font-size="26" fill="hsl(158 70% 80%)">embed</text></g>
|
||||
<g><rect x="590" y="350" width="230" height="110" rx="18" fill="hsl(158 35% 14% / 0.7)" stroke="hsl(158 70% 62% / 0.5)"/><text x="705" y="412" text-anchor="middle" font-family="monospace" font-size="26" fill="hsl(158 70% 80%)">retrieve</text></g>
|
||||
<g><rect x="1060" y="250" width="230" height="110" rx="18" fill="hsl(158 35% 14% / 0.7)" stroke="hsl(158 70% 62% / 0.5)"/><text x="1175" y="312" text-anchor="middle" font-family="monospace" font-size="26" fill="hsl(158 70% 80%)">rerank</text></g>
|
||||
<g><rect x="1300" y="250" width="230" height="110" rx="18" fill="hsl(158 35% 14% / 0.7)" stroke="hsl(158 70% 62% / 0.5)"/><text x="1415" y="312" text-anchor="middle" font-family="monospace" font-size="26" fill="hsl(158 70% 80%)">generate</text></g>
|
||||
<g opacity="0.5"><circle cx="260" cy="700" r="6" fill="hsl(158 90% 70%)"/><circle cx="460" cy="700" r="6" fill="hsl(158 90% 70%)"/><circle cx="660" cy="700" r="6" fill="hsl(158 90% 70%)"/><circle cx="860" cy="700" r="6" fill="hsl(158 90% 70%)"/><circle cx="1060" cy="700" r="6" fill="hsl(158 90% 70%)"/><circle cx="1260" cy="700" r="6" fill="hsl(158 90% 70%)"/></g></svg>
|
||||
|
After Width: | Height: | Size: 4.6 KiB |
@@ -0,0 +1,31 @@
|
||||
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 1600 1000" width="1600" height="1000">
|
||||
<defs>
|
||||
<radialGradient id="glowfluxstreamc" cx="28%" cy="18%" r="90%">
|
||||
<stop offset="0%" stop-color="hsl(158 90% 62% / 0.55)"/>
|
||||
<stop offset="45%" stop-color="hsl(186 85% 55% / 0.18)"/>
|
||||
<stop offset="100%" stop-color="hsl(158 60% 8% / 0)"/>
|
||||
</radialGradient>
|
||||
<linearGradient id="bgfluxstreamc" x1="0" y1="0" x2="1" y2="1">
|
||||
<stop offset="0%" stop-color="#04060f"/>
|
||||
<stop offset="100%" stop-color="#020308"/>
|
||||
</linearGradient>
|
||||
<linearGradient id="linefluxstreamc" x1="0" y1="0" x2="1" y2="0">
|
||||
<stop offset="0%" stop-color="hsl(158 90% 65%)"/>
|
||||
<stop offset="100%" stop-color="hsl(198 90% 68%)"/>
|
||||
</linearGradient>
|
||||
</defs>
|
||||
<rect width="1600" height="1000" fill="url(#bgfluxstreamc)"/>
|
||||
<rect width="1600" height="1000" fill="url(#glowfluxstreamc)"/>
|
||||
<g stroke="hsl(158 40% 60% / 0.06)" stroke-width="1">
|
||||
<line x1="0" y1="0" x2="0" y2="1000"/><line x1="100" y1="0" x2="100" y2="1000"/><line x1="200" y1="0" x2="200" y2="1000"/><line x1="300" y1="0" x2="300" y2="1000"/><line x1="400" y1="0" x2="400" y2="1000"/><line x1="500" y1="0" x2="500" y2="1000"/><line x1="600" y1="0" x2="600" y2="1000"/><line x1="700" y1="0" x2="700" y2="1000"/><line x1="800" y1="0" x2="800" y2="1000"/><line x1="900" y1="0" x2="900" y2="1000"/><line x1="1000" y1="0" x2="1000" y2="1000"/><line x1="1100" y1="0" x2="1100" y2="1000"/><line x1="1200" y1="0" x2="1200" y2="1000"/><line x1="1300" y1="0" x2="1300" y2="1000"/><line x1="1400" y1="0" x2="1400" y2="1000"/><line x1="1500" y1="0" x2="1500" y2="1000"/>
|
||||
<line x1="0" y1="0" x2="1600" y2="0"/><line x1="0" y1="100" x2="1600" y2="100"/><line x1="0" y1="200" x2="1600" y2="200"/><line x1="0" y1="300" x2="1600" y2="300"/><line x1="0" y1="400" x2="1600" y2="400"/><line x1="0" y1="500" x2="1600" y2="500"/><line x1="0" y1="600" x2="1600" y2="600"/><line x1="0" y1="700" x2="1600" y2="700"/><line x1="0" y1="800" x2="1600" y2="800"/><line x1="0" y1="900" x2="1600" y2="900"/>
|
||||
</g>
|
||||
<g transform="translate(560 120)">
|
||||
<rect width="480" height="780" rx="56" fill="hsl(158 30% 10% / 0.9)" stroke="hsl(158 60% 60% / 0.35)" stroke-width="3"/>
|
||||
<rect x="22" y="22" width="436" height="736" rx="40" fill="#04060f"/>
|
||||
<rect x="180" y="40" width="120" height="22" rx="11" fill="hsl(158 30% 25%)"/>
|
||||
<circle cx="240" cy="230" r="86" fill="none" stroke="url(#linefluxstreamc)" stroke-width="10"/>
|
||||
<circle cx="240" cy="230" r="56" fill="hsl(158 80% 60% / 0.18)"/>
|
||||
<rect x="70" y="380" width="340" height="46" rx="14" fill="hsl(158 35% 18% / 0.8)"/><rect x="70" y="460" width="300" height="46" rx="14" fill="hsl(158 35% 18% / 0.8)"/><rect x="70" y="540" width="260" height="46" rx="14" fill="hsl(158 35% 18% / 0.8)"/><rect x="70" y="620" width="220" height="46" rx="14" fill="hsl(158 35% 18% / 0.8)"/>
|
||||
<rect x="70" y="700" width="340" height="56" rx="18" fill="url(#linefluxstreamc)"/>
|
||||
</g></svg>
|
||||
|
After Width: | Height: | Size: 3.0 KiB |
@@ -0,0 +1,36 @@
|
||||
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 1600 1000" width="1600" height="1000">
|
||||
<defs>
|
||||
<radialGradient id="glowfluxstream" cx="28%" cy="18%" r="90%">
|
||||
<stop offset="0%" stop-color="hsl(158 90% 62% / 0.55)"/>
|
||||
<stop offset="45%" stop-color="hsl(186 85% 55% / 0.18)"/>
|
||||
<stop offset="100%" stop-color="hsl(158 60% 8% / 0)"/>
|
||||
</radialGradient>
|
||||
<linearGradient id="bgfluxstream" x1="0" y1="0" x2="1" y2="1">
|
||||
<stop offset="0%" stop-color="#04060f"/>
|
||||
<stop offset="100%" stop-color="#020308"/>
|
||||
</linearGradient>
|
||||
<linearGradient id="linefluxstream" x1="0" y1="0" x2="1" y2="0">
|
||||
<stop offset="0%" stop-color="hsl(158 90% 65%)"/>
|
||||
<stop offset="100%" stop-color="hsl(198 90% 68%)"/>
|
||||
</linearGradient>
|
||||
</defs>
|
||||
<rect width="1600" height="1000" fill="url(#bgfluxstream)"/>
|
||||
<rect width="1600" height="1000" fill="url(#glowfluxstream)"/>
|
||||
<g stroke="hsl(158 40% 60% / 0.06)" stroke-width="1">
|
||||
<line x1="0" y1="0" x2="0" y2="1000"/><line x1="100" y1="0" x2="100" y2="1000"/><line x1="200" y1="0" x2="200" y2="1000"/><line x1="300" y1="0" x2="300" y2="1000"/><line x1="400" y1="0" x2="400" y2="1000"/><line x1="500" y1="0" x2="500" y2="1000"/><line x1="600" y1="0" x2="600" y2="1000"/><line x1="700" y1="0" x2="700" y2="1000"/><line x1="800" y1="0" x2="800" y2="1000"/><line x1="900" y1="0" x2="900" y2="1000"/><line x1="1000" y1="0" x2="1000" y2="1000"/><line x1="1100" y1="0" x2="1100" y2="1000"/><line x1="1200" y1="0" x2="1200" y2="1000"/><line x1="1300" y1="0" x2="1300" y2="1000"/><line x1="1400" y1="0" x2="1400" y2="1000"/><line x1="1500" y1="0" x2="1500" y2="1000"/>
|
||||
<line x1="0" y1="0" x2="1600" y2="0"/><line x1="0" y1="100" x2="1600" y2="100"/><line x1="0" y1="200" x2="1600" y2="200"/><line x1="0" y1="300" x2="1600" y2="300"/><line x1="0" y1="400" x2="1600" y2="400"/><line x1="0" y1="500" x2="1600" y2="500"/><line x1="0" y1="600" x2="1600" y2="600"/><line x1="0" y1="700" x2="1600" y2="700"/><line x1="0" y1="800" x2="1600" y2="800"/><line x1="0" y1="900" x2="1600" y2="900"/>
|
||||
</g>
|
||||
<g>
|
||||
<rect x="80" y="70" width="1440" height="60" rx="14" fill="hsl(158 30% 18% / 0.4)" stroke="hsl(158 60% 60% / 0.25)"/>
|
||||
<circle cx="120" cy="100" r="9" fill="hsl(0 70% 60% / .7)"/>
|
||||
<circle cx="152" cy="100" r="9" fill="hsl(45 80% 60% / .7)"/>
|
||||
<circle cx="184" cy="100" r="9" fill="hsl(140 60% 55% / .7)"/>
|
||||
<rect x="240" y="88" width="420" height="24" rx="12" fill="hsl(158 30% 40% / 0.25)"/>
|
||||
</g>
|
||||
<rect x="120" y="200" width="700" height="560" rx="20" fill="hsl(158 30% 12% / 0.5)" stroke="hsl(158 60% 60% / 0.16)"/>
|
||||
<text x="160" y="270" font-family="monospace" font-size="30" fill="hsl(158 70% 75%)">throughput / day</text>
|
||||
<rect x="180" y="680" width="54" height="80" rx="8" fill="url(#linefluxstream)" opacity="0.5"/><rect x="276" y="627" width="54" height="133" rx="8" fill="url(#linefluxstream)" opacity="0.66"/><rect x="372" y="574" width="54" height="186" rx="8" fill="url(#linefluxstream)" opacity="0.8200000000000001"/><rect x="468" y="521" width="54" height="239" rx="8" fill="url(#linefluxstream)" opacity="0.5"/><rect x="564" y="468" width="54" height="292" rx="8" fill="url(#linefluxstream)" opacity="0.66"/><rect x="660" y="675" width="54" height="85" rx="8" fill="url(#linefluxstream)" opacity="0.8200000000000001"/><rect x="756" y="622" width="54" height="138" rx="8" fill="url(#linefluxstream)" opacity="0.5"/><rect x="852" y="569" width="54" height="191" rx="8" fill="url(#linefluxstream)" opacity="0.66"/><rect x="948" y="516" width="54" height="244" rx="8" fill="url(#linefluxstream)" opacity="0.8200000000000001"/>
|
||||
<rect x="880" y="200" width="600" height="560" rx="20" fill="hsl(158 30% 12% / 0.5)" stroke="hsl(158 60% 60% / 0.16)"/>
|
||||
<path d="M 1050 620 L 1050 620 L 1104 535.3906523385778 L 1158 489.21163083534515 L 1212 501.10554730457 L 1266 562.3244720582771 L 1320 640.00659821042 L 1374 693.2416333172939 L 1428 693.0709129595766 L 1482 636.6446346063387" fill="none" stroke="url(#linefluxstream)" stroke-width="6" stroke-linecap="round"/>
|
||||
<circle cx="1482" cy="636.6446346063387" r="12" fill="hsl(158 90% 70%)"/>
|
||||
<text x="920" y="270" font-family="monospace" font-size="30" fill="hsl(158 70% 75%)">latency p95</text></svg>
|
||||
|
After Width: | Height: | Size: 4.2 KiB |
@@ -0,0 +1,36 @@
|
||||
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 1600 1000" width="1600" height="1000">
|
||||
<defs>
|
||||
<radialGradient id="glowmiragemobilea" cx="28%" cy="18%" r="90%">
|
||||
<stop offset="0%" stop-color="hsl(292 90% 62% / 0.55)"/>
|
||||
<stop offset="45%" stop-color="hsl(320 85% 55% / 0.18)"/>
|
||||
<stop offset="100%" stop-color="hsl(292 60% 8% / 0)"/>
|
||||
</radialGradient>
|
||||
<linearGradient id="bgmiragemobilea" x1="0" y1="0" x2="1" y2="1">
|
||||
<stop offset="0%" stop-color="#04060f"/>
|
||||
<stop offset="100%" stop-color="#020308"/>
|
||||
</linearGradient>
|
||||
<linearGradient id="linemiragemobilea" x1="0" y1="0" x2="1" y2="0">
|
||||
<stop offset="0%" stop-color="hsl(292 90% 65%)"/>
|
||||
<stop offset="100%" stop-color="hsl(332 90% 68%)"/>
|
||||
</linearGradient>
|
||||
</defs>
|
||||
<rect width="1600" height="1000" fill="url(#bgmiragemobilea)"/>
|
||||
<rect width="1600" height="1000" fill="url(#glowmiragemobilea)"/>
|
||||
<g stroke="hsl(292 40% 60% / 0.06)" stroke-width="1">
|
||||
<line x1="0" y1="0" x2="0" y2="1000"/><line x1="100" y1="0" x2="100" y2="1000"/><line x1="200" y1="0" x2="200" y2="1000"/><line x1="300" y1="0" x2="300" y2="1000"/><line x1="400" y1="0" x2="400" y2="1000"/><line x1="500" y1="0" x2="500" y2="1000"/><line x1="600" y1="0" x2="600" y2="1000"/><line x1="700" y1="0" x2="700" y2="1000"/><line x1="800" y1="0" x2="800" y2="1000"/><line x1="900" y1="0" x2="900" y2="1000"/><line x1="1000" y1="0" x2="1000" y2="1000"/><line x1="1100" y1="0" x2="1100" y2="1000"/><line x1="1200" y1="0" x2="1200" y2="1000"/><line x1="1300" y1="0" x2="1300" y2="1000"/><line x1="1400" y1="0" x2="1400" y2="1000"/><line x1="1500" y1="0" x2="1500" y2="1000"/>
|
||||
<line x1="0" y1="0" x2="1600" y2="0"/><line x1="0" y1="100" x2="1600" y2="100"/><line x1="0" y1="200" x2="1600" y2="200"/><line x1="0" y1="300" x2="1600" y2="300"/><line x1="0" y1="400" x2="1600" y2="400"/><line x1="0" y1="500" x2="1600" y2="500"/><line x1="0" y1="600" x2="1600" y2="600"/><line x1="0" y1="700" x2="1600" y2="700"/><line x1="0" y1="800" x2="1600" y2="800"/><line x1="0" y1="900" x2="1600" y2="900"/>
|
||||
</g>
|
||||
<g>
|
||||
<rect x="80" y="70" width="1440" height="60" rx="14" fill="hsl(292 30% 18% / 0.4)" stroke="hsl(292 60% 60% / 0.25)"/>
|
||||
<circle cx="120" cy="100" r="9" fill="hsl(0 70% 60% / .7)"/>
|
||||
<circle cx="152" cy="100" r="9" fill="hsl(45 80% 60% / .7)"/>
|
||||
<circle cx="184" cy="100" r="9" fill="hsl(140 60% 55% / .7)"/>
|
||||
<rect x="240" y="88" width="420" height="24" rx="12" fill="hsl(292 30% 40% / 0.25)"/>
|
||||
</g>
|
||||
<rect x="120" y="200" width="700" height="560" rx="20" fill="hsl(292 30% 12% / 0.5)" stroke="hsl(292 60% 60% / 0.16)"/>
|
||||
<text x="160" y="270" font-family="monospace" font-size="30" fill="hsl(292 70% 75%)">throughput / day</text>
|
||||
<rect x="180" y="680" width="54" height="80" rx="8" fill="url(#linemiragemobilea)" opacity="0.5"/><rect x="276" y="627" width="54" height="133" rx="8" fill="url(#linemiragemobilea)" opacity="0.66"/><rect x="372" y="574" width="54" height="186" rx="8" fill="url(#linemiragemobilea)" opacity="0.8200000000000001"/><rect x="468" y="521" width="54" height="239" rx="8" fill="url(#linemiragemobilea)" opacity="0.5"/><rect x="564" y="468" width="54" height="292" rx="8" fill="url(#linemiragemobilea)" opacity="0.66"/><rect x="660" y="675" width="54" height="85" rx="8" fill="url(#linemiragemobilea)" opacity="0.8200000000000001"/><rect x="756" y="622" width="54" height="138" rx="8" fill="url(#linemiragemobilea)" opacity="0.5"/><rect x="852" y="569" width="54" height="191" rx="8" fill="url(#linemiragemobilea)" opacity="0.66"/><rect x="948" y="516" width="54" height="244" rx="8" fill="url(#linemiragemobilea)" opacity="0.8200000000000001"/>
|
||||
<rect x="880" y="200" width="600" height="560" rx="20" fill="hsl(292 30% 12% / 0.5)" stroke="hsl(292 60% 60% / 0.16)"/>
|
||||
<path d="M 1050 620 L 1050 620 L 1104 535.3906523385778 L 1158 489.21163083534515 L 1212 501.10554730457 L 1266 562.3244720582771 L 1320 640.00659821042 L 1374 693.2416333172939 L 1428 693.0709129595766 L 1482 636.6446346063387" fill="none" stroke="url(#linemiragemobilea)" stroke-width="6" stroke-linecap="round"/>
|
||||
<circle cx="1482" cy="636.6446346063387" r="12" fill="hsl(292 90% 70%)"/>
|
||||
<text x="920" y="270" font-family="monospace" font-size="30" fill="hsl(292 70% 75%)">latency p95</text></svg>
|
||||
|
After Width: | Height: | Size: 4.2 KiB |
@@ -0,0 +1,36 @@
|
||||
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 1600 1000" width="1600" height="1000">
|
||||
<defs>
|
||||
<radialGradient id="glowmiragemobileb" cx="28%" cy="18%" r="90%">
|
||||
<stop offset="0%" stop-color="hsl(292 90% 62% / 0.55)"/>
|
||||
<stop offset="45%" stop-color="hsl(320 85% 55% / 0.18)"/>
|
||||
<stop offset="100%" stop-color="hsl(292 60% 8% / 0)"/>
|
||||
</radialGradient>
|
||||
<linearGradient id="bgmiragemobileb" x1="0" y1="0" x2="1" y2="1">
|
||||
<stop offset="0%" stop-color="#04060f"/>
|
||||
<stop offset="100%" stop-color="#020308"/>
|
||||
</linearGradient>
|
||||
<linearGradient id="linemiragemobileb" x1="0" y1="0" x2="1" y2="0">
|
||||
<stop offset="0%" stop-color="hsl(292 90% 65%)"/>
|
||||
<stop offset="100%" stop-color="hsl(332 90% 68%)"/>
|
||||
</linearGradient>
|
||||
</defs>
|
||||
<rect width="1600" height="1000" fill="url(#bgmiragemobileb)"/>
|
||||
<rect width="1600" height="1000" fill="url(#glowmiragemobileb)"/>
|
||||
<g stroke="hsl(292 40% 60% / 0.06)" stroke-width="1">
|
||||
<line x1="0" y1="0" x2="0" y2="1000"/><line x1="100" y1="0" x2="100" y2="1000"/><line x1="200" y1="0" x2="200" y2="1000"/><line x1="300" y1="0" x2="300" y2="1000"/><line x1="400" y1="0" x2="400" y2="1000"/><line x1="500" y1="0" x2="500" y2="1000"/><line x1="600" y1="0" x2="600" y2="1000"/><line x1="700" y1="0" x2="700" y2="1000"/><line x1="800" y1="0" x2="800" y2="1000"/><line x1="900" y1="0" x2="900" y2="1000"/><line x1="1000" y1="0" x2="1000" y2="1000"/><line x1="1100" y1="0" x2="1100" y2="1000"/><line x1="1200" y1="0" x2="1200" y2="1000"/><line x1="1300" y1="0" x2="1300" y2="1000"/><line x1="1400" y1="0" x2="1400" y2="1000"/><line x1="1500" y1="0" x2="1500" y2="1000"/>
|
||||
<line x1="0" y1="0" x2="1600" y2="0"/><line x1="0" y1="100" x2="1600" y2="100"/><line x1="0" y1="200" x2="1600" y2="200"/><line x1="0" y1="300" x2="1600" y2="300"/><line x1="0" y1="400" x2="1600" y2="400"/><line x1="0" y1="500" x2="1600" y2="500"/><line x1="0" y1="600" x2="1600" y2="600"/><line x1="0" y1="700" x2="1600" y2="700"/><line x1="0" y1="800" x2="1600" y2="800"/><line x1="0" y1="900" x2="1600" y2="900"/>
|
||||
</g>
|
||||
<g>
|
||||
<rect x="80" y="70" width="1440" height="60" rx="14" fill="hsl(292 30% 18% / 0.4)" stroke="hsl(292 60% 60% / 0.25)"/>
|
||||
<circle cx="120" cy="100" r="9" fill="hsl(0 70% 60% / .7)"/>
|
||||
<circle cx="152" cy="100" r="9" fill="hsl(45 80% 60% / .7)"/>
|
||||
<circle cx="184" cy="100" r="9" fill="hsl(140 60% 55% / .7)"/>
|
||||
<rect x="240" y="88" width="420" height="24" rx="12" fill="hsl(292 30% 40% / 0.25)"/>
|
||||
</g>
|
||||
<path d="M 350 305 C 470 305, 470 215, 590 215" fill="none" stroke="url(#linemiragemobileb)" stroke-width="4" opacity="0.7"/><path d="M 350 305 C 470 305, 470 405, 590 405" fill="none" stroke="url(#linemiragemobileb)" stroke-width="4" opacity="0.7"/><path d="M 820 215 C 940 215, 940 305, 1060 305" fill="none" stroke="url(#linemiragemobileb)" stroke-width="4" opacity="0.7"/><path d="M 820 405 C 940 405, 940 305, 1060 305" fill="none" stroke="url(#linemiragemobileb)" stroke-width="4" opacity="0.7"/><path d="M 1290 305 C 1290 305, 1290 305, 1290 305" fill="none" stroke="url(#linemiragemobileb)" stroke-width="4" opacity="0.7"/>
|
||||
<g><rect x="120" y="250" width="230" height="110" rx="18" fill="hsl(292 35% 14% / 0.7)" stroke="hsl(292 70% 62% / 0.5)"/><text x="235" y="312" text-anchor="middle" font-family="monospace" font-size="26" fill="hsl(292 70% 80%)">ingest</text></g>
|
||||
<g><rect x="590" y="160" width="230" height="110" rx="18" fill="hsl(292 35% 14% / 0.7)" stroke="hsl(292 70% 62% / 0.5)"/><text x="705" y="222" text-anchor="middle" font-family="monospace" font-size="26" fill="hsl(292 70% 80%)">embed</text></g>
|
||||
<g><rect x="590" y="350" width="230" height="110" rx="18" fill="hsl(292 35% 14% / 0.7)" stroke="hsl(292 70% 62% / 0.5)"/><text x="705" y="412" text-anchor="middle" font-family="monospace" font-size="26" fill="hsl(292 70% 80%)">retrieve</text></g>
|
||||
<g><rect x="1060" y="250" width="230" height="110" rx="18" fill="hsl(292 35% 14% / 0.7)" stroke="hsl(292 70% 62% / 0.5)"/><text x="1175" y="312" text-anchor="middle" font-family="monospace" font-size="26" fill="hsl(292 70% 80%)">rerank</text></g>
|
||||
<g><rect x="1300" y="250" width="230" height="110" rx="18" fill="hsl(292 35% 14% / 0.7)" stroke="hsl(292 70% 62% / 0.5)"/><text x="1415" y="312" text-anchor="middle" font-family="monospace" font-size="26" fill="hsl(292 70% 80%)">generate</text></g>
|
||||
<g opacity="0.5"><circle cx="260" cy="700" r="6" fill="hsl(292 90% 70%)"/><circle cx="460" cy="700" r="6" fill="hsl(292 90% 70%)"/><circle cx="660" cy="700" r="6" fill="hsl(292 90% 70%)"/><circle cx="860" cy="700" r="6" fill="hsl(292 90% 70%)"/><circle cx="1060" cy="700" r="6" fill="hsl(292 90% 70%)"/><circle cx="1260" cy="700" r="6" fill="hsl(292 90% 70%)"/></g></svg>
|
||||
|
After Width: | Height: | Size: 4.7 KiB |
@@ -0,0 +1,31 @@
|
||||
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 1600 1000" width="1600" height="1000">
|
||||
<defs>
|
||||
<radialGradient id="glowmiragemobilec" cx="28%" cy="18%" r="90%">
|
||||
<stop offset="0%" stop-color="hsl(292 90% 62% / 0.55)"/>
|
||||
<stop offset="45%" stop-color="hsl(320 85% 55% / 0.18)"/>
|
||||
<stop offset="100%" stop-color="hsl(292 60% 8% / 0)"/>
|
||||
</radialGradient>
|
||||
<linearGradient id="bgmiragemobilec" x1="0" y1="0" x2="1" y2="1">
|
||||
<stop offset="0%" stop-color="#04060f"/>
|
||||
<stop offset="100%" stop-color="#020308"/>
|
||||
</linearGradient>
|
||||
<linearGradient id="linemiragemobilec" x1="0" y1="0" x2="1" y2="0">
|
||||
<stop offset="0%" stop-color="hsl(292 90% 65%)"/>
|
||||
<stop offset="100%" stop-color="hsl(332 90% 68%)"/>
|
||||
</linearGradient>
|
||||
</defs>
|
||||
<rect width="1600" height="1000" fill="url(#bgmiragemobilec)"/>
|
||||
<rect width="1600" height="1000" fill="url(#glowmiragemobilec)"/>
|
||||
<g stroke="hsl(292 40% 60% / 0.06)" stroke-width="1">
|
||||
<line x1="0" y1="0" x2="0" y2="1000"/><line x1="100" y1="0" x2="100" y2="1000"/><line x1="200" y1="0" x2="200" y2="1000"/><line x1="300" y1="0" x2="300" y2="1000"/><line x1="400" y1="0" x2="400" y2="1000"/><line x1="500" y1="0" x2="500" y2="1000"/><line x1="600" y1="0" x2="600" y2="1000"/><line x1="700" y1="0" x2="700" y2="1000"/><line x1="800" y1="0" x2="800" y2="1000"/><line x1="900" y1="0" x2="900" y2="1000"/><line x1="1000" y1="0" x2="1000" y2="1000"/><line x1="1100" y1="0" x2="1100" y2="1000"/><line x1="1200" y1="0" x2="1200" y2="1000"/><line x1="1300" y1="0" x2="1300" y2="1000"/><line x1="1400" y1="0" x2="1400" y2="1000"/><line x1="1500" y1="0" x2="1500" y2="1000"/>
|
||||
<line x1="0" y1="0" x2="1600" y2="0"/><line x1="0" y1="100" x2="1600" y2="100"/><line x1="0" y1="200" x2="1600" y2="200"/><line x1="0" y1="300" x2="1600" y2="300"/><line x1="0" y1="400" x2="1600" y2="400"/><line x1="0" y1="500" x2="1600" y2="500"/><line x1="0" y1="600" x2="1600" y2="600"/><line x1="0" y1="700" x2="1600" y2="700"/><line x1="0" y1="800" x2="1600" y2="800"/><line x1="0" y1="900" x2="1600" y2="900"/>
|
||||
</g>
|
||||
<g transform="translate(560 120)">
|
||||
<rect width="480" height="780" rx="56" fill="hsl(292 30% 10% / 0.9)" stroke="hsl(292 60% 60% / 0.35)" stroke-width="3"/>
|
||||
<rect x="22" y="22" width="436" height="736" rx="40" fill="#04060f"/>
|
||||
<rect x="180" y="40" width="120" height="22" rx="11" fill="hsl(292 30% 25%)"/>
|
||||
<circle cx="240" cy="230" r="86" fill="none" stroke="url(#linemiragemobilec)" stroke-width="10"/>
|
||||
<circle cx="240" cy="230" r="56" fill="hsl(292 80% 60% / 0.18)"/>
|
||||
<rect x="70" y="380" width="340" height="46" rx="14" fill="hsl(292 35% 18% / 0.8)"/><rect x="70" y="460" width="300" height="46" rx="14" fill="hsl(292 35% 18% / 0.8)"/><rect x="70" y="540" width="260" height="46" rx="14" fill="hsl(292 35% 18% / 0.8)"/><rect x="70" y="620" width="220" height="46" rx="14" fill="hsl(292 35% 18% / 0.8)"/>
|
||||
<rect x="70" y="700" width="340" height="56" rx="18" fill="url(#linemiragemobilec)"/>
|
||||
</g></svg>
|
||||
|
After Width: | Height: | Size: 3.0 KiB |
@@ -0,0 +1,36 @@
|
||||
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 1600 1000" width="1600" height="1000">
|
||||
<defs>
|
||||
<radialGradient id="glowmiragemobile" cx="28%" cy="18%" r="90%">
|
||||
<stop offset="0%" stop-color="hsl(292 90% 62% / 0.55)"/>
|
||||
<stop offset="45%" stop-color="hsl(320 85% 55% / 0.18)"/>
|
||||
<stop offset="100%" stop-color="hsl(292 60% 8% / 0)"/>
|
||||
</radialGradient>
|
||||
<linearGradient id="bgmiragemobile" x1="0" y1="0" x2="1" y2="1">
|
||||
<stop offset="0%" stop-color="#04060f"/>
|
||||
<stop offset="100%" stop-color="#020308"/>
|
||||
</linearGradient>
|
||||
<linearGradient id="linemiragemobile" x1="0" y1="0" x2="1" y2="0">
|
||||
<stop offset="0%" stop-color="hsl(292 90% 65%)"/>
|
||||
<stop offset="100%" stop-color="hsl(332 90% 68%)"/>
|
||||
</linearGradient>
|
||||
</defs>
|
||||
<rect width="1600" height="1000" fill="url(#bgmiragemobile)"/>
|
||||
<rect width="1600" height="1000" fill="url(#glowmiragemobile)"/>
|
||||
<g stroke="hsl(292 40% 60% / 0.06)" stroke-width="1">
|
||||
<line x1="0" y1="0" x2="0" y2="1000"/><line x1="100" y1="0" x2="100" y2="1000"/><line x1="200" y1="0" x2="200" y2="1000"/><line x1="300" y1="0" x2="300" y2="1000"/><line x1="400" y1="0" x2="400" y2="1000"/><line x1="500" y1="0" x2="500" y2="1000"/><line x1="600" y1="0" x2="600" y2="1000"/><line x1="700" y1="0" x2="700" y2="1000"/><line x1="800" y1="0" x2="800" y2="1000"/><line x1="900" y1="0" x2="900" y2="1000"/><line x1="1000" y1="0" x2="1000" y2="1000"/><line x1="1100" y1="0" x2="1100" y2="1000"/><line x1="1200" y1="0" x2="1200" y2="1000"/><line x1="1300" y1="0" x2="1300" y2="1000"/><line x1="1400" y1="0" x2="1400" y2="1000"/><line x1="1500" y1="0" x2="1500" y2="1000"/>
|
||||
<line x1="0" y1="0" x2="1600" y2="0"/><line x1="0" y1="100" x2="1600" y2="100"/><line x1="0" y1="200" x2="1600" y2="200"/><line x1="0" y1="300" x2="1600" y2="300"/><line x1="0" y1="400" x2="1600" y2="400"/><line x1="0" y1="500" x2="1600" y2="500"/><line x1="0" y1="600" x2="1600" y2="600"/><line x1="0" y1="700" x2="1600" y2="700"/><line x1="0" y1="800" x2="1600" y2="800"/><line x1="0" y1="900" x2="1600" y2="900"/>
|
||||
</g>
|
||||
<g>
|
||||
<rect x="80" y="70" width="1440" height="60" rx="14" fill="hsl(292 30% 18% / 0.4)" stroke="hsl(292 60% 60% / 0.25)"/>
|
||||
<circle cx="120" cy="100" r="9" fill="hsl(0 70% 60% / .7)"/>
|
||||
<circle cx="152" cy="100" r="9" fill="hsl(45 80% 60% / .7)"/>
|
||||
<circle cx="184" cy="100" r="9" fill="hsl(140 60% 55% / .7)"/>
|
||||
<rect x="240" y="88" width="420" height="24" rx="12" fill="hsl(292 30% 40% / 0.25)"/>
|
||||
</g>
|
||||
<rect x="120" y="200" width="700" height="560" rx="20" fill="hsl(292 30% 12% / 0.5)" stroke="hsl(292 60% 60% / 0.16)"/>
|
||||
<text x="160" y="270" font-family="monospace" font-size="30" fill="hsl(292 70% 75%)">throughput / day</text>
|
||||
<rect x="180" y="680" width="54" height="80" rx="8" fill="url(#linemiragemobile)" opacity="0.5"/><rect x="276" y="627" width="54" height="133" rx="8" fill="url(#linemiragemobile)" opacity="0.66"/><rect x="372" y="574" width="54" height="186" rx="8" fill="url(#linemiragemobile)" opacity="0.8200000000000001"/><rect x="468" y="521" width="54" height="239" rx="8" fill="url(#linemiragemobile)" opacity="0.5"/><rect x="564" y="468" width="54" height="292" rx="8" fill="url(#linemiragemobile)" opacity="0.66"/><rect x="660" y="675" width="54" height="85" rx="8" fill="url(#linemiragemobile)" opacity="0.8200000000000001"/><rect x="756" y="622" width="54" height="138" rx="8" fill="url(#linemiragemobile)" opacity="0.5"/><rect x="852" y="569" width="54" height="191" rx="8" fill="url(#linemiragemobile)" opacity="0.66"/><rect x="948" y="516" width="54" height="244" rx="8" fill="url(#linemiragemobile)" opacity="0.8200000000000001"/>
|
||||
<rect x="880" y="200" width="600" height="560" rx="20" fill="hsl(292 30% 12% / 0.5)" stroke="hsl(292 60% 60% / 0.16)"/>
|
||||
<path d="M 1050 620 L 1050 620 L 1104 535.3906523385778 L 1158 489.21163083534515 L 1212 501.10554730457 L 1266 562.3244720582771 L 1320 640.00659821042 L 1374 693.2416333172939 L 1428 693.0709129595766 L 1482 636.6446346063387" fill="none" stroke="url(#linemiragemobile)" stroke-width="6" stroke-linecap="round"/>
|
||||
<circle cx="1482" cy="636.6446346063387" r="12" fill="hsl(292 90% 70%)"/>
|
||||
<text x="920" y="270" font-family="monospace" font-size="30" fill="hsl(292 70% 75%)">latency p95</text></svg>
|
||||
|
After Width: | Height: | Size: 4.2 KiB |
@@ -0,0 +1,36 @@
|
||||
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 1600 1000" width="1600" height="1000">
|
||||
<defs>
|
||||
<radialGradient id="gloworacleforecasta" cx="28%" cy="18%" r="90%">
|
||||
<stop offset="0%" stop-color="hsl(205 90% 62% / 0.55)"/>
|
||||
<stop offset="45%" stop-color="hsl(233 85% 55% / 0.18)"/>
|
||||
<stop offset="100%" stop-color="hsl(205 60% 8% / 0)"/>
|
||||
</radialGradient>
|
||||
<linearGradient id="bgoracleforecasta" x1="0" y1="0" x2="1" y2="1">
|
||||
<stop offset="0%" stop-color="#04060f"/>
|
||||
<stop offset="100%" stop-color="#020308"/>
|
||||
</linearGradient>
|
||||
<linearGradient id="lineoracleforecasta" x1="0" y1="0" x2="1" y2="0">
|
||||
<stop offset="0%" stop-color="hsl(205 90% 65%)"/>
|
||||
<stop offset="100%" stop-color="hsl(245 90% 68%)"/>
|
||||
</linearGradient>
|
||||
</defs>
|
||||
<rect width="1600" height="1000" fill="url(#bgoracleforecasta)"/>
|
||||
<rect width="1600" height="1000" fill="url(#gloworacleforecasta)"/>
|
||||
<g stroke="hsl(205 40% 60% / 0.06)" stroke-width="1">
|
||||
<line x1="0" y1="0" x2="0" y2="1000"/><line x1="100" y1="0" x2="100" y2="1000"/><line x1="200" y1="0" x2="200" y2="1000"/><line x1="300" y1="0" x2="300" y2="1000"/><line x1="400" y1="0" x2="400" y2="1000"/><line x1="500" y1="0" x2="500" y2="1000"/><line x1="600" y1="0" x2="600" y2="1000"/><line x1="700" y1="0" x2="700" y2="1000"/><line x1="800" y1="0" x2="800" y2="1000"/><line x1="900" y1="0" x2="900" y2="1000"/><line x1="1000" y1="0" x2="1000" y2="1000"/><line x1="1100" y1="0" x2="1100" y2="1000"/><line x1="1200" y1="0" x2="1200" y2="1000"/><line x1="1300" y1="0" x2="1300" y2="1000"/><line x1="1400" y1="0" x2="1400" y2="1000"/><line x1="1500" y1="0" x2="1500" y2="1000"/>
|
||||
<line x1="0" y1="0" x2="1600" y2="0"/><line x1="0" y1="100" x2="1600" y2="100"/><line x1="0" y1="200" x2="1600" y2="200"/><line x1="0" y1="300" x2="1600" y2="300"/><line x1="0" y1="400" x2="1600" y2="400"/><line x1="0" y1="500" x2="1600" y2="500"/><line x1="0" y1="600" x2="1600" y2="600"/><line x1="0" y1="700" x2="1600" y2="700"/><line x1="0" y1="800" x2="1600" y2="800"/><line x1="0" y1="900" x2="1600" y2="900"/>
|
||||
</g>
|
||||
<g>
|
||||
<rect x="80" y="70" width="1440" height="60" rx="14" fill="hsl(205 30% 18% / 0.4)" stroke="hsl(205 60% 60% / 0.25)"/>
|
||||
<circle cx="120" cy="100" r="9" fill="hsl(0 70% 60% / .7)"/>
|
||||
<circle cx="152" cy="100" r="9" fill="hsl(45 80% 60% / .7)"/>
|
||||
<circle cx="184" cy="100" r="9" fill="hsl(140 60% 55% / .7)"/>
|
||||
<rect x="240" y="88" width="420" height="24" rx="12" fill="hsl(205 30% 40% / 0.25)"/>
|
||||
</g>
|
||||
<rect x="120" y="200" width="700" height="560" rx="20" fill="hsl(205 30% 12% / 0.5)" stroke="hsl(205 60% 60% / 0.16)"/>
|
||||
<text x="160" y="270" font-family="monospace" font-size="30" fill="hsl(205 70% 75%)">throughput / day</text>
|
||||
<rect x="180" y="680" width="54" height="80" rx="8" fill="url(#lineoracleforecasta)" opacity="0.5"/><rect x="276" y="627" width="54" height="133" rx="8" fill="url(#lineoracleforecasta)" opacity="0.66"/><rect x="372" y="574" width="54" height="186" rx="8" fill="url(#lineoracleforecasta)" opacity="0.8200000000000001"/><rect x="468" y="521" width="54" height="239" rx="8" fill="url(#lineoracleforecasta)" opacity="0.5"/><rect x="564" y="468" width="54" height="292" rx="8" fill="url(#lineoracleforecasta)" opacity="0.66"/><rect x="660" y="675" width="54" height="85" rx="8" fill="url(#lineoracleforecasta)" opacity="0.8200000000000001"/><rect x="756" y="622" width="54" height="138" rx="8" fill="url(#lineoracleforecasta)" opacity="0.5"/><rect x="852" y="569" width="54" height="191" rx="8" fill="url(#lineoracleforecasta)" opacity="0.66"/><rect x="948" y="516" width="54" height="244" rx="8" fill="url(#lineoracleforecasta)" opacity="0.8200000000000001"/>
|
||||
<rect x="880" y="200" width="600" height="560" rx="20" fill="hsl(205 30% 12% / 0.5)" stroke="hsl(205 60% 60% / 0.16)"/>
|
||||
<path d="M 1050 620 L 1050 620 L 1104 535.3906523385778 L 1158 489.21163083534515 L 1212 501.10554730457 L 1266 562.3244720582771 L 1320 640.00659821042 L 1374 693.2416333172939 L 1428 693.0709129595766 L 1482 636.6446346063387" fill="none" stroke="url(#lineoracleforecasta)" stroke-width="6" stroke-linecap="round"/>
|
||||
<circle cx="1482" cy="636.6446346063387" r="12" fill="hsl(205 90% 70%)"/>
|
||||
<text x="920" y="270" font-family="monospace" font-size="30" fill="hsl(205 70% 75%)">latency p95</text></svg>
|
||||
|
After Width: | Height: | Size: 4.3 KiB |
@@ -0,0 +1,36 @@
|
||||
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 1600 1000" width="1600" height="1000">
|
||||
<defs>
|
||||
<radialGradient id="gloworacleforecastb" cx="28%" cy="18%" r="90%">
|
||||
<stop offset="0%" stop-color="hsl(205 90% 62% / 0.55)"/>
|
||||
<stop offset="45%" stop-color="hsl(233 85% 55% / 0.18)"/>
|
||||
<stop offset="100%" stop-color="hsl(205 60% 8% / 0)"/>
|
||||
</radialGradient>
|
||||
<linearGradient id="bgoracleforecastb" x1="0" y1="0" x2="1" y2="1">
|
||||
<stop offset="0%" stop-color="#04060f"/>
|
||||
<stop offset="100%" stop-color="#020308"/>
|
||||
</linearGradient>
|
||||
<linearGradient id="lineoracleforecastb" x1="0" y1="0" x2="1" y2="0">
|
||||
<stop offset="0%" stop-color="hsl(205 90% 65%)"/>
|
||||
<stop offset="100%" stop-color="hsl(245 90% 68%)"/>
|
||||
</linearGradient>
|
||||
</defs>
|
||||
<rect width="1600" height="1000" fill="url(#bgoracleforecastb)"/>
|
||||
<rect width="1600" height="1000" fill="url(#gloworacleforecastb)"/>
|
||||
<g stroke="hsl(205 40% 60% / 0.06)" stroke-width="1">
|
||||
<line x1="0" y1="0" x2="0" y2="1000"/><line x1="100" y1="0" x2="100" y2="1000"/><line x1="200" y1="0" x2="200" y2="1000"/><line x1="300" y1="0" x2="300" y2="1000"/><line x1="400" y1="0" x2="400" y2="1000"/><line x1="500" y1="0" x2="500" y2="1000"/><line x1="600" y1="0" x2="600" y2="1000"/><line x1="700" y1="0" x2="700" y2="1000"/><line x1="800" y1="0" x2="800" y2="1000"/><line x1="900" y1="0" x2="900" y2="1000"/><line x1="1000" y1="0" x2="1000" y2="1000"/><line x1="1100" y1="0" x2="1100" y2="1000"/><line x1="1200" y1="0" x2="1200" y2="1000"/><line x1="1300" y1="0" x2="1300" y2="1000"/><line x1="1400" y1="0" x2="1400" y2="1000"/><line x1="1500" y1="0" x2="1500" y2="1000"/>
|
||||
<line x1="0" y1="0" x2="1600" y2="0"/><line x1="0" y1="100" x2="1600" y2="100"/><line x1="0" y1="200" x2="1600" y2="200"/><line x1="0" y1="300" x2="1600" y2="300"/><line x1="0" y1="400" x2="1600" y2="400"/><line x1="0" y1="500" x2="1600" y2="500"/><line x1="0" y1="600" x2="1600" y2="600"/><line x1="0" y1="700" x2="1600" y2="700"/><line x1="0" y1="800" x2="1600" y2="800"/><line x1="0" y1="900" x2="1600" y2="900"/>
|
||||
</g>
|
||||
<g>
|
||||
<rect x="80" y="70" width="1440" height="60" rx="14" fill="hsl(205 30% 18% / 0.4)" stroke="hsl(205 60% 60% / 0.25)"/>
|
||||
<circle cx="120" cy="100" r="9" fill="hsl(0 70% 60% / .7)"/>
|
||||
<circle cx="152" cy="100" r="9" fill="hsl(45 80% 60% / .7)"/>
|
||||
<circle cx="184" cy="100" r="9" fill="hsl(140 60% 55% / .7)"/>
|
||||
<rect x="240" y="88" width="420" height="24" rx="12" fill="hsl(205 30% 40% / 0.25)"/>
|
||||
</g>
|
||||
<path d="M 350 305 C 470 305, 470 215, 590 215" fill="none" stroke="url(#lineoracleforecastb)" stroke-width="4" opacity="0.7"/><path d="M 350 305 C 470 305, 470 405, 590 405" fill="none" stroke="url(#lineoracleforecastb)" stroke-width="4" opacity="0.7"/><path d="M 820 215 C 940 215, 940 305, 1060 305" fill="none" stroke="url(#lineoracleforecastb)" stroke-width="4" opacity="0.7"/><path d="M 820 405 C 940 405, 940 305, 1060 305" fill="none" stroke="url(#lineoracleforecastb)" stroke-width="4" opacity="0.7"/><path d="M 1290 305 C 1290 305, 1290 305, 1290 305" fill="none" stroke="url(#lineoracleforecastb)" stroke-width="4" opacity="0.7"/>
|
||||
<g><rect x="120" y="250" width="230" height="110" rx="18" fill="hsl(205 35% 14% / 0.7)" stroke="hsl(205 70% 62% / 0.5)"/><text x="235" y="312" text-anchor="middle" font-family="monospace" font-size="26" fill="hsl(205 70% 80%)">ingest</text></g>
|
||||
<g><rect x="590" y="160" width="230" height="110" rx="18" fill="hsl(205 35% 14% / 0.7)" stroke="hsl(205 70% 62% / 0.5)"/><text x="705" y="222" text-anchor="middle" font-family="monospace" font-size="26" fill="hsl(205 70% 80%)">embed</text></g>
|
||||
<g><rect x="590" y="350" width="230" height="110" rx="18" fill="hsl(205 35% 14% / 0.7)" stroke="hsl(205 70% 62% / 0.5)"/><text x="705" y="412" text-anchor="middle" font-family="monospace" font-size="26" fill="hsl(205 70% 80%)">retrieve</text></g>
|
||||
<g><rect x="1060" y="250" width="230" height="110" rx="18" fill="hsl(205 35% 14% / 0.7)" stroke="hsl(205 70% 62% / 0.5)"/><text x="1175" y="312" text-anchor="middle" font-family="monospace" font-size="26" fill="hsl(205 70% 80%)">rerank</text></g>
|
||||
<g><rect x="1300" y="250" width="230" height="110" rx="18" fill="hsl(205 35% 14% / 0.7)" stroke="hsl(205 70% 62% / 0.5)"/><text x="1415" y="312" text-anchor="middle" font-family="monospace" font-size="26" fill="hsl(205 70% 80%)">generate</text></g>
|
||||
<g opacity="0.5"><circle cx="260" cy="700" r="6" fill="hsl(205 90% 70%)"/><circle cx="460" cy="700" r="6" fill="hsl(205 90% 70%)"/><circle cx="660" cy="700" r="6" fill="hsl(205 90% 70%)"/><circle cx="860" cy="700" r="6" fill="hsl(205 90% 70%)"/><circle cx="1060" cy="700" r="6" fill="hsl(205 90% 70%)"/><circle cx="1260" cy="700" r="6" fill="hsl(205 90% 70%)"/></g></svg>
|
||||
|
After Width: | Height: | Size: 4.7 KiB |
@@ -0,0 +1,31 @@
|
||||
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 1600 1000" width="1600" height="1000">
|
||||
<defs>
|
||||
<radialGradient id="gloworacleforecastc" cx="28%" cy="18%" r="90%">
|
||||
<stop offset="0%" stop-color="hsl(205 90% 62% / 0.55)"/>
|
||||
<stop offset="45%" stop-color="hsl(233 85% 55% / 0.18)"/>
|
||||
<stop offset="100%" stop-color="hsl(205 60% 8% / 0)"/>
|
||||
</radialGradient>
|
||||
<linearGradient id="bgoracleforecastc" x1="0" y1="0" x2="1" y2="1">
|
||||
<stop offset="0%" stop-color="#04060f"/>
|
||||
<stop offset="100%" stop-color="#020308"/>
|
||||
</linearGradient>
|
||||
<linearGradient id="lineoracleforecastc" x1="0" y1="0" x2="1" y2="0">
|
||||
<stop offset="0%" stop-color="hsl(205 90% 65%)"/>
|
||||
<stop offset="100%" stop-color="hsl(245 90% 68%)"/>
|
||||
</linearGradient>
|
||||
</defs>
|
||||
<rect width="1600" height="1000" fill="url(#bgoracleforecastc)"/>
|
||||
<rect width="1600" height="1000" fill="url(#gloworacleforecastc)"/>
|
||||
<g stroke="hsl(205 40% 60% / 0.06)" stroke-width="1">
|
||||
<line x1="0" y1="0" x2="0" y2="1000"/><line x1="100" y1="0" x2="100" y2="1000"/><line x1="200" y1="0" x2="200" y2="1000"/><line x1="300" y1="0" x2="300" y2="1000"/><line x1="400" y1="0" x2="400" y2="1000"/><line x1="500" y1="0" x2="500" y2="1000"/><line x1="600" y1="0" x2="600" y2="1000"/><line x1="700" y1="0" x2="700" y2="1000"/><line x1="800" y1="0" x2="800" y2="1000"/><line x1="900" y1="0" x2="900" y2="1000"/><line x1="1000" y1="0" x2="1000" y2="1000"/><line x1="1100" y1="0" x2="1100" y2="1000"/><line x1="1200" y1="0" x2="1200" y2="1000"/><line x1="1300" y1="0" x2="1300" y2="1000"/><line x1="1400" y1="0" x2="1400" y2="1000"/><line x1="1500" y1="0" x2="1500" y2="1000"/>
|
||||
<line x1="0" y1="0" x2="1600" y2="0"/><line x1="0" y1="100" x2="1600" y2="100"/><line x1="0" y1="200" x2="1600" y2="200"/><line x1="0" y1="300" x2="1600" y2="300"/><line x1="0" y1="400" x2="1600" y2="400"/><line x1="0" y1="500" x2="1600" y2="500"/><line x1="0" y1="600" x2="1600" y2="600"/><line x1="0" y1="700" x2="1600" y2="700"/><line x1="0" y1="800" x2="1600" y2="800"/><line x1="0" y1="900" x2="1600" y2="900"/>
|
||||
</g>
|
||||
<g transform="translate(560 120)">
|
||||
<rect width="480" height="780" rx="56" fill="hsl(205 30% 10% / 0.9)" stroke="hsl(205 60% 60% / 0.35)" stroke-width="3"/>
|
||||
<rect x="22" y="22" width="436" height="736" rx="40" fill="#04060f"/>
|
||||
<rect x="180" y="40" width="120" height="22" rx="11" fill="hsl(205 30% 25%)"/>
|
||||
<circle cx="240" cy="230" r="86" fill="none" stroke="url(#lineoracleforecastc)" stroke-width="10"/>
|
||||
<circle cx="240" cy="230" r="56" fill="hsl(205 80% 60% / 0.18)"/>
|
||||
<rect x="70" y="380" width="340" height="46" rx="14" fill="hsl(205 35% 18% / 0.8)"/><rect x="70" y="460" width="300" height="46" rx="14" fill="hsl(205 35% 18% / 0.8)"/><rect x="70" y="540" width="260" height="46" rx="14" fill="hsl(205 35% 18% / 0.8)"/><rect x="70" y="620" width="220" height="46" rx="14" fill="hsl(205 35% 18% / 0.8)"/>
|
||||
<rect x="70" y="700" width="340" height="56" rx="18" fill="url(#lineoracleforecastc)"/>
|
||||
</g></svg>
|
||||
|
After Width: | Height: | Size: 3.0 KiB |
@@ -0,0 +1,36 @@
|
||||
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 1600 1000" width="1600" height="1000">
|
||||
<defs>
|
||||
<radialGradient id="gloworacleforecast" cx="28%" cy="18%" r="90%">
|
||||
<stop offset="0%" stop-color="hsl(205 90% 62% / 0.55)"/>
|
||||
<stop offset="45%" stop-color="hsl(233 85% 55% / 0.18)"/>
|
||||
<stop offset="100%" stop-color="hsl(205 60% 8% / 0)"/>
|
||||
</radialGradient>
|
||||
<linearGradient id="bgoracleforecast" x1="0" y1="0" x2="1" y2="1">
|
||||
<stop offset="0%" stop-color="#04060f"/>
|
||||
<stop offset="100%" stop-color="#020308"/>
|
||||
</linearGradient>
|
||||
<linearGradient id="lineoracleforecast" x1="0" y1="0" x2="1" y2="0">
|
||||
<stop offset="0%" stop-color="hsl(205 90% 65%)"/>
|
||||
<stop offset="100%" stop-color="hsl(245 90% 68%)"/>
|
||||
</linearGradient>
|
||||
</defs>
|
||||
<rect width="1600" height="1000" fill="url(#bgoracleforecast)"/>
|
||||
<rect width="1600" height="1000" fill="url(#gloworacleforecast)"/>
|
||||
<g stroke="hsl(205 40% 60% / 0.06)" stroke-width="1">
|
||||
<line x1="0" y1="0" x2="0" y2="1000"/><line x1="100" y1="0" x2="100" y2="1000"/><line x1="200" y1="0" x2="200" y2="1000"/><line x1="300" y1="0" x2="300" y2="1000"/><line x1="400" y1="0" x2="400" y2="1000"/><line x1="500" y1="0" x2="500" y2="1000"/><line x1="600" y1="0" x2="600" y2="1000"/><line x1="700" y1="0" x2="700" y2="1000"/><line x1="800" y1="0" x2="800" y2="1000"/><line x1="900" y1="0" x2="900" y2="1000"/><line x1="1000" y1="0" x2="1000" y2="1000"/><line x1="1100" y1="0" x2="1100" y2="1000"/><line x1="1200" y1="0" x2="1200" y2="1000"/><line x1="1300" y1="0" x2="1300" y2="1000"/><line x1="1400" y1="0" x2="1400" y2="1000"/><line x1="1500" y1="0" x2="1500" y2="1000"/>
|
||||
<line x1="0" y1="0" x2="1600" y2="0"/><line x1="0" y1="100" x2="1600" y2="100"/><line x1="0" y1="200" x2="1600" y2="200"/><line x1="0" y1="300" x2="1600" y2="300"/><line x1="0" y1="400" x2="1600" y2="400"/><line x1="0" y1="500" x2="1600" y2="500"/><line x1="0" y1="600" x2="1600" y2="600"/><line x1="0" y1="700" x2="1600" y2="700"/><line x1="0" y1="800" x2="1600" y2="800"/><line x1="0" y1="900" x2="1600" y2="900"/>
|
||||
</g>
|
||||
<g>
|
||||
<rect x="80" y="70" width="1440" height="60" rx="14" fill="hsl(205 30% 18% / 0.4)" stroke="hsl(205 60% 60% / 0.25)"/>
|
||||
<circle cx="120" cy="100" r="9" fill="hsl(0 70% 60% / .7)"/>
|
||||
<circle cx="152" cy="100" r="9" fill="hsl(45 80% 60% / .7)"/>
|
||||
<circle cx="184" cy="100" r="9" fill="hsl(140 60% 55% / .7)"/>
|
||||
<rect x="240" y="88" width="420" height="24" rx="12" fill="hsl(205 30% 40% / 0.25)"/>
|
||||
</g>
|
||||
<rect x="120" y="200" width="700" height="560" rx="20" fill="hsl(205 30% 12% / 0.5)" stroke="hsl(205 60% 60% / 0.16)"/>
|
||||
<text x="160" y="270" font-family="monospace" font-size="30" fill="hsl(205 70% 75%)">throughput / day</text>
|
||||
<rect x="180" y="680" width="54" height="80" rx="8" fill="url(#lineoracleforecast)" opacity="0.5"/><rect x="276" y="627" width="54" height="133" rx="8" fill="url(#lineoracleforecast)" opacity="0.66"/><rect x="372" y="574" width="54" height="186" rx="8" fill="url(#lineoracleforecast)" opacity="0.8200000000000001"/><rect x="468" y="521" width="54" height="239" rx="8" fill="url(#lineoracleforecast)" opacity="0.5"/><rect x="564" y="468" width="54" height="292" rx="8" fill="url(#lineoracleforecast)" opacity="0.66"/><rect x="660" y="675" width="54" height="85" rx="8" fill="url(#lineoracleforecast)" opacity="0.8200000000000001"/><rect x="756" y="622" width="54" height="138" rx="8" fill="url(#lineoracleforecast)" opacity="0.5"/><rect x="852" y="569" width="54" height="191" rx="8" fill="url(#lineoracleforecast)" opacity="0.66"/><rect x="948" y="516" width="54" height="244" rx="8" fill="url(#lineoracleforecast)" opacity="0.8200000000000001"/>
|
||||
<rect x="880" y="200" width="600" height="560" rx="20" fill="hsl(205 30% 12% / 0.5)" stroke="hsl(205 60% 60% / 0.16)"/>
|
||||
<path d="M 1050 620 L 1050 620 L 1104 535.3906523385778 L 1158 489.21163083534515 L 1212 501.10554730457 L 1266 562.3244720582771 L 1320 640.00659821042 L 1374 693.2416333172939 L 1428 693.0709129595766 L 1482 636.6446346063387" fill="none" stroke="url(#lineoracleforecast)" stroke-width="6" stroke-linecap="round"/>
|
||||
<circle cx="1482" cy="636.6446346063387" r="12" fill="hsl(205 90% 70%)"/>
|
||||
<text x="920" y="270" font-family="monospace" font-size="30" fill="hsl(205 70% 75%)">latency p95</text></svg>
|
||||
|
After Width: | Height: | Size: 4.2 KiB |
@@ -0,0 +1,36 @@
|
||||
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 1600 1000" width="1600" height="1000">
|
||||
<defs>
|
||||
<radialGradient id="glowsentinelagentsa" cx="28%" cy="18%" r="90%">
|
||||
<stop offset="0%" stop-color="hsl(245 90% 62% / 0.55)"/>
|
||||
<stop offset="45%" stop-color="hsl(273 85% 55% / 0.18)"/>
|
||||
<stop offset="100%" stop-color="hsl(245 60% 8% / 0)"/>
|
||||
</radialGradient>
|
||||
<linearGradient id="bgsentinelagentsa" x1="0" y1="0" x2="1" y2="1">
|
||||
<stop offset="0%" stop-color="#04060f"/>
|
||||
<stop offset="100%" stop-color="#020308"/>
|
||||
</linearGradient>
|
||||
<linearGradient id="linesentinelagentsa" x1="0" y1="0" x2="1" y2="0">
|
||||
<stop offset="0%" stop-color="hsl(245 90% 65%)"/>
|
||||
<stop offset="100%" stop-color="hsl(285 90% 68%)"/>
|
||||
</linearGradient>
|
||||
</defs>
|
||||
<rect width="1600" height="1000" fill="url(#bgsentinelagentsa)"/>
|
||||
<rect width="1600" height="1000" fill="url(#glowsentinelagentsa)"/>
|
||||
<g stroke="hsl(245 40% 60% / 0.06)" stroke-width="1">
|
||||
<line x1="0" y1="0" x2="0" y2="1000"/><line x1="100" y1="0" x2="100" y2="1000"/><line x1="200" y1="0" x2="200" y2="1000"/><line x1="300" y1="0" x2="300" y2="1000"/><line x1="400" y1="0" x2="400" y2="1000"/><line x1="500" y1="0" x2="500" y2="1000"/><line x1="600" y1="0" x2="600" y2="1000"/><line x1="700" y1="0" x2="700" y2="1000"/><line x1="800" y1="0" x2="800" y2="1000"/><line x1="900" y1="0" x2="900" y2="1000"/><line x1="1000" y1="0" x2="1000" y2="1000"/><line x1="1100" y1="0" x2="1100" y2="1000"/><line x1="1200" y1="0" x2="1200" y2="1000"/><line x1="1300" y1="0" x2="1300" y2="1000"/><line x1="1400" y1="0" x2="1400" y2="1000"/><line x1="1500" y1="0" x2="1500" y2="1000"/>
|
||||
<line x1="0" y1="0" x2="1600" y2="0"/><line x1="0" y1="100" x2="1600" y2="100"/><line x1="0" y1="200" x2="1600" y2="200"/><line x1="0" y1="300" x2="1600" y2="300"/><line x1="0" y1="400" x2="1600" y2="400"/><line x1="0" y1="500" x2="1600" y2="500"/><line x1="0" y1="600" x2="1600" y2="600"/><line x1="0" y1="700" x2="1600" y2="700"/><line x1="0" y1="800" x2="1600" y2="800"/><line x1="0" y1="900" x2="1600" y2="900"/>
|
||||
</g>
|
||||
<g>
|
||||
<rect x="80" y="70" width="1440" height="60" rx="14" fill="hsl(245 30% 18% / 0.4)" stroke="hsl(245 60% 60% / 0.25)"/>
|
||||
<circle cx="120" cy="100" r="9" fill="hsl(0 70% 60% / .7)"/>
|
||||
<circle cx="152" cy="100" r="9" fill="hsl(45 80% 60% / .7)"/>
|
||||
<circle cx="184" cy="100" r="9" fill="hsl(140 60% 55% / .7)"/>
|
||||
<rect x="240" y="88" width="420" height="24" rx="12" fill="hsl(245 30% 40% / 0.25)"/>
|
||||
</g>
|
||||
<rect x="120" y="200" width="700" height="560" rx="20" fill="hsl(245 30% 12% / 0.5)" stroke="hsl(245 60% 60% / 0.16)"/>
|
||||
<text x="160" y="270" font-family="monospace" font-size="30" fill="hsl(245 70% 75%)">throughput / day</text>
|
||||
<rect x="180" y="680" width="54" height="80" rx="8" fill="url(#linesentinelagentsa)" opacity="0.5"/><rect x="276" y="627" width="54" height="133" rx="8" fill="url(#linesentinelagentsa)" opacity="0.66"/><rect x="372" y="574" width="54" height="186" rx="8" fill="url(#linesentinelagentsa)" opacity="0.8200000000000001"/><rect x="468" y="521" width="54" height="239" rx="8" fill="url(#linesentinelagentsa)" opacity="0.5"/><rect x="564" y="468" width="54" height="292" rx="8" fill="url(#linesentinelagentsa)" opacity="0.66"/><rect x="660" y="675" width="54" height="85" rx="8" fill="url(#linesentinelagentsa)" opacity="0.8200000000000001"/><rect x="756" y="622" width="54" height="138" rx="8" fill="url(#linesentinelagentsa)" opacity="0.5"/><rect x="852" y="569" width="54" height="191" rx="8" fill="url(#linesentinelagentsa)" opacity="0.66"/><rect x="948" y="516" width="54" height="244" rx="8" fill="url(#linesentinelagentsa)" opacity="0.8200000000000001"/>
|
||||
<rect x="880" y="200" width="600" height="560" rx="20" fill="hsl(245 30% 12% / 0.5)" stroke="hsl(245 60% 60% / 0.16)"/>
|
||||
<path d="M 1050 620 L 1050 620 L 1104 535.3906523385778 L 1158 489.21163083534515 L 1212 501.10554730457 L 1266 562.3244720582771 L 1320 640.00659821042 L 1374 693.2416333172939 L 1428 693.0709129595766 L 1482 636.6446346063387" fill="none" stroke="url(#linesentinelagentsa)" stroke-width="6" stroke-linecap="round"/>
|
||||
<circle cx="1482" cy="636.6446346063387" r="12" fill="hsl(245 90% 70%)"/>
|
||||
<text x="920" y="270" font-family="monospace" font-size="30" fill="hsl(245 70% 75%)">latency p95</text></svg>
|
||||
|
After Width: | Height: | Size: 4.3 KiB |
@@ -0,0 +1,36 @@
|
||||
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 1600 1000" width="1600" height="1000">
|
||||
<defs>
|
||||
<radialGradient id="glowsentinelagentsb" cx="28%" cy="18%" r="90%">
|
||||
<stop offset="0%" stop-color="hsl(245 90% 62% / 0.55)"/>
|
||||
<stop offset="45%" stop-color="hsl(273 85% 55% / 0.18)"/>
|
||||
<stop offset="100%" stop-color="hsl(245 60% 8% / 0)"/>
|
||||
</radialGradient>
|
||||
<linearGradient id="bgsentinelagentsb" x1="0" y1="0" x2="1" y2="1">
|
||||
<stop offset="0%" stop-color="#04060f"/>
|
||||
<stop offset="100%" stop-color="#020308"/>
|
||||
</linearGradient>
|
||||
<linearGradient id="linesentinelagentsb" x1="0" y1="0" x2="1" y2="0">
|
||||
<stop offset="0%" stop-color="hsl(245 90% 65%)"/>
|
||||
<stop offset="100%" stop-color="hsl(285 90% 68%)"/>
|
||||
</linearGradient>
|
||||
</defs>
|
||||
<rect width="1600" height="1000" fill="url(#bgsentinelagentsb)"/>
|
||||
<rect width="1600" height="1000" fill="url(#glowsentinelagentsb)"/>
|
||||
<g stroke="hsl(245 40% 60% / 0.06)" stroke-width="1">
|
||||
<line x1="0" y1="0" x2="0" y2="1000"/><line x1="100" y1="0" x2="100" y2="1000"/><line x1="200" y1="0" x2="200" y2="1000"/><line x1="300" y1="0" x2="300" y2="1000"/><line x1="400" y1="0" x2="400" y2="1000"/><line x1="500" y1="0" x2="500" y2="1000"/><line x1="600" y1="0" x2="600" y2="1000"/><line x1="700" y1="0" x2="700" y2="1000"/><line x1="800" y1="0" x2="800" y2="1000"/><line x1="900" y1="0" x2="900" y2="1000"/><line x1="1000" y1="0" x2="1000" y2="1000"/><line x1="1100" y1="0" x2="1100" y2="1000"/><line x1="1200" y1="0" x2="1200" y2="1000"/><line x1="1300" y1="0" x2="1300" y2="1000"/><line x1="1400" y1="0" x2="1400" y2="1000"/><line x1="1500" y1="0" x2="1500" y2="1000"/>
|
||||
<line x1="0" y1="0" x2="1600" y2="0"/><line x1="0" y1="100" x2="1600" y2="100"/><line x1="0" y1="200" x2="1600" y2="200"/><line x1="0" y1="300" x2="1600" y2="300"/><line x1="0" y1="400" x2="1600" y2="400"/><line x1="0" y1="500" x2="1600" y2="500"/><line x1="0" y1="600" x2="1600" y2="600"/><line x1="0" y1="700" x2="1600" y2="700"/><line x1="0" y1="800" x2="1600" y2="800"/><line x1="0" y1="900" x2="1600" y2="900"/>
|
||||
</g>
|
||||
<g>
|
||||
<rect x="80" y="70" width="1440" height="60" rx="14" fill="hsl(245 30% 18% / 0.4)" stroke="hsl(245 60% 60% / 0.25)"/>
|
||||
<circle cx="120" cy="100" r="9" fill="hsl(0 70% 60% / .7)"/>
|
||||
<circle cx="152" cy="100" r="9" fill="hsl(45 80% 60% / .7)"/>
|
||||
<circle cx="184" cy="100" r="9" fill="hsl(140 60% 55% / .7)"/>
|
||||
<rect x="240" y="88" width="420" height="24" rx="12" fill="hsl(245 30% 40% / 0.25)"/>
|
||||
</g>
|
||||
<path d="M 350 305 C 470 305, 470 215, 590 215" fill="none" stroke="url(#linesentinelagentsb)" stroke-width="4" opacity="0.7"/><path d="M 350 305 C 470 305, 470 405, 590 405" fill="none" stroke="url(#linesentinelagentsb)" stroke-width="4" opacity="0.7"/><path d="M 820 215 C 940 215, 940 305, 1060 305" fill="none" stroke="url(#linesentinelagentsb)" stroke-width="4" opacity="0.7"/><path d="M 820 405 C 940 405, 940 305, 1060 305" fill="none" stroke="url(#linesentinelagentsb)" stroke-width="4" opacity="0.7"/><path d="M 1290 305 C 1290 305, 1290 305, 1290 305" fill="none" stroke="url(#linesentinelagentsb)" stroke-width="4" opacity="0.7"/>
|
||||
<g><rect x="120" y="250" width="230" height="110" rx="18" fill="hsl(245 35% 14% / 0.7)" stroke="hsl(245 70% 62% / 0.5)"/><text x="235" y="312" text-anchor="middle" font-family="monospace" font-size="26" fill="hsl(245 70% 80%)">ingest</text></g>
|
||||
<g><rect x="590" y="160" width="230" height="110" rx="18" fill="hsl(245 35% 14% / 0.7)" stroke="hsl(245 70% 62% / 0.5)"/><text x="705" y="222" text-anchor="middle" font-family="monospace" font-size="26" fill="hsl(245 70% 80%)">embed</text></g>
|
||||
<g><rect x="590" y="350" width="230" height="110" rx="18" fill="hsl(245 35% 14% / 0.7)" stroke="hsl(245 70% 62% / 0.5)"/><text x="705" y="412" text-anchor="middle" font-family="monospace" font-size="26" fill="hsl(245 70% 80%)">retrieve</text></g>
|
||||
<g><rect x="1060" y="250" width="230" height="110" rx="18" fill="hsl(245 35% 14% / 0.7)" stroke="hsl(245 70% 62% / 0.5)"/><text x="1175" y="312" text-anchor="middle" font-family="monospace" font-size="26" fill="hsl(245 70% 80%)">rerank</text></g>
|
||||
<g><rect x="1300" y="250" width="230" height="110" rx="18" fill="hsl(245 35% 14% / 0.7)" stroke="hsl(245 70% 62% / 0.5)"/><text x="1415" y="312" text-anchor="middle" font-family="monospace" font-size="26" fill="hsl(245 70% 80%)">generate</text></g>
|
||||
<g opacity="0.5"><circle cx="260" cy="700" r="6" fill="hsl(245 90% 70%)"/><circle cx="460" cy="700" r="6" fill="hsl(245 90% 70%)"/><circle cx="660" cy="700" r="6" fill="hsl(245 90% 70%)"/><circle cx="860" cy="700" r="6" fill="hsl(245 90% 70%)"/><circle cx="1060" cy="700" r="6" fill="hsl(245 90% 70%)"/><circle cx="1260" cy="700" r="6" fill="hsl(245 90% 70%)"/></g></svg>
|
||||
|
After Width: | Height: | Size: 4.7 KiB |
@@ -0,0 +1,31 @@
|
||||
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 1600 1000" width="1600" height="1000">
|
||||
<defs>
|
||||
<radialGradient id="glowsentinelagentsc" cx="28%" cy="18%" r="90%">
|
||||
<stop offset="0%" stop-color="hsl(245 90% 62% / 0.55)"/>
|
||||
<stop offset="45%" stop-color="hsl(273 85% 55% / 0.18)"/>
|
||||
<stop offset="100%" stop-color="hsl(245 60% 8% / 0)"/>
|
||||
</radialGradient>
|
||||
<linearGradient id="bgsentinelagentsc" x1="0" y1="0" x2="1" y2="1">
|
||||
<stop offset="0%" stop-color="#04060f"/>
|
||||
<stop offset="100%" stop-color="#020308"/>
|
||||
</linearGradient>
|
||||
<linearGradient id="linesentinelagentsc" x1="0" y1="0" x2="1" y2="0">
|
||||
<stop offset="0%" stop-color="hsl(245 90% 65%)"/>
|
||||
<stop offset="100%" stop-color="hsl(285 90% 68%)"/>
|
||||
</linearGradient>
|
||||
</defs>
|
||||
<rect width="1600" height="1000" fill="url(#bgsentinelagentsc)"/>
|
||||
<rect width="1600" height="1000" fill="url(#glowsentinelagentsc)"/>
|
||||
<g stroke="hsl(245 40% 60% / 0.06)" stroke-width="1">
|
||||
<line x1="0" y1="0" x2="0" y2="1000"/><line x1="100" y1="0" x2="100" y2="1000"/><line x1="200" y1="0" x2="200" y2="1000"/><line x1="300" y1="0" x2="300" y2="1000"/><line x1="400" y1="0" x2="400" y2="1000"/><line x1="500" y1="0" x2="500" y2="1000"/><line x1="600" y1="0" x2="600" y2="1000"/><line x1="700" y1="0" x2="700" y2="1000"/><line x1="800" y1="0" x2="800" y2="1000"/><line x1="900" y1="0" x2="900" y2="1000"/><line x1="1000" y1="0" x2="1000" y2="1000"/><line x1="1100" y1="0" x2="1100" y2="1000"/><line x1="1200" y1="0" x2="1200" y2="1000"/><line x1="1300" y1="0" x2="1300" y2="1000"/><line x1="1400" y1="0" x2="1400" y2="1000"/><line x1="1500" y1="0" x2="1500" y2="1000"/>
|
||||
<line x1="0" y1="0" x2="1600" y2="0"/><line x1="0" y1="100" x2="1600" y2="100"/><line x1="0" y1="200" x2="1600" y2="200"/><line x1="0" y1="300" x2="1600" y2="300"/><line x1="0" y1="400" x2="1600" y2="400"/><line x1="0" y1="500" x2="1600" y2="500"/><line x1="0" y1="600" x2="1600" y2="600"/><line x1="0" y1="700" x2="1600" y2="700"/><line x1="0" y1="800" x2="1600" y2="800"/><line x1="0" y1="900" x2="1600" y2="900"/>
|
||||
</g>
|
||||
<g transform="translate(560 120)">
|
||||
<rect width="480" height="780" rx="56" fill="hsl(245 30% 10% / 0.9)" stroke="hsl(245 60% 60% / 0.35)" stroke-width="3"/>
|
||||
<rect x="22" y="22" width="436" height="736" rx="40" fill="#04060f"/>
|
||||
<rect x="180" y="40" width="120" height="22" rx="11" fill="hsl(245 30% 25%)"/>
|
||||
<circle cx="240" cy="230" r="86" fill="none" stroke="url(#linesentinelagentsc)" stroke-width="10"/>
|
||||
<circle cx="240" cy="230" r="56" fill="hsl(245 80% 60% / 0.18)"/>
|
||||
<rect x="70" y="380" width="340" height="46" rx="14" fill="hsl(245 35% 18% / 0.8)"/><rect x="70" y="460" width="300" height="46" rx="14" fill="hsl(245 35% 18% / 0.8)"/><rect x="70" y="540" width="260" height="46" rx="14" fill="hsl(245 35% 18% / 0.8)"/><rect x="70" y="620" width="220" height="46" rx="14" fill="hsl(245 35% 18% / 0.8)"/>
|
||||
<rect x="70" y="700" width="340" height="56" rx="18" fill="url(#linesentinelagentsc)"/>
|
||||
</g></svg>
|
||||
|
After Width: | Height: | Size: 3.0 KiB |
@@ -0,0 +1,36 @@
|
||||
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 1600 1000" width="1600" height="1000">
|
||||
<defs>
|
||||
<radialGradient id="glowsentinelagents" cx="28%" cy="18%" r="90%">
|
||||
<stop offset="0%" stop-color="hsl(245 90% 62% / 0.55)"/>
|
||||
<stop offset="45%" stop-color="hsl(273 85% 55% / 0.18)"/>
|
||||
<stop offset="100%" stop-color="hsl(245 60% 8% / 0)"/>
|
||||
</radialGradient>
|
||||
<linearGradient id="bgsentinelagents" x1="0" y1="0" x2="1" y2="1">
|
||||
<stop offset="0%" stop-color="#04060f"/>
|
||||
<stop offset="100%" stop-color="#020308"/>
|
||||
</linearGradient>
|
||||
<linearGradient id="linesentinelagents" x1="0" y1="0" x2="1" y2="0">
|
||||
<stop offset="0%" stop-color="hsl(245 90% 65%)"/>
|
||||
<stop offset="100%" stop-color="hsl(285 90% 68%)"/>
|
||||
</linearGradient>
|
||||
</defs>
|
||||
<rect width="1600" height="1000" fill="url(#bgsentinelagents)"/>
|
||||
<rect width="1600" height="1000" fill="url(#glowsentinelagents)"/>
|
||||
<g stroke="hsl(245 40% 60% / 0.06)" stroke-width="1">
|
||||
<line x1="0" y1="0" x2="0" y2="1000"/><line x1="100" y1="0" x2="100" y2="1000"/><line x1="200" y1="0" x2="200" y2="1000"/><line x1="300" y1="0" x2="300" y2="1000"/><line x1="400" y1="0" x2="400" y2="1000"/><line x1="500" y1="0" x2="500" y2="1000"/><line x1="600" y1="0" x2="600" y2="1000"/><line x1="700" y1="0" x2="700" y2="1000"/><line x1="800" y1="0" x2="800" y2="1000"/><line x1="900" y1="0" x2="900" y2="1000"/><line x1="1000" y1="0" x2="1000" y2="1000"/><line x1="1100" y1="0" x2="1100" y2="1000"/><line x1="1200" y1="0" x2="1200" y2="1000"/><line x1="1300" y1="0" x2="1300" y2="1000"/><line x1="1400" y1="0" x2="1400" y2="1000"/><line x1="1500" y1="0" x2="1500" y2="1000"/>
|
||||
<line x1="0" y1="0" x2="1600" y2="0"/><line x1="0" y1="100" x2="1600" y2="100"/><line x1="0" y1="200" x2="1600" y2="200"/><line x1="0" y1="300" x2="1600" y2="300"/><line x1="0" y1="400" x2="1600" y2="400"/><line x1="0" y1="500" x2="1600" y2="500"/><line x1="0" y1="600" x2="1600" y2="600"/><line x1="0" y1="700" x2="1600" y2="700"/><line x1="0" y1="800" x2="1600" y2="800"/><line x1="0" y1="900" x2="1600" y2="900"/>
|
||||
</g>
|
||||
<g>
|
||||
<rect x="80" y="70" width="1440" height="60" rx="14" fill="hsl(245 30% 18% / 0.4)" stroke="hsl(245 60% 60% / 0.25)"/>
|
||||
<circle cx="120" cy="100" r="9" fill="hsl(0 70% 60% / .7)"/>
|
||||
<circle cx="152" cy="100" r="9" fill="hsl(45 80% 60% / .7)"/>
|
||||
<circle cx="184" cy="100" r="9" fill="hsl(140 60% 55% / .7)"/>
|
||||
<rect x="240" y="88" width="420" height="24" rx="12" fill="hsl(245 30% 40% / 0.25)"/>
|
||||
</g>
|
||||
<rect x="120" y="200" width="700" height="560" rx="20" fill="hsl(245 30% 12% / 0.5)" stroke="hsl(245 60% 60% / 0.16)"/>
|
||||
<text x="160" y="270" font-family="monospace" font-size="30" fill="hsl(245 70% 75%)">throughput / day</text>
|
||||
<rect x="180" y="680" width="54" height="80" rx="8" fill="url(#linesentinelagents)" opacity="0.5"/><rect x="276" y="627" width="54" height="133" rx="8" fill="url(#linesentinelagents)" opacity="0.66"/><rect x="372" y="574" width="54" height="186" rx="8" fill="url(#linesentinelagents)" opacity="0.8200000000000001"/><rect x="468" y="521" width="54" height="239" rx="8" fill="url(#linesentinelagents)" opacity="0.5"/><rect x="564" y="468" width="54" height="292" rx="8" fill="url(#linesentinelagents)" opacity="0.66"/><rect x="660" y="675" width="54" height="85" rx="8" fill="url(#linesentinelagents)" opacity="0.8200000000000001"/><rect x="756" y="622" width="54" height="138" rx="8" fill="url(#linesentinelagents)" opacity="0.5"/><rect x="852" y="569" width="54" height="191" rx="8" fill="url(#linesentinelagents)" opacity="0.66"/><rect x="948" y="516" width="54" height="244" rx="8" fill="url(#linesentinelagents)" opacity="0.8200000000000001"/>
|
||||
<rect x="880" y="200" width="600" height="560" rx="20" fill="hsl(245 30% 12% / 0.5)" stroke="hsl(245 60% 60% / 0.16)"/>
|
||||
<path d="M 1050 620 L 1050 620 L 1104 535.3906523385778 L 1158 489.21163083534515 L 1212 501.10554730457 L 1266 562.3244720582771 L 1320 640.00659821042 L 1374 693.2416333172939 L 1428 693.0709129595766 L 1482 636.6446346063387" fill="none" stroke="url(#linesentinelagents)" stroke-width="6" stroke-linecap="round"/>
|
||||
<circle cx="1482" cy="636.6446346063387" r="12" fill="hsl(245 90% 70%)"/>
|
||||
<text x="920" y="270" font-family="monospace" font-size="30" fill="hsl(245 70% 75%)">latency p95</text></svg>
|
||||
|
After Width: | Height: | Size: 4.2 KiB |
@@ -0,0 +1,36 @@
|
||||
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 1600 1000" width="1600" height="1000">
|
||||
<defs>
|
||||
<radialGradient id="glowvertexvisiona" cx="28%" cy="18%" r="90%">
|
||||
<stop offset="0%" stop-color="hsl(187 90% 62% / 0.55)"/>
|
||||
<stop offset="45%" stop-color="hsl(215 85% 55% / 0.18)"/>
|
||||
<stop offset="100%" stop-color="hsl(187 60% 8% / 0)"/>
|
||||
</radialGradient>
|
||||
<linearGradient id="bgvertexvisiona" x1="0" y1="0" x2="1" y2="1">
|
||||
<stop offset="0%" stop-color="#04060f"/>
|
||||
<stop offset="100%" stop-color="#020308"/>
|
||||
</linearGradient>
|
||||
<linearGradient id="linevertexvisiona" x1="0" y1="0" x2="1" y2="0">
|
||||
<stop offset="0%" stop-color="hsl(187 90% 65%)"/>
|
||||
<stop offset="100%" stop-color="hsl(227 90% 68%)"/>
|
||||
</linearGradient>
|
||||
</defs>
|
||||
<rect width="1600" height="1000" fill="url(#bgvertexvisiona)"/>
|
||||
<rect width="1600" height="1000" fill="url(#glowvertexvisiona)"/>
|
||||
<g stroke="hsl(187 40% 60% / 0.06)" stroke-width="1">
|
||||
<line x1="0" y1="0" x2="0" y2="1000"/><line x1="100" y1="0" x2="100" y2="1000"/><line x1="200" y1="0" x2="200" y2="1000"/><line x1="300" y1="0" x2="300" y2="1000"/><line x1="400" y1="0" x2="400" y2="1000"/><line x1="500" y1="0" x2="500" y2="1000"/><line x1="600" y1="0" x2="600" y2="1000"/><line x1="700" y1="0" x2="700" y2="1000"/><line x1="800" y1="0" x2="800" y2="1000"/><line x1="900" y1="0" x2="900" y2="1000"/><line x1="1000" y1="0" x2="1000" y2="1000"/><line x1="1100" y1="0" x2="1100" y2="1000"/><line x1="1200" y1="0" x2="1200" y2="1000"/><line x1="1300" y1="0" x2="1300" y2="1000"/><line x1="1400" y1="0" x2="1400" y2="1000"/><line x1="1500" y1="0" x2="1500" y2="1000"/>
|
||||
<line x1="0" y1="0" x2="1600" y2="0"/><line x1="0" y1="100" x2="1600" y2="100"/><line x1="0" y1="200" x2="1600" y2="200"/><line x1="0" y1="300" x2="1600" y2="300"/><line x1="0" y1="400" x2="1600" y2="400"/><line x1="0" y1="500" x2="1600" y2="500"/><line x1="0" y1="600" x2="1600" y2="600"/><line x1="0" y1="700" x2="1600" y2="700"/><line x1="0" y1="800" x2="1600" y2="800"/><line x1="0" y1="900" x2="1600" y2="900"/>
|
||||
</g>
|
||||
<g>
|
||||
<rect x="80" y="70" width="1440" height="60" rx="14" fill="hsl(187 30% 18% / 0.4)" stroke="hsl(187 60% 60% / 0.25)"/>
|
||||
<circle cx="120" cy="100" r="9" fill="hsl(0 70% 60% / .7)"/>
|
||||
<circle cx="152" cy="100" r="9" fill="hsl(45 80% 60% / .7)"/>
|
||||
<circle cx="184" cy="100" r="9" fill="hsl(140 60% 55% / .7)"/>
|
||||
<rect x="240" y="88" width="420" height="24" rx="12" fill="hsl(187 30% 40% / 0.25)"/>
|
||||
</g>
|
||||
<rect x="120" y="200" width="700" height="560" rx="20" fill="hsl(187 30% 12% / 0.5)" stroke="hsl(187 60% 60% / 0.16)"/>
|
||||
<text x="160" y="270" font-family="monospace" font-size="30" fill="hsl(187 70% 75%)">throughput / day</text>
|
||||
<rect x="180" y="680" width="54" height="80" rx="8" fill="url(#linevertexvisiona)" opacity="0.5"/><rect x="276" y="627" width="54" height="133" rx="8" fill="url(#linevertexvisiona)" opacity="0.66"/><rect x="372" y="574" width="54" height="186" rx="8" fill="url(#linevertexvisiona)" opacity="0.8200000000000001"/><rect x="468" y="521" width="54" height="239" rx="8" fill="url(#linevertexvisiona)" opacity="0.5"/><rect x="564" y="468" width="54" height="292" rx="8" fill="url(#linevertexvisiona)" opacity="0.66"/><rect x="660" y="675" width="54" height="85" rx="8" fill="url(#linevertexvisiona)" opacity="0.8200000000000001"/><rect x="756" y="622" width="54" height="138" rx="8" fill="url(#linevertexvisiona)" opacity="0.5"/><rect x="852" y="569" width="54" height="191" rx="8" fill="url(#linevertexvisiona)" opacity="0.66"/><rect x="948" y="516" width="54" height="244" rx="8" fill="url(#linevertexvisiona)" opacity="0.8200000000000001"/>
|
||||
<rect x="880" y="200" width="600" height="560" rx="20" fill="hsl(187 30% 12% / 0.5)" stroke="hsl(187 60% 60% / 0.16)"/>
|
||||
<path d="M 1050 620 L 1050 620 L 1104 535.3906523385778 L 1158 489.21163083534515 L 1212 501.10554730457 L 1266 562.3244720582771 L 1320 640.00659821042 L 1374 693.2416333172939 L 1428 693.0709129595766 L 1482 636.6446346063387" fill="none" stroke="url(#linevertexvisiona)" stroke-width="6" stroke-linecap="round"/>
|
||||
<circle cx="1482" cy="636.6446346063387" r="12" fill="hsl(187 90% 70%)"/>
|
||||
<text x="920" y="270" font-family="monospace" font-size="30" fill="hsl(187 70% 75%)">latency p95</text></svg>
|
||||
|
After Width: | Height: | Size: 4.2 KiB |
@@ -0,0 +1,36 @@
|
||||
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 1600 1000" width="1600" height="1000">
|
||||
<defs>
|
||||
<radialGradient id="glowvertexvisionb" cx="28%" cy="18%" r="90%">
|
||||
<stop offset="0%" stop-color="hsl(187 90% 62% / 0.55)"/>
|
||||
<stop offset="45%" stop-color="hsl(215 85% 55% / 0.18)"/>
|
||||
<stop offset="100%" stop-color="hsl(187 60% 8% / 0)"/>
|
||||
</radialGradient>
|
||||
<linearGradient id="bgvertexvisionb" x1="0" y1="0" x2="1" y2="1">
|
||||
<stop offset="0%" stop-color="#04060f"/>
|
||||
<stop offset="100%" stop-color="#020308"/>
|
||||
</linearGradient>
|
||||
<linearGradient id="linevertexvisionb" x1="0" y1="0" x2="1" y2="0">
|
||||
<stop offset="0%" stop-color="hsl(187 90% 65%)"/>
|
||||
<stop offset="100%" stop-color="hsl(227 90% 68%)"/>
|
||||
</linearGradient>
|
||||
</defs>
|
||||
<rect width="1600" height="1000" fill="url(#bgvertexvisionb)"/>
|
||||
<rect width="1600" height="1000" fill="url(#glowvertexvisionb)"/>
|
||||
<g stroke="hsl(187 40% 60% / 0.06)" stroke-width="1">
|
||||
<line x1="0" y1="0" x2="0" y2="1000"/><line x1="100" y1="0" x2="100" y2="1000"/><line x1="200" y1="0" x2="200" y2="1000"/><line x1="300" y1="0" x2="300" y2="1000"/><line x1="400" y1="0" x2="400" y2="1000"/><line x1="500" y1="0" x2="500" y2="1000"/><line x1="600" y1="0" x2="600" y2="1000"/><line x1="700" y1="0" x2="700" y2="1000"/><line x1="800" y1="0" x2="800" y2="1000"/><line x1="900" y1="0" x2="900" y2="1000"/><line x1="1000" y1="0" x2="1000" y2="1000"/><line x1="1100" y1="0" x2="1100" y2="1000"/><line x1="1200" y1="0" x2="1200" y2="1000"/><line x1="1300" y1="0" x2="1300" y2="1000"/><line x1="1400" y1="0" x2="1400" y2="1000"/><line x1="1500" y1="0" x2="1500" y2="1000"/>
|
||||
<line x1="0" y1="0" x2="1600" y2="0"/><line x1="0" y1="100" x2="1600" y2="100"/><line x1="0" y1="200" x2="1600" y2="200"/><line x1="0" y1="300" x2="1600" y2="300"/><line x1="0" y1="400" x2="1600" y2="400"/><line x1="0" y1="500" x2="1600" y2="500"/><line x1="0" y1="600" x2="1600" y2="600"/><line x1="0" y1="700" x2="1600" y2="700"/><line x1="0" y1="800" x2="1600" y2="800"/><line x1="0" y1="900" x2="1600" y2="900"/>
|
||||
</g>
|
||||
<g>
|
||||
<rect x="80" y="70" width="1440" height="60" rx="14" fill="hsl(187 30% 18% / 0.4)" stroke="hsl(187 60% 60% / 0.25)"/>
|
||||
<circle cx="120" cy="100" r="9" fill="hsl(0 70% 60% / .7)"/>
|
||||
<circle cx="152" cy="100" r="9" fill="hsl(45 80% 60% / .7)"/>
|
||||
<circle cx="184" cy="100" r="9" fill="hsl(140 60% 55% / .7)"/>
|
||||
<rect x="240" y="88" width="420" height="24" rx="12" fill="hsl(187 30% 40% / 0.25)"/>
|
||||
</g>
|
||||
<path d="M 350 305 C 470 305, 470 215, 590 215" fill="none" stroke="url(#linevertexvisionb)" stroke-width="4" opacity="0.7"/><path d="M 350 305 C 470 305, 470 405, 590 405" fill="none" stroke="url(#linevertexvisionb)" stroke-width="4" opacity="0.7"/><path d="M 820 215 C 940 215, 940 305, 1060 305" fill="none" stroke="url(#linevertexvisionb)" stroke-width="4" opacity="0.7"/><path d="M 820 405 C 940 405, 940 305, 1060 305" fill="none" stroke="url(#linevertexvisionb)" stroke-width="4" opacity="0.7"/><path d="M 1290 305 C 1290 305, 1290 305, 1290 305" fill="none" stroke="url(#linevertexvisionb)" stroke-width="4" opacity="0.7"/>
|
||||
<g><rect x="120" y="250" width="230" height="110" rx="18" fill="hsl(187 35% 14% / 0.7)" stroke="hsl(187 70% 62% / 0.5)"/><text x="235" y="312" text-anchor="middle" font-family="monospace" font-size="26" fill="hsl(187 70% 80%)">ingest</text></g>
|
||||
<g><rect x="590" y="160" width="230" height="110" rx="18" fill="hsl(187 35% 14% / 0.7)" stroke="hsl(187 70% 62% / 0.5)"/><text x="705" y="222" text-anchor="middle" font-family="monospace" font-size="26" fill="hsl(187 70% 80%)">embed</text></g>
|
||||
<g><rect x="590" y="350" width="230" height="110" rx="18" fill="hsl(187 35% 14% / 0.7)" stroke="hsl(187 70% 62% / 0.5)"/><text x="705" y="412" text-anchor="middle" font-family="monospace" font-size="26" fill="hsl(187 70% 80%)">retrieve</text></g>
|
||||
<g><rect x="1060" y="250" width="230" height="110" rx="18" fill="hsl(187 35% 14% / 0.7)" stroke="hsl(187 70% 62% / 0.5)"/><text x="1175" y="312" text-anchor="middle" font-family="monospace" font-size="26" fill="hsl(187 70% 80%)">rerank</text></g>
|
||||
<g><rect x="1300" y="250" width="230" height="110" rx="18" fill="hsl(187 35% 14% / 0.7)" stroke="hsl(187 70% 62% / 0.5)"/><text x="1415" y="312" text-anchor="middle" font-family="monospace" font-size="26" fill="hsl(187 70% 80%)">generate</text></g>
|
||||
<g opacity="0.5"><circle cx="260" cy="700" r="6" fill="hsl(187 90% 70%)"/><circle cx="460" cy="700" r="6" fill="hsl(187 90% 70%)"/><circle cx="660" cy="700" r="6" fill="hsl(187 90% 70%)"/><circle cx="860" cy="700" r="6" fill="hsl(187 90% 70%)"/><circle cx="1060" cy="700" r="6" fill="hsl(187 90% 70%)"/><circle cx="1260" cy="700" r="6" fill="hsl(187 90% 70%)"/></g></svg>
|
||||
|
After Width: | Height: | Size: 4.7 KiB |
@@ -0,0 +1,31 @@
|
||||
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 1600 1000" width="1600" height="1000">
|
||||
<defs>
|
||||
<radialGradient id="glowvertexvisionc" cx="28%" cy="18%" r="90%">
|
||||
<stop offset="0%" stop-color="hsl(187 90% 62% / 0.55)"/>
|
||||
<stop offset="45%" stop-color="hsl(215 85% 55% / 0.18)"/>
|
||||
<stop offset="100%" stop-color="hsl(187 60% 8% / 0)"/>
|
||||
</radialGradient>
|
||||
<linearGradient id="bgvertexvisionc" x1="0" y1="0" x2="1" y2="1">
|
||||
<stop offset="0%" stop-color="#04060f"/>
|
||||
<stop offset="100%" stop-color="#020308"/>
|
||||
</linearGradient>
|
||||
<linearGradient id="linevertexvisionc" x1="0" y1="0" x2="1" y2="0">
|
||||
<stop offset="0%" stop-color="hsl(187 90% 65%)"/>
|
||||
<stop offset="100%" stop-color="hsl(227 90% 68%)"/>
|
||||
</linearGradient>
|
||||
</defs>
|
||||
<rect width="1600" height="1000" fill="url(#bgvertexvisionc)"/>
|
||||
<rect width="1600" height="1000" fill="url(#glowvertexvisionc)"/>
|
||||
<g stroke="hsl(187 40% 60% / 0.06)" stroke-width="1">
|
||||
<line x1="0" y1="0" x2="0" y2="1000"/><line x1="100" y1="0" x2="100" y2="1000"/><line x1="200" y1="0" x2="200" y2="1000"/><line x1="300" y1="0" x2="300" y2="1000"/><line x1="400" y1="0" x2="400" y2="1000"/><line x1="500" y1="0" x2="500" y2="1000"/><line x1="600" y1="0" x2="600" y2="1000"/><line x1="700" y1="0" x2="700" y2="1000"/><line x1="800" y1="0" x2="800" y2="1000"/><line x1="900" y1="0" x2="900" y2="1000"/><line x1="1000" y1="0" x2="1000" y2="1000"/><line x1="1100" y1="0" x2="1100" y2="1000"/><line x1="1200" y1="0" x2="1200" y2="1000"/><line x1="1300" y1="0" x2="1300" y2="1000"/><line x1="1400" y1="0" x2="1400" y2="1000"/><line x1="1500" y1="0" x2="1500" y2="1000"/>
|
||||
<line x1="0" y1="0" x2="1600" y2="0"/><line x1="0" y1="100" x2="1600" y2="100"/><line x1="0" y1="200" x2="1600" y2="200"/><line x1="0" y1="300" x2="1600" y2="300"/><line x1="0" y1="400" x2="1600" y2="400"/><line x1="0" y1="500" x2="1600" y2="500"/><line x1="0" y1="600" x2="1600" y2="600"/><line x1="0" y1="700" x2="1600" y2="700"/><line x1="0" y1="800" x2="1600" y2="800"/><line x1="0" y1="900" x2="1600" y2="900"/>
|
||||
</g>
|
||||
<g transform="translate(560 120)">
|
||||
<rect width="480" height="780" rx="56" fill="hsl(187 30% 10% / 0.9)" stroke="hsl(187 60% 60% / 0.35)" stroke-width="3"/>
|
||||
<rect x="22" y="22" width="436" height="736" rx="40" fill="#04060f"/>
|
||||
<rect x="180" y="40" width="120" height="22" rx="11" fill="hsl(187 30% 25%)"/>
|
||||
<circle cx="240" cy="230" r="86" fill="none" stroke="url(#linevertexvisionc)" stroke-width="10"/>
|
||||
<circle cx="240" cy="230" r="56" fill="hsl(187 80% 60% / 0.18)"/>
|
||||
<rect x="70" y="380" width="340" height="46" rx="14" fill="hsl(187 35% 18% / 0.8)"/><rect x="70" y="460" width="300" height="46" rx="14" fill="hsl(187 35% 18% / 0.8)"/><rect x="70" y="540" width="260" height="46" rx="14" fill="hsl(187 35% 18% / 0.8)"/><rect x="70" y="620" width="220" height="46" rx="14" fill="hsl(187 35% 18% / 0.8)"/>
|
||||
<rect x="70" y="700" width="340" height="56" rx="18" fill="url(#linevertexvisionc)"/>
|
||||
</g></svg>
|
||||
|
After Width: | Height: | Size: 3.0 KiB |
@@ -0,0 +1,36 @@
|
||||
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 1600 1000" width="1600" height="1000">
|
||||
<defs>
|
||||
<radialGradient id="glowvertexvision" cx="28%" cy="18%" r="90%">
|
||||
<stop offset="0%" stop-color="hsl(187 90% 62% / 0.55)"/>
|
||||
<stop offset="45%" stop-color="hsl(215 85% 55% / 0.18)"/>
|
||||
<stop offset="100%" stop-color="hsl(187 60% 8% / 0)"/>
|
||||
</radialGradient>
|
||||
<linearGradient id="bgvertexvision" x1="0" y1="0" x2="1" y2="1">
|
||||
<stop offset="0%" stop-color="#04060f"/>
|
||||
<stop offset="100%" stop-color="#020308"/>
|
||||
</linearGradient>
|
||||
<linearGradient id="linevertexvision" x1="0" y1="0" x2="1" y2="0">
|
||||
<stop offset="0%" stop-color="hsl(187 90% 65%)"/>
|
||||
<stop offset="100%" stop-color="hsl(227 90% 68%)"/>
|
||||
</linearGradient>
|
||||
</defs>
|
||||
<rect width="1600" height="1000" fill="url(#bgvertexvision)"/>
|
||||
<rect width="1600" height="1000" fill="url(#glowvertexvision)"/>
|
||||
<g stroke="hsl(187 40% 60% / 0.06)" stroke-width="1">
|
||||
<line x1="0" y1="0" x2="0" y2="1000"/><line x1="100" y1="0" x2="100" y2="1000"/><line x1="200" y1="0" x2="200" y2="1000"/><line x1="300" y1="0" x2="300" y2="1000"/><line x1="400" y1="0" x2="400" y2="1000"/><line x1="500" y1="0" x2="500" y2="1000"/><line x1="600" y1="0" x2="600" y2="1000"/><line x1="700" y1="0" x2="700" y2="1000"/><line x1="800" y1="0" x2="800" y2="1000"/><line x1="900" y1="0" x2="900" y2="1000"/><line x1="1000" y1="0" x2="1000" y2="1000"/><line x1="1100" y1="0" x2="1100" y2="1000"/><line x1="1200" y1="0" x2="1200" y2="1000"/><line x1="1300" y1="0" x2="1300" y2="1000"/><line x1="1400" y1="0" x2="1400" y2="1000"/><line x1="1500" y1="0" x2="1500" y2="1000"/>
|
||||
<line x1="0" y1="0" x2="1600" y2="0"/><line x1="0" y1="100" x2="1600" y2="100"/><line x1="0" y1="200" x2="1600" y2="200"/><line x1="0" y1="300" x2="1600" y2="300"/><line x1="0" y1="400" x2="1600" y2="400"/><line x1="0" y1="500" x2="1600" y2="500"/><line x1="0" y1="600" x2="1600" y2="600"/><line x1="0" y1="700" x2="1600" y2="700"/><line x1="0" y1="800" x2="1600" y2="800"/><line x1="0" y1="900" x2="1600" y2="900"/>
|
||||
</g>
|
||||
<g>
|
||||
<rect x="80" y="70" width="1440" height="60" rx="14" fill="hsl(187 30% 18% / 0.4)" stroke="hsl(187 60% 60% / 0.25)"/>
|
||||
<circle cx="120" cy="100" r="9" fill="hsl(0 70% 60% / .7)"/>
|
||||
<circle cx="152" cy="100" r="9" fill="hsl(45 80% 60% / .7)"/>
|
||||
<circle cx="184" cy="100" r="9" fill="hsl(140 60% 55% / .7)"/>
|
||||
<rect x="240" y="88" width="420" height="24" rx="12" fill="hsl(187 30% 40% / 0.25)"/>
|
||||
</g>
|
||||
<rect x="120" y="200" width="700" height="560" rx="20" fill="hsl(187 30% 12% / 0.5)" stroke="hsl(187 60% 60% / 0.16)"/>
|
||||
<text x="160" y="270" font-family="monospace" font-size="30" fill="hsl(187 70% 75%)">throughput / day</text>
|
||||
<rect x="180" y="680" width="54" height="80" rx="8" fill="url(#linevertexvision)" opacity="0.5"/><rect x="276" y="627" width="54" height="133" rx="8" fill="url(#linevertexvision)" opacity="0.66"/><rect x="372" y="574" width="54" height="186" rx="8" fill="url(#linevertexvision)" opacity="0.8200000000000001"/><rect x="468" y="521" width="54" height="239" rx="8" fill="url(#linevertexvision)" opacity="0.5"/><rect x="564" y="468" width="54" height="292" rx="8" fill="url(#linevertexvision)" opacity="0.66"/><rect x="660" y="675" width="54" height="85" rx="8" fill="url(#linevertexvision)" opacity="0.8200000000000001"/><rect x="756" y="622" width="54" height="138" rx="8" fill="url(#linevertexvision)" opacity="0.5"/><rect x="852" y="569" width="54" height="191" rx="8" fill="url(#linevertexvision)" opacity="0.66"/><rect x="948" y="516" width="54" height="244" rx="8" fill="url(#linevertexvision)" opacity="0.8200000000000001"/>
|
||||
<rect x="880" y="200" width="600" height="560" rx="20" fill="hsl(187 30% 12% / 0.5)" stroke="hsl(187 60% 60% / 0.16)"/>
|
||||
<path d="M 1050 620 L 1050 620 L 1104 535.3906523385778 L 1158 489.21163083534515 L 1212 501.10554730457 L 1266 562.3244720582771 L 1320 640.00659821042 L 1374 693.2416333172939 L 1428 693.0709129595766 L 1482 636.6446346063387" fill="none" stroke="url(#linevertexvision)" stroke-width="6" stroke-linecap="round"/>
|
||||
<circle cx="1482" cy="636.6446346063387" r="12" fill="hsl(187 90% 70%)"/>
|
||||
<text x="920" y="270" font-family="monospace" font-size="30" fill="hsl(187 70% 75%)">latency p95</text></svg>
|
||||
|
After Width: | Height: | Size: 4.2 KiB |
Reference in New Issue
Block a user