features: svg object with links and styles

[fajan]

• svg object embed with image fallback for browsers not supporting it
• pdf generation always uses images
• in the svg dokuwiki links can be added to nodes/edges/labels which are clickable
  • Note: the [[ ... ]] link indicator is needed to parse links as dokuwiki links.
  • for dokuwiki links the target=_top is appended to links, which is necessary for correct object embeding.
  • without the double-bracers, or using href attributes it falls back to dot (target not appended)
• config option to enable svg or not (always disabled if path not filled out)
• styles to include some code into the graph
• config option to add styles
  • Note: I added it to config to enable users (admins...) to relative easily change it.
  • Maybe putting styles to a "styles" directory in the plugin's directory (like dw2pdf's templates) can be alternative to this.

examples:

<graphviz dot center> 
digraph example_links{ 
    inpage [URL="[[#TOC title]]"]
    crosspage [URL="[[sibling:niece]]"]
    interwiki [URL="[[doku>plugins:graphviz]]"]
    external [URL="[[http://example.com]]"]
    withtext [URL="[[sibling|Tooltip to use]]"]
    inpage -> crosspage [label="url to head", headURL="[[:rootpage|with tooltip]]"]
    interwiki -> external [label="default url is label", URL="[[:rootns:page]]"]
</graphvhiz>

set style plugin config:

$conf['plugin']['graphviz']['styles'] = '<style name="fixed_green_circle">node [width=.9, shape=circle, style=filled, fillcolor=green, fixedsize=true, fontcolor=white]</style>
<style name=dotted_blue_edges>edge [style=dotted,color=blue]</style>';

and then use styles in graphviz tag, to apply styles:

<graphviz dot center  fixed_green_circle dotted_blue_edges> 
digraph example_style{ 
   node1 -> node2;
}
</graphvhiz>

[robbertmichel]

Hi,
Quick question: Did this ever get resolved?

Additionally, @mdaines 's viz.js does this... might it be an idea to piggyback on his solution? That would also solve the URL issues that are requested in 2 of the other pulls.

[fajan]

Hi,
resolved 2 years ago, but I'm not sure.

vis.js: I don't see it, how could an npm package help in PHP?

BTW: did you tried out the example code? I tested everything under IE8, chrome and FF, and all url types was fine and clickable.