54 lines
3.0 KiB
XML
54 lines
3.0 KiB
XML
<svg width="700" height="300" xmlns="http://www.w3.org/2000/svg">
|
|
<text x="350" y="22" fill="#333" font-size="14" font-weight="bold" text-anchor="middle">Object Detection: Bounding Boxes with Class Labels</text>
|
|
|
|
<!-- Scene background -->
|
|
<rect x="50" y="40" width="600" height="220" rx="6" fill="#ecf0f1" stroke="#bdc3c7" stroke-width="1.5"/>
|
|
|
|
<!-- Road -->
|
|
<rect x="50" y="200" width="600" height="60" fill="#7f8c8d" opacity="0.3"/>
|
|
<line x1="350" y1="210" x2="350" y2="260" stroke="#f1c40f" stroke-width="2" stroke-dasharray="8,6"/>
|
|
|
|
<!-- Sky -->
|
|
<rect x="50" y="40" width="600" height="80" fill="#3498db" opacity="0.08"/>
|
|
|
|
<!-- Building -->
|
|
<rect x="480" y="60" width="120" height="140" fill="#95a5a6" opacity="0.3"/>
|
|
<rect x="500" y="80" width="25" height="25" fill="#3498db" opacity="0.2"/>
|
|
<rect x="540" y="80" width="25" height="25" fill="#3498db" opacity="0.2"/>
|
|
<rect x="500" y="120" width="25" height="25" fill="#3498db" opacity="0.2"/>
|
|
<rect x="540" y="120" width="25" height="25" fill="#3498db" opacity="0.2"/>
|
|
|
|
<!-- Car 1 - detected -->
|
|
<rect x="100" y="155" width="120" height="60" rx="8" fill="#2c3e50" opacity="0.3"/>
|
|
<circle cx="130" cy="215" r="12" fill="#333" opacity="0.3"/>
|
|
<circle cx="190" cy="215" r="12" fill="#333" opacity="0.3"/>
|
|
<!-- Detection box -->
|
|
<rect x="88" y="145" width="145" height="85" fill="none" stroke="#3498db" stroke-width="2.5" rx="2"/>
|
|
<rect x="88" y="133" width="65" height="15" rx="3" fill="#3498db"/>
|
|
<text x="120" y="144" fill="white" font-size="9" text-anchor="middle" font-weight="bold">car 0.97</text>
|
|
|
|
<!-- Car 2 - detected -->
|
|
<rect x="290" y="165" width="100" height="50" rx="6" fill="#c0392b" opacity="0.3"/>
|
|
<circle cx="315" cy="215" r="10" fill="#333" opacity="0.3"/>
|
|
<circle cx="365" cy="215" r="10" fill="#333" opacity="0.3"/>
|
|
<!-- Detection box -->
|
|
<rect x="278" y="158" width="125" height="65" fill="none" stroke="#e74c3c" stroke-width="2.5" rx="2"/>
|
|
<rect x="278" y="146" width="65" height="15" rx="3" fill="#e74c3c"/>
|
|
<text x="310" y="157" fill="white" font-size="9" text-anchor="middle" font-weight="bold">car 0.94</text>
|
|
|
|
<!-- Person - detected -->
|
|
<ellipse cx="440" cy="140" rx="12" ry="12" fill="#f5cba7" opacity="0.5"/>
|
|
<rect x="428" y="155" width="24" height="45" rx="4" fill="#2c3e50" opacity="0.3"/>
|
|
<!-- Detection box -->
|
|
<rect x="418" y="125" width="44" height="85" fill="none" stroke="#27ae60" stroke-width="2.5" rx="2"/>
|
|
<rect x="418" y="113" width="80" height="15" rx="3" fill="#27ae60"/>
|
|
<text x="458" y="124" fill="white" font-size="9" text-anchor="middle" font-weight="bold">person 0.91</text>
|
|
|
|
<!-- Tree -->
|
|
<polygon points="70,120 55,160 85,160" fill="#27ae60" opacity="0.3"/>
|
|
<rect x="66" y="160" width="8" height="20" fill="#8B4513" opacity="0.3"/>
|
|
|
|
<!-- Legend -->
|
|
<rect x="50" y="270" width="600" height="22" rx="4" fill="#f5f5f5" stroke="#ccc" stroke-width="1"/>
|
|
<text x="350" y="285" fill="#333" font-size="10" text-anchor="middle">Each detection: bounding box (x, y, w, h) + class label + confidence score</text>
|
|
</svg> |