title: Are there any online tools to test SVG paths?
body: <p>I'm building an application that uses <a href="https://developer.mozilla.org/en-US/docs/Web/SVG/Tutorial/Paths">SVG paths</a>, and I'd like to be able to see my paths rendered.  Is there a site, say something like <a href="http://jsfiddle.net/">JSFiddle</a>, on which you can paste in an SVG path, get it validated, and see it rendered?</p>
  
  <p><strong>EDIT</strong>: I've found that JSFiddle works fairly well for this, by selecting Raphael.js, svg.js, etc as a framework. e.g. <a href="http://jsfiddle.net/DFhUF/1393/">http://jsfiddle.net/DFhUF/1393/</a></p>
  
  <pre><code>var paper = Raphael(0, 0, 300, 500);
  
  paper.path("M75,75 m-50,0 a50,50 0 1,0 100,0 a50,50 0 1,0 -100,0")
  .attr({stroke: "#808", opacity: 1, "stroke-width" : 6})
  
  paper.path("M75,225 m-40,-50 h80, a10,10 0 0,1 10,10 v80 a10,10 0 0,1 -10,10 h-80 a10,10 0 0,1 -10,-10 v-80 a10,10 0 0,1 10,-10")
  .attr({stroke: "#808", opacity: 1, "stroke-width" : 6})
  </code></pre>
  
  <p>That's probably good enough for my needs, but it would be nice to know if there are other tools to help test and debug editing of SVG Paths.</p>