-<svg xmlns="http://www.w3.org/2000/svg" width="1000px" height="1000px" xmlns:xlink="http://www.w3.org/1999/xlink" viewBox="0 0 1000 1000" preserveAspectRatio="xMidYMid meet" zoomAndPan="disable" >
- <rect id="svgEditorBackground" x="0" y="0" width="1000" height="1000" style="fill: none; stroke: none;"/>
- <circle id="e2_circle" cx="600" cy="400" style="stroke-width: 30px; vector-effect: non-scaling-stroke;" stroke="grey" r="250" fill="grey"/>
- <circle id="e3_circle" cx="600" cy="400" style="stroke-width: 30px; vector-effect: non-scaling-stroke;" stroke="lightgrey" r="190" fill="white"/>
- <rect x="-250" y="475" style="stroke-width: 1px; vector-effect: non-scaling-stroke;" stroke="black" id="e4_rectangle" width="200" height="50" fill="grey" transform="matrix(1, -1, 1, 1, 0, 0)"/>
- </svg>
+<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" viewBox="0 0 100 100" preserveAspectRatio="xMidYMid meet" zoomAndPan="disable" >
+ <rect id="svgEditorBackground" x="0" y="0" width="100" height="100" style="fill: none; stroke: none;"/>
+ <circle id="e2_circle" cx="60" cy="40" style="stroke-width: 3px" stroke="grey" r="25" fill="grey"/>
+ <circle id="e3_circle" cx="60" cy="40" style="stroke-width: 3px" stroke="lightgrey" r="19" fill="white"/>
+ <rect x="-25" y="47.5" style="stroke-width: 1px; vector-effect" stroke="grey" id="e4_rectangle" width="20" height="5" fill="grey" transform="matrix(1, -1, 1, 1, 0, 0)"/>
+</svg>