-4" y="-4" width="8" height="8"/>
        </g>
      </defs>

      <g transform="translate(20, 30)">
        <g id="legend" transform="translate(10, 40)" font-size="12">
          <text>x positioning</text>
          <text y="40">y positioning</text>
          <text y="140">x/y positioning</text>
        </g>

        <g transform="translate(100, 40)">
          <use xlink:href="#marker" x="10" fill="#8888ff"/>
          <use xlink:href="#marker" x="180" fill="orange"/>
          <use xlink:href="#marker" 