title: SVG Coordinate translation
body: <p>Why doesn't this SVG inline code produce a box 60 by 40 with a dot in the middle?</p>
  
  <p>I would like to plot items on a regular Cartesian coordinate map using SVG.  The data I would have would be the size of the displayable map and center point on the Cartesian main map.</p>
  
  <pre><code>&lt;svg xmlns="http://www.w3.org/2000/svg" width="60" height="40" viewBox="0 0 60 40"&gt;
    &lt;g transform="translate(-470,480) scale(1,-1)"&gt;
      &lt;circle title="Center" cx="500" cy="500" r="3" fill="red"/&gt;
    &lt;/g&gt;
  &lt;/svg&gt;
  </code></pre>