soroush.asadi
36 lines
4.2 KiB
XML
36 lines
4.2 KiB
XML
<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> |