[[PageOutline(2-5,Contents,pullout)]] = CanvizPlugin = == Description == Canviz is a wiki macro plugin to render xdot formated graphs. Canviz is a !JavaScript and Canvas based graph rendering library available on Google Code [http://code.google.com/p/canviz/]. I created this plugin to have something simpler than graphviz and to push rendering out to the browser rather than on the server. You do not need to install Graphviz unless you need access to the dot utility (see below). Regardless, the server does not need Graphviz to use this plugin. == Bugs/Feature Requests == Existing bugs and feature requests for CanvizPlugin are [report:9?COMPONENT=CanvizPlugin here]. If you have any issues, create a [http://trac-hacks.org/newticket?component=CanvizPlugin&owner=mixedpuppy new ticket]. == Download == Download the zipped source from [download:canvizplugin here]. == Source == You can check out CanvizPlugin from [http://trac-hacks.org/svn/canvizplugin here] using Subversion, or [source:canvizplugin browse the source] with Trac. == Example == xdot is a more extensive format than dot for graphs. I don't have a personal opinion on which is better, xdot is used merely because that is what the Canviz project uses. An example hello world for the wiki: {{{ {{{ #!canviz digraph G { node [label="\N"]; graph [bb="0,0,74,108", _draw_="c 5 -white C 5 -white P 4 0 0 0 108 74 108 74 0 ", xdotversion="1.2"]; Hello [pos="37,90", width="0.92", height="0.50", _draw_="c 5 -black e 37 90 33 18 ", _ldraw_="F 14.000000 11 -Times-Roman c 5 -black T 37 85 0 32 5 -Hello "]; World [pos="37,18", width="1.03", height="0.50", _draw_="c 5 -black e 37 18 37 18 ", _ldraw_="F 14.000000 11 -Times-Roman c 5 -black T 37 13 0 37 5 -World "]; Hello -> World [pos="e,37,36 37,72 37,64 37,55 37,46", _draw_="c 5 -black B 4 37 72 37 64 37 55 37 46 ", _hdraw_="S 5 -solid S 15 -setlinewidth(1) c 5 -black C 5 -black P 3 41 46 37 36 34 46 "]; } }}} }}} Canviz uses the XDOT format. To convert from DOT to XDOT you can use the dot command. To create the above example from DOT: {{{ echo "digraph G {Hello->World}" | dot -Txdot -otemp.xdot }}} which produces the image: [[Image(helloworld.png)]] You can find more extensive examples at [http://www.ryandesign.com/canviz/]. == Recent Changes == [[ChangeLog(canvizplugin, 3)]] == Author/Contributors == '''Author:''' [wiki:mixedpuppy] [[BR]] '''Maintainer:''' ''none'' [[BR]] '''Contributors:'''