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 here.

If you have any issues, create a new ticket.

Download

Download the zipped source from here.

Source

You can check out CanvizPlugin from here using Subversion, or 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:

You can find more extensive examples at ​http://www.ryandesign.com/canviz/.

Recent Changes

[12119] by olemis on 2012-10-06 20:12:12

CanvizPlugin: New mantainer in town = olemis

[11220] by rjollos on 2012-01-31 08:49:11

Added source code that was previously attached to the project wiki page.

[5453] by mixedpuppy on 2009-04-01 01:51:47

New hack CanvizPlugin, created by mixedpuppy

Author/Contributors

Author: mixedpuppy
Maintainer: olemis
Contributors: