Files
softspm_www/assets/img/kurs-scada.svg
T
2026-09-03 10:39:26 +02:00

65 lines
3.4 KiB
XML

<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 480 270" role="img" aria-labelledby="t-scada">
<title id="t-scada">Monitoring sieci i SCADA - pulpit dyspozytorski z obiektami, trendem i alarmem</title>
<defs><pattern id="g-scada" width="18" height="18" patternUnits="userSpaceOnUse">
<path d="M18 0H0v18" fill="none" stroke="#5980a6" stroke-opacity=".13" stroke-width="1"/></pattern>
<marker id="sc-arr" viewBox="0 0 10 10" refX="9" refY="5" markerWidth="6" markerHeight="6" orient="auto-start-reverse">
<path d="M0 0 10 5 0 10z" fill="#5980a6"/></marker></defs>
<rect width="480" height="270" fill="#eaeef2"/>
<rect width="480" height="270" fill="url(#g-scada)"/>
<g stroke="#1d1f20" stroke-width="1" opacity=".4">
<path d="M22 14v14M15 21h14"/><path d="M458 14v14M451 21h14"/>
<path d="M22 242v14M15 249h14"/><path d="M458 242v14M451 249h14"/></g>
<text x="44" y="252" fill="#416180" font-family="'Barlow Condensed','Arial Narrow',sans-serif"
font-size="11" textLength="196" lengthAdjust="spacingAndGlyphs" opacity=".7">ŚCIEŻKA · SCADA I MONITORING</text>
<!-- pulpit dyspozytorski -->
<g stroke="#416180" stroke-width="1.5" fill="none">
<rect x="40" y="46" width="400" height="150" fill="#f2f2f3"/>
<path d="M40 70h400"/>
</g>
<rect x="40" y="46" width="400" height="24" fill="#5980a6" fill-opacity=".2"/>
<text x="52" y="63" fill="#416180" font-family="'Barlow Condensed','Arial Narrow',sans-serif"
font-size="11" textLength="88" lengthAdjust="spacingAndGlyphs">PULPIT SIECI</text>
<!-- wskaznik ALARM -->
<rect x="376" y="52" width="52" height="14" fill="#1d2d3d"/>
<circle cx="386" cy="59" r="3" fill="#f2f2f3"/>
<text x="394" y="63" fill="#f2f2f3" font-family="'Barlow Condensed','Arial Narrow',sans-serif"
font-size="9.5" textLength="28" lengthAdjust="spacingAndGlyphs">ALARM</text>
<!-- schemat sieci: obiekty polaczone rurociagiem -->
<g stroke="#5980a6" stroke-width="1.8" fill="none">
<path d="M74 118 H150" marker-end="url(#sc-arr)"/>
<path d="M186 118 H262" marker-end="url(#sc-arr)"/>
<path d="M298 118 H374" marker-end="url(#sc-arr)"/>
</g>
<g stroke="#416180" stroke-width="1.5" fill="#f2f2f3">
<rect x="52" y="102" width="26" height="32"/>
<rect x="160" y="102" width="26" height="32"/>
<rect x="272" y="102" width="26" height="32"/>
<rect x="384" y="102" width="26" height="32"/>
</g>
<g fill="#5980a6" fill-opacity=".45">
<rect x="57" y="107" width="16" height="22"/>
<rect x="165" y="107" width="16" height="22"/>
<rect x="277" y="107" width="16" height="22"/>
</g>
<!-- obiekt w stanie alarmowym -->
<rect x="389" y="107" width="16" height="22" fill="#1d2d3d"/>
<!-- trend pomiarowy pod schematem -->
<g stroke="#5980a6" stroke-width="1.6" fill="none">
<path d="M56 178 96 160 130 168 168 148 206 156 244 138 282 150 320 132 358 142 400 124"/>
</g>
<path d="M56 186h348" stroke="#416180" stroke-width="1.2" stroke-opacity=".45" fill="none"/>
<!-- podpisy obiektow -->
<g fill="#416180" font-family="'Barlow Condensed','Arial Narrow',sans-serif" font-size="9.5"
text-anchor="middle" opacity=".7">
<text x="65" y="214" textLength="30" lengthAdjust="spacingAndGlyphs">UJĘCIE</text>
<text x="173" y="214" textLength="24" lengthAdjust="spacingAndGlyphs">SUW</text>
<text x="285" y="214" textLength="34" lengthAdjust="spacingAndGlyphs">ZBIORNIK</text>
<text x="397" y="214" textLength="30" lengthAdjust="spacingAndGlyphs">SIEĆ</text>
</g>
</svg>