Plugin info

Total downloads: 3,466
Active installs: 50
Total reviews: 3
Average rating: 4
Support threads opened: 0
Support threads resolved: 0 (0%)
Available in: 1 language(s)
Contributors: 1
Last updated: 7/23/2023 (891 days ago)
Added to WordPress: 8/29/2013 (12 years old)
Minimum WordPress version: 5.0
Tested up to WordPress version: 6.2.8
Minimum PHP version: f

Maintenance & Compatibility

Maintenance score

Possibly abandoned • Last updated 891 days ago • 3 reviews

22/100

Is WP-GraphViz abandoned?

Possibly abandoned (last update 891 days ago).

Compatibility

Requires WordPress: 5.0
Tested up to: 6.2.8
Requires PHP: f

Developers

Languages

Similar & Alternatives

Explore plugins with similar tags, and compare key metrics like downloads, ratings, updates, support, and WP/PHP compatibility.

Sebastian
Rating 0.0/5 (0 reviews)Active installs 10

Description

GraphViz 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:

https://github.com/mdaines/viz.js

Special thanks goes to chrisy as author of TFO Graphviz, e.g. for providing the inspiration for this readme:

https://wordpress.org/plugins/tfo-graphviz/

How to use WP GraphViz

The shortcode syntax is:

[wp_graphviz ]
 
[/wp_graphviz]

