title: How to make a spiral in SVG?
body: <p>I'd like to make an <a href="https://en.wikipedia.org/wiki/Archimedean_spiral" rel="nofollow noreferrer">Archimedean spiral</a> in SVG.</p>
  
  <p>I <a href="https://codepen.io/ericandrewlewis/pen/RQOdWG" rel="nofollow noreferrer">created a spiral</a> with four quadratic bezier points, but I'm not sure where I should put the control points for each to get a perfect Archimedean spiral:</p>
  
  <pre><code>&lt;path class="spiral" 
    d="M100 50 
       C 100 116 12.5 99.5 12.5 50 
       C 12.5 0.5 75 9 75 50 
       C 75 83 37.5 74 37.5 50
       C 37.5 38 50 42 50 50"
    stroke="black" stroke-width="1" fill="none"&gt;
  </code></pre>