68 lines
4.4 KiB
XML
68 lines
4.4 KiB
XML
<svg width="700" height="260" xmlns="http://www.w3.org/2000/svg">
|
|
<text x="350" y="22" fill="#333" font-size="14" font-weight="bold" text-anchor="middle">Image Intensity Histograms</text>
|
|
|
|
<!-- Dark image -->
|
|
<text x="120" y="48" fill="#666" font-size="11" text-anchor="middle">Dark Image</text>
|
|
<rect x="60" y="55" width="120" height="80" rx="4" fill="#333" stroke="#555" stroke-width="1.5"/>
|
|
<rect x="64" y="59" width="40" height="36" fill="#444"/>
|
|
<rect x="104" y="59" width="36" height="36" fill="#3a3a3a"/>
|
|
<rect x="64" y="95" width="40" height="36" fill="#2a2a2a"/>
|
|
<rect x="104" y="95" width="36" height="36" fill="#404040"/>
|
|
|
|
<!-- Dark image histogram (skewed left) -->
|
|
<text x="120" y="152" fill="#666" font-size="10" text-anchor="middle">Histogram</text>
|
|
<line x1="60" y1="230" x2="180" y2="230" stroke="#999" stroke-width="1"/>
|
|
<line x1="60" y1="160" x2="60" y2="230" stroke="#999" stroke-width="1"/>
|
|
<rect x="64" y="185" width="8" height="45" fill="#3498db" opacity="0.7"/>
|
|
<rect x="74" y="175" width="8" height="55" fill="#3498db" opacity="0.8"/>
|
|
<rect x="84" y="170" width="8" height="60" fill="#3498db" opacity="0.9"/>
|
|
<rect x="94" y="180" width="8" height="50" fill="#3498db" opacity="0.7"/>
|
|
<rect x="104" y="200" width="8" height="30" fill="#3498db" opacity="0.5"/>
|
|
<rect x="114" y="215" width="8" height="15" fill="#3498db" opacity="0.3"/>
|
|
<rect x="124" y="222" width="8" height="8" fill="#3498db" opacity="0.2"/>
|
|
<text x="68" y="244" fill="#666" font-size="8">0</text>
|
|
<text x="168" y="244" fill="#666" font-size="8">255</text>
|
|
|
|
<!-- Bright image -->
|
|
<text x="400" y="48" fill="#666" font-size="11" text-anchor="middle">Bright Image</text>
|
|
<rect x="340" y="55" width="120" height="80" rx="4" fill="#ddd" stroke="#bbb" stroke-width="1.5"/>
|
|
<rect x="344" y="59" width="40" height="36" fill="#eee"/>
|
|
<rect x="384" y="59" width="36" height="36" fill="#f5f5f5"/>
|
|
<rect x="344" y="95" width="40" height="36" fill="#e0e0e0"/>
|
|
<rect x="384" y="95" width="36" height="36" fill="#fafafa"/>
|
|
|
|
<!-- Bright image histogram (skewed right) -->
|
|
<text x="400" y="152" fill="#666" font-size="10" text-anchor="middle">Histogram</text>
|
|
<line x1="340" y1="230" x2="460" y2="230" stroke="#999" stroke-width="1"/>
|
|
<line x1="340" y1="160" x2="340" y2="230" stroke="#999" stroke-width="1"/>
|
|
<rect x="344" y="222" width="8" height="8" fill="#e74c3c" opacity="0.2"/>
|
|
<rect x="354" y="218" width="8" height="12" fill="#e74c3c" opacity="0.2"/>
|
|
<rect x="384" y="215" width="8" height="15" fill="#e74c3c" opacity="0.3"/>
|
|
<rect x="394" y="205" width="8" height="25" fill="#e74c3c" opacity="0.5"/>
|
|
<rect x="404" y="190" width="8" height="40" fill="#e74c3c" opacity="0.7"/>
|
|
<rect x="414" y="178" width="8" height="52" fill="#e74c3c" opacity="0.8"/>
|
|
<rect x="424" y="172" width="8" height="58" fill="#e74c3c" opacity="0.9"/>
|
|
<rect x="434" y="180" width="8" height="50" fill="#e74c3c" opacity="0.7"/>
|
|
<text x="348" y="244" fill="#666" font-size="8">0</text>
|
|
<text x="448" y="244" fill="#666" font-size="8">255</text>
|
|
|
|
<!-- Labels -->
|
|
<text x="120" y="254" fill="#3498db" font-size="9" text-anchor="middle">Skewed left (low intensities)</text>
|
|
<text x="400" y="254" fill="#e74c3c" font-size="9" text-anchor="middle">Skewed right (high intensities)</text>
|
|
|
|
<!-- Equalisation arrow -->
|
|
<text x="570" y="100" fill="#27ae60" font-size="11" font-weight="bold" text-anchor="middle">After</text>
|
|
<text x="570" y="115" fill="#27ae60" font-size="11" font-weight="bold" text-anchor="middle">Equalisation</text>
|
|
<!-- Flat histogram -->
|
|
<line x1="520" y1="230" x2="620" y2="230" stroke="#999" stroke-width="1"/>
|
|
<line x1="520" y1="160" x2="520" y2="230" stroke="#999" stroke-width="1"/>
|
|
<rect x="524" y="195" width="8" height="35" fill="#27ae60" opacity="0.6"/>
|
|
<rect x="534" y="193" width="8" height="37" fill="#27ae60" opacity="0.6"/>
|
|
<rect x="544" y="197" width="8" height="33" fill="#27ae60" opacity="0.6"/>
|
|
<rect x="554" y="194" width="8" height="36" fill="#27ae60" opacity="0.6"/>
|
|
<rect x="564" y="196" width="8" height="34" fill="#27ae60" opacity="0.6"/>
|
|
<rect x="574" y="192" width="8" height="38" fill="#27ae60" opacity="0.6"/>
|
|
<rect x="584" y="198" width="8" height="32" fill="#27ae60" opacity="0.6"/>
|
|
<rect x="594" y="195" width="8" height="35" fill="#27ae60" opacity="0.6"/>
|
|
<text x="570" y="244" fill="#27ae60" font-size="9" text-anchor="middle">Spread uniformly</text>
|
|
</svg> |