How do I associate SVG elements generated by graphviz to elements in the DOT source code

Question

So, I\'ve generated an svg graph from the dot file, using viz.js.
Now, it\'s easy to select it\'s elements, using javascript, but I don\'t see any association to the origi

Answer 1

There's an undocumented feature where graphviz accepts class attributes and outputs them as svg class="foo". Example:

$ cat test.dot
digraph G {
  graph [class="cats"];

  subgraph cluster_big {
    graph [class="big_cats"];

    "Lion" [class="yellow social"];
    "Snow Leopard" [class="white solitary"];
  };
}

$ dot -Tsvg ~/test.dot | grep "