    

<svg xmlns="http://www.w3.org/2000/svg" viewBox="-70 -50 500 550" >

<rect x="100" y="100" width="150" height="150" stroke='black' stroke-width='3' fill='orange'/>

<line x1="0" y1="0" x2="0" y2="450" stroke='black' /><path d="M 450 -5 L 460 0 L 450 5 z" /><text x="440" y="12">x</text>
<line x1="0" y1="0" x2="450" y2="0" stroke='black' /><path d="M 5 450 L 0 460 L -5 450 z" /><text x="-9" y="445">y</text>
<line x1="100" y1="0" x2="100" y2="100" stroke='#AAAAAA' stroke-dasharray="5,5" />
<line x1="250" y1="0" x2="250" y2="100" stroke='#AAAAAA' stroke-dasharray="5,5" />
<line x1="0" y1="100" x2="100" y2="100" stroke='#AAAAAA' stroke-dasharray="5,5" />
<line x1="0" y1="250" x2="100" y2="250" stroke='#AAAAAA' stroke-dasharray="5,5" />

<circle cx="0"   cy="0" r="3"/> <text x="-18" y="-6">(0,0)</text>
<line x1="50" y1="-3" x2="50" y2="3" stroke='black' stroke-width='2' /> <text x="88" y="-6">100</text>
<line x1="100" y1="-3" x2="100" y2="3" stroke='black' stroke-width='2' />
<line x1="150" y1="-3" x2="150" y2="3" stroke='black' stroke-width='2' />
<line x1="200" y1="-3" x2="200" y2="3" stroke='black' stroke-width='2' />
<line x1="250" y1="-3" x2="250" y2="3" stroke='black' stroke-width='2' /> <text x="235" y="-6">250</text>
<line x1="300" y1="-3" x2="300" y2="3" stroke='black' stroke-width='2' />
<line x1="350" y1="-3" x2="350" y2="3" stroke='black' stroke-width='2' />
<line x1="-3" y1="50" x2="3" y2="50" stroke='black' stroke-width='2' />
<line x1="-3" y1="100" x2="3" y2="100" stroke='black' stroke-width='2' /> <text x="-30" y="104">100</text>
<line x1="-3" y1="150" x2="3" y2="150" stroke='black' stroke-width='2' />
<line x1="-3" y1="200" x2="3" y2="200" stroke='black' stroke-width='2' />
<line x1="-3" y1="250" x2="3" y2="250" stroke='black' stroke-width='2' />  <text x="-30" y="254">250</text>
<line x1="-3" y1="300" x2="3" y2="300" stroke='black' stroke-width='2' />
<line x1="-3" y1="350" x2="3" y2="350" stroke='black' stroke-width='2' />

<text x="85"     y="95">A</text>
<circle cx="100"  cy="100" r="2" stroke-width='4' stroke='red'/>

<text x="254"    y="95">B</text>
<circle cx="250" cy="100" r="2" stroke-width='4' stroke='red'/>

<text x="250" y="265">C</text>
<circle cx="250"   cy="250" r="2" stroke-width='4' stroke='red'/>

<text x="85" y="265">D</text>
<circle cx="100"   cy="250" r="2" stroke-width='4' stroke='red'/>

</svg>
