title: How to use SVG for custom node shapes in graphviz?
body: <p>I'm trying to use <a href="http://www.graphviz.org/" rel="noreferrer">graphviz</a> (the <code>dot</code> command-line tool, to be more specific) to generate a SVG layout of a graph. I would like to use my <a href="http://inkscape.org/" rel="noreferrer">Inkscape</a>-generated SVG files to define node shapes, and I followed the instructions on the <a href="http://www.graphviz.org/Documentation/html/shapehowto.html" rel="noreferrer">graphviz tutorial</a>. I'm outputting SVG so, in theory, this should be easy to do by declaring the shapes as <code>&lt;symbol&gt;</code>s and <code>&lt;use&gt;</code>ing them in the diagram. <a href="https://mailman.research.att.com/pipermail/graphviz-interest/2002q1/000379.html" rel="noreferrer">This e-mail</a> makes me believe that the functionality was implemented, and I just can't figure out how to use it.</p>
  
  <p>I tried having a node's <code>image</code> attribute pointing to the custom shape SVG file. I also tried setting the node's <code>shape</code> to <code>custom</code> and pointing the <code>shapefile</code> to the shape SVG. <code>dot</code> complains if I put an invalid file name, and its plugin graph suggests that it can read SVG. I'm guessing that either I'm using the wrong attributes, or there's something wrong with the SVG files that I have tried.</p>
  
  <p>For whatever it's worth, I do have <code>viewBox</code> set on the <code>&lt;svg&gt;</code> attribute.</p>