how-to-use-statecharts-initial-states.svg

<?xml version="1.0" encoding="utf-8"?>
<svg viewBox="432 232 444 244" width="444" height="244" xmlns="http://www.w3.org/2000/svg">
  <defs>
    <pattern id="pattern-0" x="0" y="0" width="20" height="20" patternUnits="userSpaceOnUse" viewBox="0 0 100 100">
      <path d="M 0 0 L 50 0 L 50 100 L 0 100 Z" style="fill: black;"/>
    </pattern>
    <pattern id="pattern-2" x="0" y="0" width="20" height="20" patternUnits="userSpaceOnUse" viewBox="0 0 100 100">
      <path d="M 0 0 L 50 0 L 50 100 L 0 100 Z" style="fill: black;"/>
    </pattern>
  </defs>
  <g transform="matrix(1.0882550477981567, 0, 0, 0.9794310927391051, 295.1141662597656, 144.541015625)" style="">
    <rect x="138.542" y="103.334" width="74.967" height="68.505" style="fill: none; stroke: rgb(0, 0, 0); stroke-width: 3;" rx="15.659" ry="15.659"/>
    <text x="156.639" y="141.165" style="fill: rgb(51, 51, 51); font-family: sans-serif; font-size: 16px; white-space: pre;">Initial</text>
  </g>
  <g transform="matrix(1.0882550477981567, 0, 0, 0.9794312119483948, 492.7468786413747, 157.91971115852135)" style="">
    <rect x="138.542" y="103.334" width="111.775" height="68.505" style="fill: none; stroke: rgb(0, 0, 0); stroke-width: 3;" rx="15.659" ry="15.659"/>
    <text x="156.639" y="141.165" style="fill: rgb(51, 51, 51); font-family: sans-serif; font-size: 16px; white-space: pre;">Searching</text>
  </g>
  <g transform="matrix(1.088255, 0, 0, 0.979431, 324.228333, 281.324432)" style="">
    <rect x="138.542" y="103.334" width="166.8" height="68.505" style="fill: none; stroke: rgb(0, 0, 0); stroke-width: 3;" rx="15.659" ry="15.659"/>
    <text x="156.639" y="141.165" style="fill: rgb(51, 51, 51); font-family: sans-serif; font-size: 16px; white-space: pre;">Displaying results</text>
  </g>
  <g transform="matrix(1.088255, 0, 0, 0.979431, 590.863464, 287.752075)" style="">
    <rect x="138.542" y="103.334" width="111.775" height="68.505" style="fill: none; stroke: rgb(0, 0, 0); stroke-width: 3;" rx="15.659" ry="15.659"/>
    <text x="156.639" y="141.165" style="fill: rgb(51, 51, 51); font-family: sans-serif; font-size: 16px; white-space: pre;">Zoomed in</text>
  </g>
</svg>