Where is anything from this list. All are entirely optional:

  • id=""

    Provides the identifier used to link the generated image to an image map. If you use the simple 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 wp_graphviz_N where N is an integer that starts at one when the plugin is loaded and is incremented with use.

  • output=""

    Indicates the desired image format. Defaults to png.

  • simple="yes|no"

    The simple option provides a very basic DOT wrapper around your code such that the following is possible:

    [wp_graphviz simple="yes"] a -> b -> c; [/wp_graphviz]
    

    The generated code would look like:

    digraph wp_graphviz_1 {
        a -> b -> c;
    }
    

    See the id option for a description of where the name of the digraph comes from. simple defaults to no.

  • title="</em><code>"</code></p> <p>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.</p> </li> </ul> </div></div></div></div></section><section id="installation" class="scroll-mt-24"><div class="overflow-hidden rounded-2xl border border-gray-200 bg-white/80 shadow-sm backdrop-blur dark:border-gray-700 dark:bg-gray-900/40"><div class="flex items-center justify-between gap-3 border-b border-gray-200 px-4 py-4 dark:border-gray-700 md:px-6"><div class="flex items-center gap-3"><div class="flex h-9 w-9 items-center justify-center rounded-xl bg-indigo-50 text-indigo-700 dark:bg-indigo-900/40 dark:text-indigo-200"><svg stroke="currentColor" fill="none" stroke-width="0" viewBox="0 0 24 24" height="1em" width="1em" xmlns="http://www.w3.org/2000/svg"><path d="M5 16C5 15.4477 5.44772 15 6 15H14C14.5523 15 15 15.4477 15 16C15 16.5523 14.5523 17 14 17H6C5.44772 17 5 16.5523 5 16Z" fill="currentColor"></path><path d="M18 11C18.5523 11 19 11.4477 19 12C19 12.5523 18.5523 13 18 13H10C9.44772 13 9 12.5523 9 12C9 11.4477 9.44772 11 10 11H18Z" fill="currentColor"></path><path d="M16 16C16 15.4477 16.4477 15 17 15H18C18.5523 15 19 15.4477 19 16C19 16.5523 18.5523 17 18 17H17C16.4477 17 16 16.5523 16 16Z" fill="currentColor"></path><path d="M7 11C7.55228 11 8 11.4477 8 12C8 12.5523 7.55228 13 7 13H6C5.44772 13 5 12.5523 5 12C5 11.4477 5.44772 11 6 11H7Z" fill="currentColor"></path><path fill-rule="evenodd" clip-rule="evenodd" d="M4 3C2.34315 3 1 4.34315 1 6V18C1 19.6569 2.34315 21 4 21H20C21.6569 21 23 19.6569 23 18V6C23 4.34315 21.6569 3 20 3H4ZM20 5H4C3.44772 5 3 5.44772 3 6V18C3 18.5523 3.44772 19 4 19H20C20.5523 19 21 18.5523 21 18V6C21 5.44771 20.5523 5 20 5Z" fill="currentColor"></path></svg></div><h2 class="text-base font-semibold text-gray-900 dark:text-gray-100 md:text-lg">Installation</h2></div></div><div class="relative px-4 py-4 md:px-6"><div class="relative overflow-hidden prose prose-sm sm:prose md:prose-lg dark:prose-invert" style="max-width:100%;max-height:320px"><div><ol> <li>Upload <code>wp-graphviz.php</code> to the <code>/wp-content/plugins/</code> directory</li> <li>Activate the plugin through the ‘Plugins’ menu in WordPress</li> <li>Use shortcode <code>[wp_graphviz]<dot code>[/wp_graphviz]</code> in your posts or pages</li> </ol> </div></div></div></div></section><section id="faq" class="scroll-mt-24"><div class="overflow-hidden rounded-2xl border border-gray-200 bg-white/80 shadow-sm backdrop-blur dark:border-gray-700 dark:bg-gray-900/40"><div class="flex items-center justify-between gap-3 border-b border-gray-200 px-4 py-4 dark:border-gray-700 md:px-6"><div class="flex items-center gap-3"><div class="flex h-9 w-9 items-center justify-center rounded-xl bg-indigo-50 text-indigo-700 dark:bg-indigo-900/40 dark:text-indigo-200"><svg stroke="currentColor" fill="currentColor" stroke-width="0" viewBox="0 0 384 512" height="1em" width="1em" xmlns="http://www.w3.org/2000/svg"><path d="M202.021 0C122.202 0 70.503 32.703 29.914 91.026c-7.363 10.58-5.093 25.086 5.178 32.874l43.138 32.709c10.373 7.865 25.132 6.026 33.253-4.148 25.049-31.381 43.63-49.449 82.757-49.449 30.764 0 68.816 19.799 68.816 49.631 0 22.552-18.617 34.134-48.993 51.164-35.423 19.86-82.299 44.576-82.299 106.405V320c0 13.255 10.745 24 24 24h72.471c13.255 0 24-10.745 24-24v-5.773c0-42.86 125.268-44.645 125.268-160.627C377.504 66.256 286.902 0 202.021 0zM192 373.459c-38.196 0-69.271 31.075-69.271 69.271 0 38.195 31.075 69.27 69.271 69.27s69.271-31.075 69.271-69.271-31.075-69.27-69.271-69.27z"></path></svg></div><h2 class="text-base font-semibold text-gray-900 dark:text-gray-100 md:text-lg">Frequently Asked Questions</h2></div></div><div class="relative px-4 py-4 md:px-6"><div class="relative overflow-hidden prose prose-sm sm:prose md:prose-lg dark:prose-invert" style="max-width:100%;max-height:320px"><div> <dt id='what%20is%20graphviz%3F'> What is GraphViz? </h4> <p> <p><a href="http://www.graphviz.org/" rel="nofollow ugc">GraphViz</a> is a way of generating visualisations of structural relationships between objects.<br /> Almost any kind of diagram where something <em>connects</em> to something else can be drawn and automatically laid out using the DOT language.</p> </p> <dt id='how%20do%20i%20use%20this%20plugin%3F'> How do I use this plugin? </h4> <p> <p>Use the <code>[wp_graphviz]</code> shortcode. Various uses are explained in the “<em>How to use</em>” section.</p> </p> <dt id='how%20do%20i%20write%20dot%3F'> How do I write DOT? </h4> <p> <p>The online documentation for <a href="http://www.graphviz.org/" rel="nofollow ugc">GraphViz</a> is terse and not especially helpful, in particular the <a href="http://www.graphviz.org/doc/info/lang.html" rel="nofollow ugc">DOT language</a> page is only helpful if you happen to be able to read an approximation of <a href="http://en.wikipedia.org/wiki/Backus%E2%80%93Naur_Form" rel="nofollow ugc">BNF</a>.</p> <p>There are however several other introductions to Graphviz and DOT, including <a href="http://linuxdevcenter.com/pub/a/linux/2004/05/06/graphviz_dot.html" rel="nofollow ugc">an excerpt on the O’Reilly LinuxDevCenter.com site</a>.<br /> Another approach would be to look at the examples in the <a href="http://www.graphviz.org/Gallery.php" rel="nofollow ugc">Graphviz gallery</a>.</p> <p>If in doubt, find an example and experiment with it.</p> </p> </div></div></div></div></section><section id="reviews-list" class="scroll-mt-24"><div class="overflow-hidden rounded-2xl border border-gray-200 bg-white/80 shadow-sm backdrop-blur dark:border-gray-700 dark:bg-gray-900/40"><div class="flex items-center justify-between gap-3 border-b border-gray-200 px-4 py-4 dark:border-gray-700 md:px-6"><div class="flex items-center gap-3"><div class="flex h-9 w-9 items-center justify-center rounded-xl bg-indigo-50 text-indigo-700 dark:bg-indigo-900/40 dark:text-indigo-200"><svg stroke="currentColor" fill="currentColor" stroke-width="0" viewBox="0 0 24 24" height="1em" width="1em" xmlns="http://www.w3.org/2000/svg"><path fill="none" d="M0 0h24v24H0V0z"></path><path d="M20 2H4c-1.1 0-1.99.9-1.99 2L2 22l4-4h14c1.1 0 2-.9 2-2V4c0-1.1-.9-2-2-2zm0 14H5.17l-.59.59-.58.58V4h16v12zm-9.5-2H18v-2h-5.5zm3.86-5.87c.2-.2.2-.51 0-.71l-1.77-1.77c-.2-.2-.51-.2-.71 0L6 11.53V14h2.47l5.89-5.87z"></path></svg></div><h2 class="text-base font-semibold text-gray-900 dark:text-gray-100 md:text-lg">Review feed</h2></div></div><div class="relative px-4 py-4 md:px-6"><div class="relative overflow-hidden" style="max-height:520px"><div class="text-center text-gray-500 dark:text-gray-400">No reviews available</div></div></div></div></section><section id="screenshots" class="scroll-mt-24"><div class="overflow-hidden rounded-2xl border border-gray-200 bg-white/80 shadow-sm backdrop-blur dark:border-gray-700 dark:bg-gray-900/40"><div class="flex items-center justify-between gap-3 border-b border-gray-200 px-4 py-4 dark:border-gray-700 md:px-6"><div class="flex items-center gap-3"><div class="flex h-9 w-9 items-center justify-center rounded-xl bg-indigo-50 text-indigo-700 dark:bg-indigo-900/40 dark:text-indigo-200"><svg stroke="currentColor" fill="currentColor" stroke-width="0" viewBox="0 0 576 512" height="1em" width="1em" xmlns="http://www.w3.org/2000/svg"><path d="M480 416v16c0 26.51-21.49 48-48 48H48c-26.51 0-48-21.49-48-48V176c0-26.51 21.49-48 48-48h16v208c0 44.112 35.888 80 80 80h336zm96-80V80c0-26.51-21.49-48-48-48H144c-26.51 0-48 21.49-48 48v256c0 26.51 21.49 48 48 48h384c26.51 0 48-21.49 48-48zM256 128c0 26.51-21.49 48-48 48s-48-21.49-48-48 21.49-48 48-48 48 21.49 48 48zm-96 144l55.515-55.515c4.686-4.686 12.284-4.686 16.971 0L272 256l135.515-135.515c4.686-4.686 12.284-4.686 16.971 0L512 208v112H160v-48z"></path></svg></div><h2 class="text-base font-semibold text-gray-900 dark:text-gray-100 md:text-lg">Screenshots</h2></div></div><div class="relative px-4 py-4 md:px-6"><div class="relative overflow-hidden prose prose-sm sm:prose md:prose-lg dark:prose-invert" style="max-width:100%;max-height:520px"><div><ol><li><a href="https://ps.w.org/wp-graphviz/trunk/screenshot-1.png?rev=2942137"><img src="https://ps.w.org/wp-graphviz/trunk/screenshot-1.png?rev=2942137" alt="This screen shot description corresponds to screenshot-1.(png|jpg|jpeg|gif). Note that the screenshot is taken from the /assets directory or the directory that contains the stable readme.txt (tags or trunk). Screenshots in the /assets directory take precedence. For example, <code>/assets/screenshot-1.png</code> would win over <code>/tags/4.3/screenshot-1.png</code> (or jpg, jpeg, gif)." loading="lazy" decoding="async" fetchpriority="low"></a><p>This screen shot description corresponds to screenshot-1.(png|jpg|jpeg|gif). Note that the screenshot is taken from the /assets directory or the directory that contains the stable readme.txt (tags or trunk). Screenshots in the /assets directory take precedence. For example, <code>/assets/screenshot-1.png</code> would win over <code>/tags/4.3/screenshot-1.png</code> (or jpg, jpeg, gif).</p></li></ol></div></div></div></div></section><section id="changelog" class="scroll-mt-24"><div class="overflow-hidden rounded-2xl border border-gray-200 bg-white/80 shadow-sm backdrop-blur dark:border-gray-700 dark:bg-gray-900/40"><div class="flex items-center justify-between gap-3 border-b border-gray-200 px-4 py-4 dark:border-gray-700 md:px-6"><div class="flex items-center gap-3"><div class="flex h-9 w-9 items-center justify-center rounded-xl bg-indigo-50 text-indigo-700 dark:bg-indigo-900/40 dark:text-indigo-200"><svg stroke="currentColor" fill="currentColor" stroke-width="0" viewBox="0 0 512 512" height="1em" width="1em" xmlns="http://www.w3.org/2000/svg"><path d="M504 255.531c.253 136.64-111.18 248.372-247.82 248.468-59.015.042-113.223-20.53-155.822-54.911-11.077-8.94-11.905-25.541-1.839-35.607l11.267-11.267c8.609-8.609 22.353-9.551 31.891-1.984C173.062 425.135 212.781 440 256 440c101.705 0 184-82.311 184-184 0-101.705-82.311-184-184-184-48.814 0-93.149 18.969-126.068 49.932l50.754 50.754c10.08 10.08 2.941 27.314-11.313 27.314H24c-8.837 0-16-7.163-16-16V38.627c0-14.254 17.234-21.393 27.314-11.314l49.372 49.372C129.209 34.136 189.552 8 256 8c136.81 0 247.747 110.78 248 247.531zm-180.912 78.784l9.823-12.63c8.138-10.463 6.253-25.542-4.21-33.679L288 256.349V152c0-13.255-10.745-24-24-24h-16c-13.255 0-24 10.745-24 24v135.651l65.409 50.874c10.463 8.137 25.541 6.253 33.679-4.21z"></path></svg></div><h2 class="text-base font-semibold text-gray-900 dark:text-gray-100 md:text-lg">Changelog</h2></div></div><div class="relative px-4 py-4 md:px-6"><div class="relative overflow-hidden prose prose-sm sm:prose md:prose-lg dark:prose-invert" style="max-width:100%;max-height:320px"><div><h4>1.5.1</h4> <ul> <li>Tested for WordPress 6.2.2.</li> </ul> <h4>1.5.0</h4> <ul> <li>Tested for WordPress 5.4.</li> </ul> <h4>1.4.0</h4> <ul> <li>Tested for WordPress 5.0.</li> </ul> <h4>1.3.0</h4> <ul> <li>Replaced viz.js with viz-lite.js to reduce footprint only supporting dot and svg options.</li> <li>Fixed shortcode handling keeping only those that work with viz-lite.</li> <li>Disabled wptexturize for WP_GraphViz shortcode.</li> <li>Formal version, tested for WP 4.7.4.</li> <li>Fixed translations.</li> </ul> <h4>1.2.1</h4> <ul> <li>Fixed translation handling using localization functions.</li> </ul> <h4>1.2.0</h4> <ul> <li>Formal version, tested for WP 4.6.1.</li> <li>Added shortcode parameters.</li> </ul> <h4>1.1.0</h4> <ul> <li>Formal version, tested for WP 4.0.</li> <li>Added icon-128×128.png to support plugin icons.</li> </ul> <h4>1.0.0</h4> <ul> <li>First formal version, improved reference data.</li> <li>Updated the viz.js library to latest version.</li> </ul> <h4>0.1.0</h4> <ul> <li>First version starting the plugin.</li> </ul> </div></div></div></div></section><div class="flex justify-center pt-2"><a class="inline-flex items-center gap-2 text-sm font-semibold text-indigo-600 hover:underline dark:text-indigo-300" href="/plugins"><svg stroke="currentColor" fill="currentColor" stroke-width="0" viewBox="0 0 448 512" class="h-4 w-4" aria-hidden="true" height="1em" width="1em" xmlns="http://www.w3.org/2000/svg"><path d="M257.5 445.1l-22.2 22.2c-9.4 9.4-24.6 9.4-33.9 0L7 273c-9.4-9.4-9.4-24.6 0-33.9L201.4 44.7c9.4-9.4 24.6-9.4 33.9 0l22.2 22.2c9.5 9.5 9.3 25-.4 34.3L136.6 216H424c13.3 0 24 10.7 24 24v32c0 13.3-10.7 24-24 24H136.6l120.5 114.8c9.8 9.3 10 24.8.4 34.3z"></path></svg> Back to plugins</a></div></div></div></div></div></main><footer class="w-full border-t border-gray-200 dark:border-gray-700 bg-white dark:bg-gray-900 flex-none"><div class="max-w-6xl mx-auto px-4 py-10 grid gap-10 md:grid-cols-3"><div class="flex flex-col gap-3"><div class="text-lg font-semibold">Plugins Database</div><p class="text-sm text-gray-600 dark:text-gray-400 leading-relaxed">Data-rich search and discovery for every WordPress plugin, tag, language, and author.</p></div><div class="flex flex-col gap-3"><div class="text-xs font-semibold uppercase tracking-wide text-gray-700 dark:text-gray-300">Explore</div><div class="flex flex-col gap-2 text-sm"><a href="/plugins">All plugins</a><a href="/tags">Tags</a><a href="/languages">Languages</a><a href="/authors">Authors</a></div></div><div class="flex flex-col gap-3"><div class="text-xs font-semibold uppercase tracking-wide text-gray-700 dark:text-gray-300">Company</div><div class="flex flex-col gap-2 text-sm"><a href="/about">About</a></div></div></div><div class="border-t border-gray-200 dark:border-gray-700"><div class="max-w-6xl mx-auto px-4 py-4 text-sm text-gray-600 dark:text-gray-400 flex flex-col sm:flex-row sm:items-center sm:justify-between gap-2"><div>© <!-- -->2025<!-- --> Plugins Database LTD</div><div class="flex flex-row flex-wrap gap-4"><a href="/sitemaps/all-plugins-sitemaps.xml">Sitemap</a></div></div></div></footer></div></div><script id="__NEXT_DATA__" type="application/json">{"props":{"pageProps":{"pluginName":"WP-GraphViz","pluginId":"wp-graphviz","stringifyPluginData":"{\"active_installs\":50,\"added\":{\"timestamp\":1377734400,\"timezone\":\"UTC\"},\"author\":\"DeBAAT\",\"author_profile\":{\"url\":\"https://profiles.wordpress.org/debaat/\",\"alt\":\"DeBAAT\"},\"banners\":[],\"changelog\":\"\u003ch4\u003e1.5.1\u003c/h4\u003e\\n\u003cul\u003e\\n\u003cli\u003eTested for WordPress 6.2.2.\u003c/li\u003e\\n\u003c/ul\u003e\\n\u003ch4\u003e1.5.0\u003c/h4\u003e\\n\u003cul\u003e\\n\u003cli\u003eTested for WordPress 5.4.\u003c/li\u003e\\n\u003c/ul\u003e\\n\u003ch4\u003e1.4.0\u003c/h4\u003e\\n\u003cul\u003e\\n\u003cli\u003eTested for WordPress 5.0.\u003c/li\u003e\\n\u003c/ul\u003e\\n\u003ch4\u003e1.3.0\u003c/h4\u003e\\n\u003cul\u003e\\n\u003cli\u003eReplaced viz.js with viz-lite.js to reduce footprint only supporting dot and svg options.\u003c/li\u003e\\n\u003cli\u003eFixed shortcode handling keeping only those that work with viz-lite.\u003c/li\u003e\\n\u003cli\u003eDisabled wptexturize for WP_GraphViz shortcode.\u003c/li\u003e\\n\u003cli\u003eFormal version, tested for WP 4.7.4.\u003c/li\u003e\\n\u003cli\u003eFixed translations.\u003c/li\u003e\\n\u003c/ul\u003e\\n\u003ch4\u003e1.2.1\u003c/h4\u003e\\n\u003cul\u003e\\n\u003cli\u003eFixed translation handling using localization functions.\u003c/li\u003e\\n\u003c/ul\u003e\\n\u003ch4\u003e1.2.0\u003c/h4\u003e\\n\u003cul\u003e\\n\u003cli\u003eFormal version, tested for WP 4.6.1.\u003c/li\u003e\\n\u003cli\u003eAdded shortcode parameters.\u003c/li\u003e\\n\u003c/ul\u003e\\n\u003ch4\u003e1.1.0\u003c/h4\u003e\\n\u003cul\u003e\\n\u003cli\u003eFormal version, tested for WP 4.0.\u003c/li\u003e\\n\u003cli\u003eAdded icon-128\u0026#215;128.png to support plugin icons.\u003c/li\u003e\\n\u003c/ul\u003e\\n\u003ch4\u003e1.0.0\u003c/h4\u003e\\n\u003cul\u003e\\n\u003cli\u003eFirst formal version, improved reference data.\u003c/li\u003e\\n\u003cli\u003eUpdated the viz.js library to latest version.\u003c/li\u003e\\n\u003c/ul\u003e\\n\u003ch4\u003e0.1.0\u003c/h4\u003e\\n\u003cul\u003e\\n\u003cli\u003eFirst version starting the plugin.\u003c/li\u003e\\n\u003c/ul\u003e\\n\",\"contributors\":[{\"slug\":\"debaat\",\"name\":\"DeBAAT\",\"count\":7,\"is_owner\":true,\"links\":{\"profile\":{\"url\":\"https://profiles.wordpress.org/debaat/\",\"alt\":\"DeBAAT's profile\"},\"plugins\":{\"url\":\"https://profiles.wordpress.org/debaat/#content-plugins\",\"alt\":\"DeBAAT's plugins\"},\"activity\":{\"url\":\"https://profiles.wordpress.org/debaat/#content-activity\",\"alt\":\"DeBAAT's activity\"},\"translations\":{\"url\":\"https://profiles.wordpress.org/debaat/#content-translations\",\"alt\":\"DeBAAT's translations\"}}}],\"description\":\"\u003cp\u003e\u003ca href=\\\"http://www.graphviz.org/\\\" rel=\\\"nofollow ugc\\\"\u003eGraphViz\u003c/a\u003e is a powerful tool for visualising network and tree structures that connect objects.\u003c/p\u003e\\n\u003cp\u003eThis WordPress plugin provides a shortcode mechanism to create GraphViz graphics within blogs, using the shortcode mechanism.\u003c/p\u003e\\n\u003cp\u003eIt’s working is based on the viz.js code as provided by Mike Daines:\u003c/p\u003e\\n\u003cpre\u003e\u003ccode\u003ehttps://github.com/mdaines/viz.js\\n\u003c/code\u003e\u003c/pre\u003e\\n\u003cp\u003eSpecial thanks goes to chrisy as author of TFO Graphviz, e.g. for providing the inspiration for this readme:\u003c/p\u003e\\n\u003cpre\u003e\u003ccode\u003ehttps://wordpress.org/plugins/tfo-graphviz/\\n\u003c/code\u003e\u003c/pre\u003e\\n\u003ch3\u003eHow to use WP GraphViz\u003c/h3\u003e\\n\u003cp\u003eThe shortcode syntax is:\u003c/p\u003e\\n\u003cpre\u003e\u003ccode\u003e[wp_graphviz \u003coptions\u003e]\\n \u003cDOT code\u003e\\n[/wp_graphviz]\\n\u003c/code\u003e\u003c/pre\u003e\\n\u003cp\u003eWhere \u003ccode\u003e\u003coptions\u003e\u003c/code\u003e is anything from this list. All are entirely optional:\u003c/p\u003e\\n\u003cul\u003e\\n\u003cli\u003e\\n\u003cp\u003e\u003ccode\u003eid=\\\"\u003c/code\u003e\u003cem\u003e\u003cid\u003e\u003c/em\u003e\u003ccode\u003e\\\"\u003c/code\u003e\u003c/p\u003e\\n\u003cp\u003eProvides the identifier used to link the generated image to an image map. If you use the \u003ccode\u003esimple\u003c/code\u003e 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 \u003ccode\u003ewp_graphviz_N\u003c/code\u003e where \u003cem\u003eN\u003c/em\u003e is an integer that starts at one when the plugin is loaded and is incremented with use.\u003c/p\u003e\\n\u003c/li\u003e\\n\u003cli\u003e\\n\u003cp\u003e\u003ccode\u003eoutput=\\\"\u003cpng|gif|jpg|svg\u003e\\\"\u003c/code\u003e\u003c/p\u003e\\n\u003cp\u003eIndicates the desired image format. Defaults to \u003ccode\u003epng\u003c/code\u003e.\u003c/p\u003e\\n\u003c/li\u003e\\n\u003cli\u003e\\n\u003cp\u003e\u003ccode\u003esimple=\\\"yes|no\\\"\u003c/code\u003e\u003c/p\u003e\\n\u003cp\u003eThe \u003ccode\u003esimple\u003c/code\u003e option provides a very basic DOT wrapper around your code such that the following is possible:\u003c/p\u003e\\n\u003cpre\u003e\u003ccode\u003e[wp_graphviz simple=\\\"yes\\\"] a -\u003e b -\u003e c; [/wp_graphviz]\\n\u003c/code\u003e\u003c/pre\u003e\\n\u003cp\u003eThe generated code would look like:\u003c/p\u003e\\n\u003cpre\u003e\u003ccode\u003edigraph wp_graphviz_1 {\\n a -\u003e b -\u003e c;\\n}\\n\u003c/code\u003e\u003c/pre\u003e\\n\u003cp\u003eSee the \u003ccode\u003eid\u003c/code\u003e option for a description of where the name of the \u003ccode\u003edigraph\u003c/code\u003e comes from. \u003ccode\u003esimple\u003c/code\u003e defaults to \u003ccode\u003eno\u003c/code\u003e.\u003c/p\u003e\\n\u003c/li\u003e\\n\u003cli\u003e\\n\u003cp\u003e\u003ccode\u003etitle=\\\"\u003c/code\u003e\u003cem\u003e\u003ctitle\u003e\u003c/em\u003e\u003ccode\u003e\\\"\u003c/code\u003e\u003c/p\u003e\\n\u003cp\u003eIndicates the title of the image. This is used in the \u003ccode\u003ealt\u003c/code\u003e and \u003ccode\u003etitle\u003c/code\u003e attributes of the image reference. This defaults to an empty string. Note that image maps may indicate a \u003ccode\u003etitle\u003c/code\u003e string which will appear in tool-tips.\u003c/p\u003e\\n\u003c/li\u003e\\n\u003c/ul\u003e\\n\",\"downloaded\":3466,\"faq\":\"\\n\u003cdt id='what%20is%20graphviz%3F'\u003e\\nWhat is GraphViz?\\n\u003c/h4\u003e\\n\u003cp\u003e\\n\u003cp\u003e\u003ca href=\\\"http://www.graphviz.org/\\\" rel=\\\"nofollow ugc\\\"\u003eGraphViz\u003c/a\u003e is a way of generating visualisations of structural relationships between objects.\u003cbr /\u003e\\nAlmost any kind of diagram where something \u003cem\u003econnects\u003c/em\u003e to something else can be drawn and automatically laid out using the DOT language.\u003c/p\u003e\\n\u003c/p\u003e\\n\u003cdt id='how%20do%20i%20use%20this%20plugin%3F'\u003e\\nHow do I use this plugin?\\n\u003c/h4\u003e\\n\u003cp\u003e\\n\u003cp\u003eUse the \u003ccode\u003e[wp_graphviz]\u003c/code\u003e shortcode. Various uses are explained in the \u0026#8220;\u003cem\u003eHow to use\u003c/em\u003e\u0026#8221; section.\u003c/p\u003e\\n\u003c/p\u003e\\n\u003cdt id='how%20do%20i%20write%20dot%3F'\u003e\\nHow do I write DOT?\\n\u003c/h4\u003e\\n\u003cp\u003e\\n\u003cp\u003eThe online documentation for \u003ca href=\\\"http://www.graphviz.org/\\\" rel=\\\"nofollow ugc\\\"\u003eGraphViz\u003c/a\u003e is terse and not especially helpful, in particular the \u003ca href=\\\"http://www.graphviz.org/doc/info/lang.html\\\" rel=\\\"nofollow ugc\\\"\u003eDOT language\u003c/a\u003e page is only helpful if you happen to be able to read an approximation of \u003ca href=\\\"http://en.wikipedia.org/wiki/Backus%E2%80%93Naur_Form\\\" rel=\\\"nofollow ugc\\\"\u003eBNF\u003c/a\u003e.\u003c/p\u003e\\n\u003cp\u003eThere are however several other introductions to Graphviz and DOT, including \u003ca href=\\\"http://linuxdevcenter.com/pub/a/linux/2004/05/06/graphviz_dot.html\\\" rel=\\\"nofollow ugc\\\"\u003ean excerpt on the O\u0026#8217;Reilly LinuxDevCenter.com site\u003c/a\u003e.\u003cbr /\u003e\\nAnother approach would be to look at the examples in the \u003ca href=\\\"http://www.graphviz.org/Gallery.php\\\" rel=\\\"nofollow ugc\\\"\u003eGraphviz gallery\u003c/a\u003e.\u003c/p\u003e\\n\u003cp\u003eIf in doubt, find an example and experiment with it.\u003c/p\u003e\\n\u003c/p\u003e\\n\\n\",\"homepage\":\"http://www.de-baat.nl/WP_Graphviz\",\"icons\":[{\"type\":\"1x\",\"url\":\"https://ps.w.org/wp-graphviz/assets/icon-128x128.png?rev=971604\"},{\"type\":\"2x\",\"url\":\"https://ps.w.org/wp-graphviz/assets/icon-256x256.png?rev=971604\"}],\"installation\":\"\u003col\u003e\\n\u003cli\u003eUpload \u003ccode\u003ewp-graphviz.php\u003c/code\u003e to the \u003ccode\u003e/wp-content/plugins/\u003c/code\u003e directory\u003c/li\u003e\\n\u003cli\u003eActivate the plugin through the \u0026#8216;Plugins\u0026#8217; menu in WordPress\u003c/li\u003e\\n\u003cli\u003eUse shortcode \u003ccode\u003e[wp_graphviz]\u0026lt;dot code\u0026gt;[/wp_graphviz]\u003c/code\u003e in your posts or pages\u003c/li\u003e\\n\u003c/ol\u003e\\n\",\"internal_ranking\":0,\"languages\":[],\"last_seen\":{\"timestamp\":1765176263.58,\"timezone\":\"UTC\"},\"last_updated\":{\"timestamp\":1690124280,\"timezone\":\"UTC\"},\"last_wordpress_compatible_version\":\"6.2.8\",\"latest_num_ratings\":2,\"latest_rating\":5,\"latest_ratings\":{\"1\":0,\"2\":0,\"3\":0,\"4\":0,\"5\":2,\"links\":{\"1\":{\"url\":\"https://wordpress.org/support/plugin/wp-graphviz/reviews/?filter=1\",\"alt\":\"View all 0 one star reviews\"},\"2\":{\"url\":\"https://wordpress.org/support/plugin/wp-graphviz/reviews/?filter=2\",\"alt\":\"View all 0 two star reviews\"},\"3\":{\"url\":\"https://wordpress.org/support/plugin/wp-graphviz/reviews/?filter=3\",\"alt\":\"View all 0 three star reviews\"},\"4\":{\"url\":\"https://wordpress.org/support/plugin/wp-graphviz/reviews/?filter=4\",\"alt\":\"View all 0 four star reviews\"},\"5\":{\"url\":\"https://wordpress.org/support/plugin/wp-graphviz/reviews/?filter=5\",\"alt\":\"View all 2 five star reviews\"},\"all\":{\"url\":\"https://wordpress.org/support/plugin/wp-graphviz/reviews/\",\"alt\":\"View all 2 reviews\"}}},\"minimum_php_version\":\"f\",\"minimum_wordpress_version\":\"5.0\",\"name\":\"WP-GraphViz\",\"num_ratings\":3,\"pluginid\":\"wp-graphviz\",\"rating\":4,\"ratings\":{\"1\":0,\"2\":1,\"3\":0,\"4\":0,\"5\":2,\"links\":{\"1\":{\"url\":\"https://wordpress.org/support/plugin/wp-graphviz/reviews/?filter=1\",\"alt\":\"View all 0 one star reviews\"},\"2\":{\"url\":\"https://wordpress.org/support/plugin/wp-graphviz/reviews/?filter=2\",\"alt\":\"View all 1 two star reviews\"},\"3\":{\"url\":\"https://wordpress.org/support/plugin/wp-graphviz/reviews/?filter=3\",\"alt\":\"View all 0 three star reviews\"},\"4\":{\"url\":\"https://wordpress.org/support/plugin/wp-graphviz/reviews/?filter=4\",\"alt\":\"View all 0 four star reviews\"},\"5\":{\"url\":\"https://wordpress.org/support/plugin/wp-graphviz/reviews/?filter=5\",\"alt\":\"View all 2 five star reviews\"},\"all\":{\"url\":\"https://wordpress.org/support/plugin/wp-graphviz/reviews/\",\"alt\":\"View all 3 reviews\"}}},\"reviews\":[],\"screenshots\":\"\u003col\u003e\u003cli\u003e\u003ca href=\\\"https://ps.w.org/wp-graphviz/trunk/screenshot-1.png?rev=2942137\\\"\u003e\u003cimg src=\\\"https://ps.w.org/wp-graphviz/trunk/screenshot-1.png?rev=2942137\\\" alt=\\\"This screen shot description corresponds to screenshot-1.(png|jpg|jpeg|gif). Note that the screenshot is taken from the /assets directory or the directory that contains the stable readme.txt (tags or trunk). Screenshots in the /assets directory take precedence. For example, \u003ccode\u003e/assets/screenshot-1.png\u003c/code\u003e would win over \u003ccode\u003e/tags/4.3/screenshot-1.png\u003c/code\u003e (or jpg, jpeg, gif).\\\" loading=\\\"lazy\\\" decoding=\\\"async\\\" fetchpriority=\\\"low\\\"\u003e\u003c/a\u003e\u003cp\u003eThis screen shot description corresponds to screenshot-1.(png|jpg|jpeg|gif). Note that the screenshot is taken from the /assets directory or the directory that contains the stable readme.txt (tags or trunk). Screenshots in the /assets directory take precedence. For example, \u003ccode\u003e/assets/screenshot-1.png\u003c/code\u003e would win over \u003ccode\u003e/tags/4.3/screenshot-1.png\u003c/code\u003e (or jpg, jpeg, gif).\u003c/p\u003e\u003c/li\u003e\u003c/ol\u003e\",\"short_description\":\"A plugin to provide GraphViz functionality for WordPress sites.\",\"support_threads\":0,\"support_threads_resolved\":0,\"tags\":[{\"slug\":\"network\",\"label\":\"network\",\"count\":129},{\"slug\":\"graph\",\"label\":\"graph\",\"count\":52},{\"slug\":\"diagram\",\"label\":\"diagram\",\"count\":12},{\"slug\":\"dot\",\"label\":\"dot\",\"count\":2},{\"slug\":\"graphviz\",\"label\":\"graphviz\",\"count\":2}],\"tags_count\":197,\"languages_count\":0,\"age_days\":4507.165955201898,\"installs_per_rating\":16.666666666666668,\"downloads_per_rating\":1155.3333333333333,\"installs_per_day\":0.011093445525850457,\"downloads_per_day\":0.7689976438519537,\"reviews_per_day\":0.0006656067315510274,\"activation_rate\":0.014425851125216388,\"version\":\"1.5.1\",\"marketplace\":\"wordpress\",\"marketplace_url\":\"https://wordpress.org/plugins/wp-graphviz\",\"price\":null,\"wordpress_link\":{\"alt\":\"WordPress\",\"url\":\"https://wordpress.org/plugins/wp-graphviz\"}}","shortDescription":"A plugin to provide GraphViz functionality for WordPress sites.","rating":4,"numRatings":3,"activeInstalls":50,"downloaded":3466,"lastUpdatedTimestamp":1690124280,"minimumWordpressVersion":"5.0","testedWordpressVersion":"6.2.8","minimumPhpVersion":"f","supportThreads":0,"supportThreadsResolved":0,"stringifyAlternativesData":"[{\"active_installs\":10,\"added\":{\"timestamp\":1608595200,\"timezone\":\"UTC\"},\"author\":\"Batuhan Kök\",\"author_profile\":{\"url\":\"https://profiles.wordpress.org/batuhankok/\",\"alt\":\"Batuhan Kök\"},\"contributors\":[{\"slug\":\"batuhankok\",\"name\":\"Batuhan Kök\",\"count\":1,\"is_owner\":true,\"links\":{\"profile\":{\"url\":\"https://profiles.wordpress.org/batuhankok/\",\"alt\":\"Batuhan Kök's profile\"},\"plugins\":{\"url\":\"https://profiles.wordpress.org/batuhankok/#content-plugins\",\"alt\":\"Batuhan Kök's plugins\"},\"activity\":{\"url\":\"https://profiles.wordpress.org/batuhankok/#content-activity\",\"alt\":\"Batuhan Kök's activity\"},\"translations\":{\"url\":\"https://profiles.wordpress.org/batuhankok/#content-translations\",\"alt\":\"Batuhan Kök's translations\"}}}],\"downloaded\":938,\"homepage\":\"https://radix.works/sebastian\",\"icons\":[{\"type\":\"1x\",\"url\":\"https://ps.w.org/sebastian/assets/icon-128x128.png?rev=2444785\"}],\"internal_ranking\":0,\"languages\":[],\"last_seen\":{\"timestamp\":1765173713.364,\"timezone\":\"UTC\"},\"last_updated\":{\"timestamp\":1608706920,\"timezone\":\"UTC\"},\"last_wordpress_compatible_version\":\"5.6.16\",\"latest_num_ratings\":0,\"latest_rating\":0,\"latest_ratings\":{\"1\":0,\"2\":0,\"3\":0,\"4\":0,\"5\":0,\"links\":{\"1\":{\"url\":\"https://wordpress.org/support/plugin/sebastian/reviews/?filter=1\",\"alt\":\"View all 0 one star reviews\"},\"2\":{\"url\":\"https://wordpress.org/support/plugin/sebastian/reviews/?filter=2\",\"alt\":\"View all 0 two star reviews\"},\"3\":{\"url\":\"https://wordpress.org/support/plugin/sebastian/reviews/?filter=3\",\"alt\":\"View all 0 three star reviews\"},\"4\":{\"url\":\"https://wordpress.org/support/plugin/sebastian/reviews/?filter=4\",\"alt\":\"View all 0 four star reviews\"},\"5\":{\"url\":\"https://wordpress.org/support/plugin/sebastian/reviews/?filter=5\",\"alt\":\"View all 0 five star reviews\"},\"all\":{\"url\":\"https://wordpress.org/support/plugin/sebastian/reviews/\",\"alt\":\"View all 0 reviews\"}}},\"minimum_php_version\":\"5.0\",\"minimum_wordpress_version\":\"4.0\",\"name\":\"Sebastian\",\"num_ratings\":0,\"pluginid\":\"sebastian\",\"rating\":0,\"ratings\":{\"1\":0,\"2\":0,\"3\":0,\"4\":0,\"5\":0,\"links\":{\"1\":{\"url\":\"https://wordpress.org/support/plugin/sebastian/reviews/?filter=1\",\"alt\":\"View all 0 one star reviews\"},\"2\":{\"url\":\"https://wordpress.org/support/plugin/sebastian/reviews/?filter=2\",\"alt\":\"View all 0 two star reviews\"},\"3\":{\"url\":\"https://wordpress.org/support/plugin/sebastian/reviews/?filter=3\",\"alt\":\"View all 0 three star reviews\"},\"4\":{\"url\":\"https://wordpress.org/support/plugin/sebastian/reviews/?filter=4\",\"alt\":\"View all 0 four star reviews\"},\"5\":{\"url\":\"https://wordpress.org/support/plugin/sebastian/reviews/?filter=5\",\"alt\":\"View all 0 five star reviews\"},\"all\":{\"url\":\"https://wordpress.org/support/plugin/sebastian/reviews/\",\"alt\":\"View all 0 reviews\"}}},\"reviews\":[],\"short_description\":\"Sebastian is a simple Wordpress plugin that allows you to surprise your visitors. Like easter eggs.\",\"support_threads\":0,\"support_threads_resolved\":0,\"tags\":[{\"slug\":\"fun\",\"label\":\"fun\",\"count\":57},{\"slug\":\"easter-egg\",\"label\":\"easter egg\",\"count\":8},{\"slug\":\"dot\",\"label\":\"dot\",\"count\":2},{\"slug\":\"r10\",\"label\":\"r10\",\"count\":1},{\"slug\":\"sebastian\",\"label\":\"sebastian\",\"count\":1}],\"tags_count\":69,\"languages_count\":0,\"age_days\":1835.165955832581,\"installs_per_rating\":null,\"downloads_per_rating\":null,\"installs_per_day\":0.005449098468842936,\"downloads_per_day\":0.5111254363774674,\"reviews_per_day\":0,\"activation_rate\":0.010660980810234541,\"version\":\"1.0.0\",\"marketplace\":\"wordpress\",\"marketplace_url\":\"https://wordpress.org/plugins/sebastian\",\"price\":null,\"wordpress_link\":{\"alt\":\"WordPress\",\"url\":\"https://wordpress.org/plugins/sebastian\"}}]","renderedAt":1767153538528},"__N_SSG":true},"page":"/plugins/[id]","query":{"id":"wp-graphviz"},"buildId":"9dCGWG0jiTRmGB_b7UwMU","isFallback":false,"isExperimentalCompile":false,"gsp":true,"scriptLoader":[]}</script></body></html>