ChatGPT-pokemon-scatter.svg

<svg width="500" height="500">
  <g transform="translate(10, 10)">
    <g transform="translate(0, 440)">
      <g class="axis" transform="translate(0,0)"></g>
    </g>
    <g class="axis" transform="translate(0,0)"></g>
    <circle class="point" cx="22.7" cy="440" r="5" style="fill: steelblue;"></circle>
    <circle class="point" cx="34.1" cy="413.6" r="5" style="fill: steelblue;"></circle>
    <circle class="point" cx="55.5" cy="391.4" r="5" style="fill: steelblue;"></circle>
    <circle class="point" cx="66.8" cy="391.4" r="5" style="fill: steelblue;"></circle>
    <text class="text" x="22.7" y="440" style="text-anchor: middle;">Pikachu</text>
    <text class="text" x="34.1" y="413.6" style="text-anchor: middle;">Charmander</text>
    <text class="text" x="55.5" y="391.4" style="text-anchor: middle;">Squirtle</text>
    <text class="text" x="66.8" y="391.4" style="text-anchor: middle;">Bulbasaur</text>
  </g>
  <g transform="translate(110, 10)">
    <g transform="translate(0, 440)">
      <g class="axis" transform="translate(0,0)"></g>
    </g>
    <g class="axis" transform="translate(0,0)"></g>
    <circle class="point" cx="22.7" cy="399.4" r="5" style="fill: steelblue;"></circle>
    <circle class="point" cx="34.1" cy="422.7" r="5" style="fill: steelblue;"></circle>
    <circle class="point" cx="55.5" cy="445.9" r="5" style="fill: steelblue;"></circle>
    <circle class="point" cx="66.8" cy="445.9" r="5" style="fill: steelblue;"></circle>
    <text class="text" x="22.7" y="399.4" style="text-anchor: middle;">Pikachu</text>
    <text class="text" x="34.1" y="422.7" style="text-anchor: middle;">Charmander</text>
    <text class="text" x="55.5" y="445.9" style="text-anchor: middle;">Squirtle</text>
    <text class="text" x="66.8" y="445.9" style="text-anchor: middle;">Bulbasaur</text>
  </g>
</svg>