A plugin to provide GraphViz functionality for WordPress sites.

Chris Luke

TFO Graphviz

Generates Graphviz graphics using shortcodes. Supports almost all Graphviz features (depending on the generation method in use.)

DeBAAT

<a href="http://www.graphviz.org/" rel="nofollow ugc">GraphViz</a> is a powerful tool for visualising network and tree structures that connect objects.
This WordPress plugin provides a shortcode mechanism to create GraphViz graphics within blogs, using the shortcode mechanism.
It’s working is based on the viz.js code as provided by Mike Daines:
<pre><code>https://github.com/mdaines/viz.js
</code></pre>
Special thanks goes to chrisy as author of TFO Graphviz, e.g. for providing the inspiration for this readme:
<pre><code>https://wordpress.org/plugins/tfo-graphviz/
</code></pre>
<h3>How to use WP GraphViz</h3>
The shortcode syntax is:
<pre><code>[wp_graphviz <options>]
 <DOT code>
[/wp_graphviz]
</code></pre>
Where <code><options></code> is anything from this list. All are entirely optional:
<ul>
<li>
<code>id="</code><id><code>"</code>
Provides the identifier used to link the generated image to an image map. If you use the <code>simple</code> option then it also provides the name of the generated DOT graph container (since GraphViz uses this to generate the image map). If not given then an identifier is generated with the form <code>wp_graphviz_N</code> where N is an integer that starts at one when the plugin is loaded and is incremented with use.
</li>
<li>
<code>output="<png|gif|jpg|svg>"</code>
Indicates the desired image format. Defaults to <code>png</code>.
</li>
<li>
<code>simple="yes|no"</code>
The <code>simple</code> option provides a very basic DOT wrapper around your code such that the following is possible:
<pre><code>[wp_graphviz simple="yes"] a -> b -> c; [/wp_graphviz]
</code></pre>
The generated code would look like:
<pre><code>digraph wp_graphviz_1 {
 a -> b -> c;
}
</code></pre>
See the <code>id</code> option for a description of where the name of the <code>digraph</code> comes from. <code>simple</code> defaults to <code>no</code>.
</li>
<li>
<code>title="</code><title><code>"</code>
Indicates the title of the image. This is used in the <code>alt</code> and <code>title</code> attributes of the image reference. This defaults to an empty string. Note that image maps may indicate a <code>title</code> string which will appear in tool-tips.
</li>
</ul>

Alternatives to WP-GraphViz

Top alternatives