Deployed 2536c93 with MkDocs version: 1.6.1
This commit is contained in:
@@ -0,0 +1,60 @@
|
||||
<svg width="700" height="240" xmlns="http://www.w3.org/2000/svg">
|
||||
<text x="350" y="22" fill="#333" font-size="14" font-weight="bold" text-anchor="middle">Semantic Segmentation: Per-Pixel Classification</text>
|
||||
|
||||
<!-- Input image (street scene) -->
|
||||
<text x="160" y="48" fill="#666" font-size="11" text-anchor="middle">Input Image</text>
|
||||
<rect x="30" y="55" width="260" height="140" rx="4" fill="#ddd" stroke="#999" stroke-width="1.5"/>
|
||||
<!-- Sky -->
|
||||
<rect x="34" y="59" width="252" height="50" fill="#85C1E9" opacity="0.5"/>
|
||||
<!-- Buildings -->
|
||||
<rect x="34" y="85" width="60" height="60" fill="#7f8c8d" opacity="0.4"/>
|
||||
<rect x="200" y="75" width="86" height="70" fill="#7f8c8d" opacity="0.35"/>
|
||||
<!-- Road -->
|
||||
<rect x="34" y="145" width="252" height="46" fill="#555" opacity="0.3"/>
|
||||
<!-- Car -->
|
||||
<rect x="110" y="120" width="60" height="30" rx="4" fill="#2c3e50" opacity="0.4"/>
|
||||
<!-- Person -->
|
||||
<ellipse cx="170" cy="125" rx="8" ry="8" fill="#f5cba7" opacity="0.5"/>
|
||||
<rect x="162" y="133" width="16" height="20" fill="#2c3e50" opacity="0.3"/>
|
||||
<!-- Tree -->
|
||||
<polygon points="100,90 85,120 115,120" fill="#27ae60" opacity="0.3"/>
|
||||
|
||||
<!-- Arrow -->
|
||||
<text x="340" y="120" fill="#333" font-size="18" text-anchor="middle">→</text>
|
||||
<text x="340" y="140" fill="#666" font-size="9" text-anchor="middle">segmentation</text>
|
||||
<text x="340" y="152" fill="#666" font-size="9" text-anchor="middle">model</text>
|
||||
|
||||
<!-- Segmentation output -->
|
||||
<text x="530" y="48" fill="#666" font-size="11" text-anchor="middle">Segmentation Map</text>
|
||||
<rect x="400" y="55" width="260" height="140" rx="4" fill="#fff" stroke="#999" stroke-width="1.5"/>
|
||||
<!-- Sky (blue) -->
|
||||
<rect x="404" y="59" width="252" height="50" fill="#3498db" opacity="0.4"/>
|
||||
<!-- Buildings (grey) -->
|
||||
<rect x="404" y="85" width="60" height="60" fill="#95a5a6" opacity="0.5"/>
|
||||
<rect x="570" y="75" width="86" height="70" fill="#95a5a6" opacity="0.45"/>
|
||||
<!-- Road (dark) -->
|
||||
<rect x="404" y="145" width="252" height="46" fill="#2c3e50" opacity="0.4"/>
|
||||
<!-- Car (red) -->
|
||||
<rect x="480" y="120" width="60" height="30" rx="4" fill="#e74c3c" opacity="0.5"/>
|
||||
<!-- Person (green) -->
|
||||
<ellipse cx="540" cy="125" rx="8" ry="8" fill="#27ae60" opacity="0.5"/>
|
||||
<rect x="532" y="133" width="16" height="20" fill="#27ae60" opacity="0.5"/>
|
||||
<!-- Vegetation (green) -->
|
||||
<polygon points="470,90 455,120 485,120" fill="#2ecc71" opacity="0.4"/>
|
||||
|
||||
<!-- Legend -->
|
||||
<g transform="translate(410, 200)">
|
||||
<rect x="0" y="0" width="12" height="12" fill="#3498db" opacity="0.4"/>
|
||||
<text x="18" y="10" fill="#666" font-size="9">sky</text>
|
||||
<rect x="45" y="0" width="12" height="12" fill="#95a5a6" opacity="0.5"/>
|
||||
<text x="63" y="10" fill="#666" font-size="9">building</text>
|
||||
<rect x="110" y="0" width="12" height="12" fill="#2c3e50" opacity="0.4"/>
|
||||
<text x="128" y="10" fill="#666" font-size="9">road</text>
|
||||
<rect x="160" y="0" width="12" height="12" fill="#e74c3c" opacity="0.5"/>
|
||||
<text x="178" y="10" fill="#666" font-size="9">car</text>
|
||||
<rect x="200" y="0" width="12" height="12" fill="#27ae60" opacity="0.5"/>
|
||||
<text x="218" y="10" fill="#666" font-size="9">person</text>
|
||||
</g>
|
||||
|
||||
<text x="350" y="233" fill="#666" font-size="9" text-anchor="middle">Every pixel gets a class label. No instance distinction — all cars share the same label.</text>
|
||||
</svg>
|
||||
|
After Width: | Height: | Size: 3.3 KiB |
Reference in New Issue
Block a user