line-reverse-y.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="203.11" y="307.20" text-anchor="middle" fill="#7f8c8d" font-size="11">2.0</text>
<text x="331.89" y="307.20" text-anchor="middle" fill="#7f8c8d" font-size="11">4.0</text>
<text x="460.68" y="307.20" text-anchor="middle" fill="#7f8c8d" font-size="11">6.0</text>
<text x="49" y="46.73" text-anchor="end" fill="#7f8c8d" font-size="11">-1.0</text>
<text x="49" y="165.58" text-anchor="end" fill="#7f8c8d" font-size="11">0.0</text>
<text x="49" y="284.43" text-anchor="end" fill="#7f8c8d" font-size="11">1.0</text>
<polyline points="74.32,161.91 106.52,218.89 138.71,261.92 170.91,280.46 203.11,269.98 235.30,233.04 267.50,178.69 299.70,120.22 331.89,71.97 364.09,45.74 396.29,47.95 428.48,78.06 460.68,128.71" 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">Reverse Y</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">sine</text>
</svg>