47 lines
2.7 KiB
XML
47 lines
2.7 KiB
XML
<svg width="380" height="170" xmlns="http://www.w3.org/2000/svg">
|
|
<defs>
|
|
<marker id="ev-arr" markerWidth="7" markerHeight="5" refX="7" refY="2.5" orient="auto">
|
|
<path d="M0,0 L7,2.5 L0,5" fill="#999"/>
|
|
</marker>
|
|
<marker id="ev-r" markerWidth="7" markerHeight="5" refX="7" refY="2.5" orient="auto">
|
|
<path d="M0,0 L7,2.5 L0,5" fill="#e74c3c"/>
|
|
</marker>
|
|
<marker id="ev-b" markerWidth="7" markerHeight="5" refX="7" refY="2.5" orient="auto">
|
|
<path d="M0,0 L7,2.5 L0,5" fill="#3498db"/>
|
|
</marker>
|
|
<marker id="ev-g" markerWidth="7" markerHeight="5" refX="7" refY="2.5" orient="auto">
|
|
<path d="M0,0 L7,2.5 L0,5" fill="#27ae60"/>
|
|
</marker>
|
|
</defs>
|
|
|
|
<!-- Left: eigenvector (stays on same line) -->
|
|
<text x="90" y="14" text-anchor="middle" fill="#333" font-size="11" font-weight="bold">Eigenvector: same direction</text>
|
|
<line x1="20" y1="150" x2="180" y2="150" stroke="#ccc" stroke-width="1" marker-end="url(#ev-arr)"/>
|
|
<line x1="20" y1="150" x2="20" y2="15" stroke="#ccc" stroke-width="1" marker-end="url(#ev-arr)"/>
|
|
<circle cx="20" cy="150" r="3" fill="#333"/>
|
|
<!-- original -->
|
|
<line x1="20" y1="150" x2="80" y2="100" stroke="#e74c3c" stroke-width="2.5" marker-end="url(#ev-r)"/>
|
|
<text x="60" y="112" fill="#e74c3c" font-size="11">x</text>
|
|
<!-- stretched (same direction, longer) -->
|
|
<line x1="20" y1="150" x2="140" y2="50" stroke="#3498db" stroke-width="2.5" marker-end="url(#ev-b)"/>
|
|
<text x="125" y="55" fill="#3498db" font-size="11">Ax = λx</text>
|
|
<!-- dashed line showing same direction -->
|
|
<line x1="20" y1="150" x2="165" y2="30" stroke="#999" stroke-width="0.8" stroke-dasharray="4"/>
|
|
<text x="90" y="165" fill="#666" font-size="10">just scaled, not rotated</text>
|
|
|
|
<!-- Divider -->
|
|
<line x1="200" y1="10" x2="200" y2="160" stroke="#ddd" stroke-width="1" stroke-dasharray="4"/>
|
|
|
|
<!-- Right: non-eigenvector (direction changes) -->
|
|
<text x="290" y="14" text-anchor="middle" fill="#333" font-size="11" font-weight="bold">Regular vector: direction changes</text>
|
|
<line x1="220" y1="150" x2="370" y2="150" stroke="#ccc" stroke-width="1" marker-end="url(#ev-arr)"/>
|
|
<line x1="220" y1="150" x2="220" y2="15" stroke="#ccc" stroke-width="1" marker-end="url(#ev-arr)"/>
|
|
<circle cx="220" cy="150" r="3" fill="#333"/>
|
|
<!-- original -->
|
|
<line x1="220" y1="150" x2="300" y2="100" stroke="#e74c3c" stroke-width="2.5" marker-end="url(#ev-r)"/>
|
|
<text x="270" y="112" fill="#e74c3c" font-size="11">v</text>
|
|
<!-- transformed (different direction) -->
|
|
<line x1="220" y1="150" x2="350" y2="80" stroke="#27ae60" stroke-width="2.5" marker-end="url(#ev-g)"/>
|
|
<text x="340" y="72" fill="#27ae60" font-size="11">Av</text>
|
|
<text x="290" y="165" fill="#666" font-size="10">scaled AND rotated</text>
|
|
</svg> |