line-coord-flip.svg

<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 600 320" width="600" height="320" font-family="system-ui, -apple-system, sans-serif">
<rect width="100%" height="100%" fill="white"/>
<line x1="55" y1="292.20" x2="480" y2="292.20" stroke="#ecf0f1" stroke-width="1"/>
<line x1="55" y1="34" x2="55" y2="292.20" stroke="#ecf0f1" stroke-width="1"/>
<text x="74.32" y="307.20" text-anchor="middle" fill="#7f8c8d" font-size="11">0.0</text>
<text x="170.91" y="307.20" text-anchor="middle" fill="#7f8c8d" font-size="11">2.0</text>
<text x="267.50" y="307.20" text-anchor="middle" fill="#7f8c8d" font-size="11">4.0</text>
<text x="364.09" y="307.20" text-anchor="middle" fill="#7f8c8d" font-size="11">6.0</text>
<text x="460.68" y="307.20" text-anchor="middle" fill="#7f8c8d" font-size="11">8.0</text>
<text x="49" y="49.40" text-anchor="end" fill="#7f8c8d" font-size="11">0.0</text>
<text x="49" y="108.08" text-anchor="end" fill="#7f8c8d" font-size="11">1.0</text>
<text x="49" y="166.77" text-anchor="end" fill="#7f8c8d" font-size="11">2.0</text>
<text x="49" y="225.45" text-anchor="end" fill="#7f8c8d" font-size="11">3.0</text>
<text x="49" y="284.13" text-anchor="end" fill="#7f8c8d" font-size="11">4.0</text>
<polyline points="74.32,45.74 170.91,104.42 267.50,163.10 364.09,221.78 460.68,280.46" fill="none" stroke="#3498db" stroke-width="2" stroke-linejoin="round" stroke-linecap="round"/>
<text x="267.50" y="26" text-anchor="middle" fill="#7f8c8d" font-size="14">CoordFlip</text>
<rect x="495" y="39" width="12" height="12" fill="#3498db"/>
<text x="511" y="49" text-anchor="start" fill="#7f8c8d" font-size="11">y=2x</text>
</svg>