<svg height="500" width="960">
  <g class="reactive-vis-margin-g" transform="translate(50,50)">
    <g class="reactive-vis-scatter-layer">
      <g class="reactive-vis-scatter-mark" transform="translate(0,0)" height="10" width="10">
        <circle class="reactive-vis-circle"></circle>
      </g>
      <g class="reactive-vis-scatter-mark" transform="translate(66.15384615384647,400)" height="16.690459207925603" width="16.690459207925603">
        <circle class="reactive-vis-circle"></circle>
      </g>
      <g class="reactive-vis-scatter-mark" transform="translate(793.8461538461535,50.00000000000006)" height="20" width="20">
        <circle class="reactive-vis-circle"></circle>
      </g>
      <g class="reactive-vis-scatter-mark" transform="translate(860,200)" height="19.820624179302296" width="19.820624179302296">
        <circle class="reactive-vis-circle"></circle>
      </g>
    </g>
  </g>
</svg>