line-basic.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="286.80" text-anchor="end" fill="#7f8c8d" font-size="11">-1.0</text>
<text x="49" y="167.95" text-anchor="end" fill="#7f8c8d" font-size="11">0.0</text>
<text x="49" y="49.11" text-anchor="end" fill="#7f8c8d" font-size="11">1.0</text>
<polyline points="74.32,164.29 106.52,107.31 138.71,64.28 170.91,45.74 203.11,56.22 235.30,93.16 267.50,147.51 299.70,205.98 331.89,254.23 364.09,280.46 396.29,278.25 428.48,248.14 460.68,197.49" 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">sin(x)</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>