<?xml version="1.0" standalone="no"?>
<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 20010904//EN" "http://www.w3.org/TR/2001/REC-SVG-20010904/DTD/svg10.dtd">
<svg width="300px" height="200px" xmlns="http://www.w3.org/2000/svg">
<desc>SVG Output</desc>
<g transform="translate(-70,-100)">
<circle cx="100" cy="180" r="3"/>
<circle cx="300" cy="180" r="3"/>
<text x="195px" y="200px" style="font-size:30px;line-height:100%;opacity:1; fill:#0000ff; fill-opacity:1; fill-rule:nonzero; stroke:none;font-family:Arial;" transform="rotate(0 195 200)" >A</text>
<circle cx="420" cy="100" r="3"/>
<circle cx="420" cy="200" r="3"/>
<text x="430px" y="155px" style="font-size:30px;line-height:100%;opacity:1; fill:#0000ff; fill-opacity:1; fill-rule:nonzero; stroke:none;font-family:Arial;" transform="rotate(0 430 155)" >B</text>
<polyline points='100.00 180.00, 300.00 180.00, ' stroke-width='2' stroke='#aacccc' fill='#8888ff' fill-opacity='0.2'  />
<circle cx="50" cy="280" r="3"/>
<polyline points='420.00 100.00, 420.00 200.00, ' stroke-width='2' stroke='#aacccc' fill='#8888ff' fill-opacity='0.2'  />
<path d="M 243.2 331.8 A 200 200 0 0 0 243.5 229.6" fill="none" stroke="#ffcc66" />
<circle cx="250" cy="280" r="3"/>
<path d="M 153.4 305.9 A 100 100 0 0 0 153.2 254.8" fill="none" stroke="#ffcc66" />
<circle cx="150" cy="280" r="3"/>
<circle cx="50" cy="280" r="3"/>
<polyline points='40.000 280.00, 420.00 280.00, ' stroke-width='2' stroke='#aacccc' fill='#8888ff' fill-opacity='0.2'  />
<text x="85px" y="300px" style="font-size:30px;fill:#0000ff; stroke:none;font-family:Arial;" transform="rotate(0 85 300)" >A-B</text>
<polyline points='50.000 280.00, 150.00 280.00, ' stroke-width='2' stroke='#666' fill='#8888ff' fill-opacity='0.2'  />
</g>
</svg>
