Here we look at some interactive graphs.
To interact with this example - try clicking on nodes (they are a bit small). Hit escape to unselect nodes.
Also try moving around. First hold the shift-key down and zoom / use the mouse wheel. This is for me two fingers on the trackpad. Without the shift-key held down you pan.
We should experiment with different markups so that we can use both normal url links to other we pages, and also one's designed to interact with wiki.
The `hierarchical.svg` in the example above looks something like this for each node:
<!-- n3 --> <g id="node6" class="node"> <title>n3</title> <g id="a_node6"><a xlink:href="F+lexon_GetRowTitle+of+stack+%27lib_LexonGraph%27" xlink:title="lexon_GetRowTitle"> <ellipse fill="GreenYellow" stroke="#008b00" cx="323" cy="-117" rx="80.69" ry="18"/> <text text-anchor="middle" x="323" y="-113.3" font-family="Times,serif" font-size="14.00">lexon_GetRowTitle</text> </a> </g> </g>
The key link element is referenced by the `xlink:href` element:
<a xlink:href="..." xlink:title="lexon_GetRowTitle">
# Where we are heading