Are there event listeners to detect mouse clicks on dot/SVG graph?

Question

I am playing with generating dot files and then turned them into SVG graphs with a lot of nodes.

My question is that are there event listeners to detect mouse clicks on

Answer 1

Just another thought on this (realizing the question is old, but maybe it helps someone coming across).

Depending on what you want to do, it may be easiest to decouple the event handling from the drawing. I mean, you can find out where graphviz positions the nodes (as well as edges, labels etc.), see, for example, this post on how to do it in python. Then you can paint the graph in the background of whatever GUI you're using, and use its native event handling to react on on_click by placing invisible clickable objects over the nodes.

Answer 2

If you want interactive graphs then graphviz might not be the best choice.

I'd recommend having a look at D3.js. Perhaps you could construct the graph data in json and load them with D3?

Answer 3

There are several ways to create an interactive SVG graph:

• Use SMIL, an extension to svg (Example tutorial http://apike.ca/prog_svg_smil.html)
• Javascript (the Raphael library is excellent)
• CSS animations

In any case, you'll have to display the svg graphs in a client which supports any of those technologies (browser), and you will have to code it in addition to the svg output graphviz creates.