<svg width="600" height="600" xmlns="http://www.w3.org/2000/svg"> <!-- Draw x-axis --> <line x1="0" y1="300" x2="600" y2="300" style="stroke: black; stroke-width: 2;" /> <!-- Draw y-axis --> <line x1="300" y1="0" x2="300" y2="600" style="stroke: black; stroke-width: 2;" /> <!-- Draw x-axis arrow --> <polygon points="590,295 600,300 590,305" style="fill:black;" /> <!-- Draw y-axis arrow --> <polygon points="295,10 300,0 305,10" style="fill:black;" /> <!-- Draw x-axis labels --> <text x="590" y="315" style="font-size: 16px;">x</text> <text x="315" y="20" style="font-size: 16px;">y</text> <!-- Draw grid lines --> <g stroke="lightgray" stroke-width="1"> <!-- Draw vertical grid lines --> <line x1="50" y1="0" x2="50" y2="600" /> <line x1="100" y1="0" x2="100" y2="600" /> <line x1="150" y1="0" x2="150" y2="600" /> <line x1="200" y1="0" x2="200" y2="600" /> <line x1="250" y1="0" x2="250" y2="600" /> <line x1="350" y1="0" x2="350" y2="600" /> <line x1="400" y1="0" x2="400" y2="600" /> <line x1="450" y1="0" x2="450" y2="600" /> <line x1="500" y1="0" x2="500" y2="600" /> <line x1="550" y1="0" x2="550" y2="600" /> <!-- Draw horizontal grid lines --> <line x1="0" y1="50" x2="600" y2="50" /> <line x1="0" y1="100" x2="600" y2="100" /> <line x1="0" y1="150" x2="600" y2="150" /> <line x1="0" y1="200" x2="600" y2="200" /> <line x1="0" y1="250" x2="600" y2="250" /> <line x1="0" y1="350" x2="600" y2="350" /> <line x1="0" y1="400" x2="600" y2="400" /> <line x1="0" y1="450" x2="600" y2="450" /> <line x1="0" y1="500" x2="600" y2="500" /> <line x1="0" y1="550" x2="600" y2="550" /> </g> <!-- Draw origin point --> <circle cx="300" cy="300" r="3" fill="red" /> </svg> Ba <svg width="500" height="500" viewBox="-12 -12 24 24" xmlns="http://www.w3.org/2000/svg"> <line x1="-10" y1="-10" x2="10" y2="-10" stroke="#ccc" stroke-width="0.05" /> <line x1="-10" y1="-9" x2="10" y2="-9" stroke="#ccc" stroke-width="0.05" /> <line x1="-10" y1="-8" x2="10" y2="-8" stroke="#ccc" stroke-width="0.05" /> <line x1="-10" y1="-7" x2="10" y2="-7" stroke="#ccc" stroke-width="0.05" /> <line x1="-10" y1="-6" x2="10" y2="-6" stroke="#ccc" stroke-width="0.05" /> <line x1="-10" y1="-5" x2="10" y2="-5" stroke="#ccc" stroke-width="0.05" /> <line x1="-10" y1="-4" x2="10" y2="-4" stroke="#ccc" stroke-width="0.05" /> <line x1="-10" y1="-3" x2="10" y2="-3" stroke="#ccc" stroke-width="0.05" /> <line x1="-10" y1="-2" x2="10" y2="-2" stroke="#ccc" stroke-width="0.05" /> <line x1="-10" y1="-1" x2="10" y2="-1" stroke="#ccc" stroke-width="0.05" /> <line x1="-10" y1="0" x2="10" y2="0" stroke="black" stroke-width="0.1" /> <line x1="-10" y1="1" x2="10" y2="1" stroke="#ccc" stroke-width="0.05" /> <line x1="-10" y1="2" x2="10" y2="2" stroke="#ccc" stroke-width="0.05" /> <line x1="-10" y1="3" x2="10" y2="3" stroke="#ccc" stroke-width="0.05" /> <line x1="-10" y1="4" x2="10" y2="4" stroke="#ccc" stroke-width="0.05" /> <line x1="-10" y1="5" x2="10" y2="5" stroke="#ccc" stroke-width="0.05" /> <line x1="-10" y1="6" x2="10" y2="6" stroke="#ccc" stroke-width="0.05" /> <line x1="-10" y1="7" x2="10" y2="7" stroke="#ccc" stroke-width="0.05" /> <line x1="-10" y1="8" x2="10" y2="8" stroke="#ccc" stroke-width="0.05" /> <line x1="-10" y1="9" x2="10" y2="9" stroke="#ccc" stroke-width="0.05" /> <line x1="-10" y1="10" x2="10" y2="10" stroke="#ccc" stroke-width="0.05" /> <line x1="-10" y1="-10" x2="-10" y2="10" stroke="black" stroke-width="0.1" /> <line x1="-9" y1="-10" x2="-9" y2="10" stroke="#ccc" stroke-width="0.05" /> <line x1="-8" y1="-10" x2="-8" y2="10" stroke="#ccc" stroke-width="0.05" /> <line x1="-7" y1="-10" x2="-7" y2="10" stroke="#ccc" stroke-width="0.05" /> <line x1="-6" y1="-10" x2="-6" y2="10" stroke="#ccc" stroke-width="0.05" /> <line x1="-5" y1="-10" x2="-5" y2="10" stroke="#ccc" stroke-width="0.05" /> <line x1="-4" y1="-10" x2="-4" y2="10" stroke="#ccc" stroke-width="0.05" /> <line x1="-3" y1="-10" x2="-3" y2="10" stroke="#ccc" stroke-width="0.05" /> <line x1="-2" y1="-10" x2="-2" y2="10" stroke="#ccc" stroke-width="0.05" /> <line x1="-1" y1="-10" x2="-1" y2="10" stroke="#ccc" stroke-width="0.05" /> <line x1="0" y1="-10" x2="0" y2="10" stroke="black" stroke-width="0.1" /> <line x1="1" y1="-10" x2="1" y2="10" stroke="#ccc" stroke-width="0.05" /> <line x1="2" y1="-10" x2="2" y2="10" stroke="#ccc" stroke-width="0.05" /> <line x1="3" y1="-10" x2="3" y2="10" stroke="#ccc" stroke-width="0.05" /> <line x1="4" y1="-10" x2="4" y2="10" stroke="#ccc" stroke-width="0.05" /> <line x1="5" y1="-10" x2="5" y2="10" stroke="#ccc" stroke-width="0.05" /> <line x1="6" y1="-10" x2="6" y2="10" stroke="#ccc" stroke-width="0.05" /> <line x1="7" y1="-10" x2="7" y2="10" stroke="#ccc" stroke-width="0.05" /> <line x1="8" y1="-10" x2="8" y2="10" stroke="#ccc" stroke-width="0.05" /> <line x1="9" y1="-10" x2="9" y2="10" stroke="#ccc" stroke-width="0.05" /> <line x1="10" y1="-10" x2="10" y2="10" stroke="#ccc" stroke-width="0.05" /> <text x="-10" y="-10.5" font-size="0.5" text-anchor="middle">-10</text> <text x="-9" y="-10.5" font-size="0.5" text-anchor="middle">-9</text> <text x="-8" y="-10.5" font-size="0.5" text-anchor="middle">-8</text> <text x="-7" y="-10.5" font-size="0.5" text-anchor="middle">-7</text> <text x="-6" y="-10.5" font-size="0.5" text-anchor="middle">-6</text> <text x="-5" y="-10.5" font-size="0.5" text-anchor="middle">-5</text> <text x="-4" y="-10.5" font-size="0.5" text-anchor="middle">-4</text> <text x="-3" y="-10.5" font-size="0.5" text-anchor="middle">-3</text> <text x="-2" y="-10.5" font-size="0.5" text-anchor="middle">-2</text> <text x="-1" y="-10.5" font-size="0.5" text-anchor="middle">-1</text> <text x="0" y="-10.5" font-size="0.5" text-anchor="middle">0</text> <text x="1" y="-10.5" font-size="0.5" text-anchor="middle">1</text> <text x="2" y="-10.5" font-size="0.5" text-anchor="middle">2</text> <text x="3" y="-10.5" font-size="0.5" text-anchor="middle">3</text> <text x="4" y="-10.5" font-size="0.5" text-anchor="middle">4</text> <text x="5" y="-10.5" font-size="0.5" text-anchor="middle">5</text> <text x="6" y="-10.5" font-size="0.5" text-anchor="middle">6</text> <text x="7" y="-10.5" font-size="0.5" text-anchor="middle">7</text> <text x="8" y="-10.5" font-size="0.5" text-anchor="middle">8</text> <text x="9" y="-10.5" font-size="0.5" text-anchor="middle">9</text> <text x="10" y="-10.5" font-size="0.5" text-anchor="middle">10</text> <text x="-10.5" y="-10" font-size="0.5" text-anchor="middle">-10</text> <text x="-10.5" y="-9" font-size="0.5" text-anchor="middle">-9</text> <text x="-10.5" y="-8" font-size="0.5" text-anchor="middle">-8</text> <text x="-10.5" y="-7" font-size="0.5" text-anchor="middle">-7</text> <text x="-10.5" y="-6" font-size="0.5" text-anchor="middle">-6</text> <text x="-10.5" y="-5" font-size="0.5" text-anchor="middle">-5</text> <text x="-10.5" y="-4" font-size="0.5" text-anchor="middle">-4</text> <text x="-10.5" y="-3" font-size="0.5" text-anchor="middle">-3</text> <text x="-10.5" y="-2" font-size="0.5" text-anchor="middle">-2</text> <text x="-10.5" y="-1" font-size="0.5" text-anchor="middle">-1</text> <text x="-10.5" y="0" font-size="0.5" text-anchor="middle">0</text> <text x="-10.5" y="1" font-size="0.5" text-anchor="middle">1</text> <text x="-10.5" y="2" font-size="0.5" text-anchor="middle">2</text> <text x="-10.5" y="3" font-size="0.5" text-anchor="middle">3</text> <text x="-10.5" y="4" font-size="0.5" text-anchor="middle">4</text> <text x="-10.5" y="5" font-size="0.5" text-anchor="middle">5</text> <text x="-10.5" y="6" font-size="0.5" text-anchor="middle">6</text> <text x="-10.5" y="7" font-size="0.5" text-anchor="middle">7</text> <text x="-10.5" y="8" font-size="0.5" text-anchor="middle">8</text> <text x="-10.5" y="9" font-size="0.5" text-anchor="middle">9</text> <text x="-10.5" y="10" font-size="0.5" text-anchor="middle">10</text> </svg> Mato <svg width="400" height="400" xmlns="http://www.w3.org/2000/svg"> <!-- Draw x-axis --> <line x1="0" y1="200" x2="400" y2="200" style="stroke: black; stroke-width: 2;" /> <!-- Draw y-axis --> <line x1="200" y1="0" x2="200" y2="400" style="stroke: black; stroke-width: 2;" /> <!-- Draw x-axis arrow --> <polygon points="390,195 400,200 390,205" style="fill:black;" /> <!-- Draw y-axis arrow --> <polygon points="195,10 200,0 205,10" style="fill:black;" /> <!-- Draw x-axis labels --> <text x="390" y="215" style="font-size: 16px;">x</text> <text x="205" y="20" style="font-size: 16px;">y</text> <!-- Draw grid lines --> <g stroke="lightgray" stroke-width="1"> <!-- Draw vertical grid lines --> <line x1="50" y1="0" x2="50" y2="400" /> <line x1="100" y1="0" x2="100" y2="400" /> <line x1="150" y1="0" x2="150" y2="400" /> <line x1="250" y1="0" x2="250" y2="400" /> <line x1="300" y1="0" x2="300" y2="400" /> <line x1="350" y1="0" x2="350" y2="400" /> <!-- Draw horizontal grid lines --> <line x1="0" y1="50" x2="400" y2="50" /> <line x1="0" y1="100" x2="400" y2="100" /> <line x1="0" y1="150" x2="400" y2="150" /> <line x1="0" y1="250" x2="400" y2="250" /> <line x1="0" y1="300" x2="400" y2="300" /> <line x1="0" y1="350" x2="400" y2="350" /> </g> <!-- Draw origin point --> <circle cx="200" cy="200" r="3" fill="red" /> </svg>