    

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

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

<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="50" y1="0" x2="50" 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="50" y2="100" stroke='#AAAAAA' stroke-dasharray="5,5" />
<line x1="0" y1="250" x2="50" y2="250" stroke='#AAAAAA' stroke-dasharray="5,5" />

<circle cx="0"   cy="0" r="3"/> <text x="-18" y="-6">(0,0)</text>
<circle cx="50"  cy="0" r="3"/> <text x="29" y="-6">(50,0)</text>
<circle cx="100" cy="0" r="3"/>
<circle cx="150" cy="0" r="3"/>
<circle cx="200" cy="0" r="3"/>
<circle cx="250" cy="0" r="3"/> <text x="226" y="-6">(250,0)</text>
<circle cx="300" cy="0" r="3"/>
<circle cx="350" cy="0" r="3"/>
<circle cx="0" cy="50"  r="3"/>
<circle cx="0" cy="100" r="3"/> <text x="-56" y="100">(0,100)</text>
<circle cx="0" cy="150" r="3"/>
<circle cx="0" cy="200" r="3"/>
<circle cx="0" cy="250" r="3"/>  <text x="-56" y="250">(0,250)</text>
<circle cx="0" cy="300" r="3"/>
<circle cx="0" cy="350" r="3"/>
<circle cx="0" cy="400" r="3"/>

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

<text x="250"    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="42" y="265">D</text>
<circle cx="50"   cy="250" r="2" stroke-width='4' stroke='red'/>

</svg>
