We paste the generated dot for Thompson's Anchors Visualized and then hack the plugin until clicks work.
digraph { node [shape=box style=filled fillcolor=lightblue] rankdir=LR "Learning\nCycles" [fillcolor=gold] "Agile" "Learning\nCycles" -> "Agile" "Higher\nPurpose" "Learning\nCycles" -> "Higher\nPurpose" "Design\nThinking" "Learning\nCycles" -> "Design\nThinking" "Scrum" "Learning\nCycles" -> "Scrum" "Prime\nPattern" "Learning\nCycles" -> "Prime\nPattern" "Agile\nLearning" "Learning\nCycles" -> "Agile\nLearning" "Eureka\nMoments" "Learning\nCycles" -> "Eureka\nMoments" "Creative\nConfidence" "Learning\nCycles" -> "Creative\nConfidence" "Flow\nState" "Learning\nCycles" -> "Flow\nState" "Hero's\nJourney" "Learning\nCycles" -> "Hero's\nJourney" "Pattern\nLanguages" [fillcolor=gold] "Object\nOriented\nProgramming" "Pattern\nLanguages" -> "Object\nOriented\nProgramming" "Original\nWiki\nPlatform" "Pattern\nLanguages" -> "Original\nWiki\nPlatform" "Agile" "Pattern\nLanguages" -> "Agile" "Exploring\nPatterns" "Pattern\nLanguages" -> "Exploring\nPatterns" "Agile\nMindset" [fillcolor=gold] "Higher\nPurpose" "Agile\nMindset" -> "Higher\nPurpose" "Courage" "Agile\nMindset" -> "Courage" "Learning\nCycles" "Agile\nMindset" -> "Learning\nCycles" "Value\nNetworks" "Agile\nMindset" -> "Value\nNetworks" "Paradigm\nof\nAbundance" "Agile\nMindset" -> "Paradigm\nof\nAbundance" "Dialectical\nSynthesis" [fillcolor=gold] "Cartesian\nMindset" "Dialectical\nSynthesis" -> "Cartesian\nMindset" "Agile\nMindset" "Dialectical\nSynthesis" -> "Agile\nMindset" "Smalltalk" "Dialectical\nSynthesis" -> "Smalltalk" "Speed\nof\nNow" "Dialectical\nSynthesis" -> "Speed\nof\nNow" "Eureka\nMoments" "Dialectical\nSynthesis" -> "Eureka\nMoments" "Creative\nGenius" "Dialectical\nSynthesis" -> "Creative\nGenius" "Whole\nMind" "Dialectical\nSynthesis" -> "Whole\nMind" "Thoughts\non\nSmalltalk\n&\nAgile" "Dialectical\nSynthesis" -> "Thoughts\non\nSmalltalk\n&\nAgile" "Birthing\nEureka\nMoments" "Dialectical\nSynthesis" -> "Birthing\nEureka\nMoments" "Agile\nLearning" [fillcolor=gold] "Agile\nDevelopment" "Agile\nLearning" -> "Agile\nDevelopment" "Agile\nManagement" "Agile\nLearning" -> "Agile\nManagement" "Agile\nEducation" "Agile\nLearning" -> "Agile\nEducation" "Learning\nCycles" "Agile\nLearning" -> "Learning\nCycles" "Accelerated\nLearning" "Agile\nLearning" -> "Accelerated\nLearning" "Higher\nPurpose" "Agile\nLearning" -> "Higher\nPurpose" "Collective\nFlow" "Agile\nLearning" -> "Collective\nFlow" "Evangelist" [fillcolor=gold] "Innovators" "Evangelist" -> "Innovators" "Bias\nto\nAction" "Evangelist" -> "Bias\nto\nAction" "Mentors" "Evangelist" -> "Mentors" "Agile\nLearning" "Evangelist" -> "Agile\nLearning" "Curiosity" "Evangelist" -> "Curiosity" "Hero's\nJourney" "Evangelist" -> "Hero's\nJourney" "Learning\nfrom\nOthers" "Evangelist" -> "Learning\nfrom\nOthers" "First\nFollower" "Evangelist" -> "First\nFollower" "Higher\nPurpose" [fillcolor=gold] "Audacious\nAspiration" "Higher\nPurpose" -> "Audacious\nAspiration" "Collective\nFlow" "Higher\nPurpose" -> "Collective\nFlow" "Paradigm\nof\nAbundance" "Higher\nPurpose" -> "Paradigm\nof\nAbundance" "Eureka\nMoments" [fillcolor=gold] "Schema" "Eureka\nMoments" -> "Schema" "Dialectical\nSynthesis" "Eureka\nMoments" -> "Dialectical\nSynthesis" "Birthing\nEureka\nMoments" "Eureka\nMoments" -> "Birthing\nEureka\nMoments" "Scrum" [fillcolor=gold] "Agile" "Scrum" -> "Agile" "Learning\nCycles" "Scrum" -> "Learning\nCycles" "Learning\nJournal" [fillcolor=gold] "Agile" "Learning\nJournal" -> "Agile" "Learning\nCycles" "Learning\nJournal" -> "Learning\nCycles" "Thompson's\nJournal" "Learning\nJournal" -> "Thompson's\nJournal" "Your\nOwn\nLearning\nJournal" "Learning\nJournal" -> "Your\nOwn\nLearning\nJournal" "Flow\nState" [fillcolor=gold] "Creative\nCourage" "Flow\nState" -> "Creative\nCourage" "Trivium" "Flow\nState" -> "Trivium" "Collective\nFlow" "Flow\nState" -> "Collective\nFlow" "Prime\nPattern" [fillcolor=gold] "Trivium" "Prime\nPattern" -> "Trivium" "Core\nValues" "Prime\nPattern" -> "Core\nValues" "Make-a-thon" [fillcolor=gold] "Agile\nLearning" "Make-a-thon" -> "Agile\nLearning" "Positive\nDeviancy" "Make-a-thon" -> "Positive\nDeviancy" "School\nRetool" "Make-a-thon" -> "School\nRetool" "Innovators" [fillcolor=gold] "Evangelist" "Innovators" -> "Evangelist" "Innovation\nCohort" "Innovators" -> "Innovation\nCohort" "Mentors" "Innovators" -> "Mentors" "Rogers\nCurve" "Innovators" -> "Rogers\nCurve" "Innovate\nOregon" [fillcolor=gold] "Essence\nof\nAgile" [fillcolor=gold] "Smalltalk" "Essence\nof\nAgile" -> "Smalltalk" "Retrospective" "Essence\nof\nAgile" -> "Retrospective" "Sprint" "Essence\nof\nAgile" -> "Sprint" "Eureka\nMoments" "Essence\nof\nAgile" -> "Eureka\nMoments" "Joyful\nSandboxes" "Essence\nof\nAgile" -> "Joyful\nSandboxes" "Wholehearted\nCommitment" [fillcolor=gold] "Courage" "Wholehearted\nCommitment" -> "Courage" "Curiosity" [fillcolor=gold] "Curiosity\nand\nthe\nGenius\nHour" "Curiosity" -> "Curiosity\nand\nthe\nGenius\nHour" "Core\nValues" [fillcolor=gold] "Audacious\nAspiration" "Core\nValues" -> "Audacious\nAspiration" "Prime\nPattern" "Core\nValues" -> "Prime\nPattern" "Value\nNetwork" "Core\nValues" -> "Value\nNetwork" "My\nCore\nValues" "Core\nValues" -> "My\nCore\nValues" "Collective\nFlow" [fillcolor=gold] "Flow\nState" "Collective\nFlow" -> "Flow\nState" "Agile" "Collective\nFlow" -> "Agile" "Innovate\nOregon" "Collective\nFlow" -> "Innovate\nOregon" "Make-a-thon" "Collective\nFlow" -> "Make-a-thon" "Cartesian\nMindset" [fillcolor=gold] "Audacious\nAspiration" [fillcolor=gold] "Comfortable\nbeing\nUncomfortable" "Audacious\nAspiration" -> "Comfortable\nbeing\nUncomfortable" "Higher\nPurpose" "Audacious\nAspiration" -> "Higher\nPurpose" "Leapfrog" "Audacious\nAspiration" -> "Leapfrog" "Agile\nPartnership\nProgram" [fillcolor=gold] "Innovators" "Agile\nPartnership\nProgram" -> "Innovators" "3x3\nReflection" [fillcolor=palegreen] "Agile\nPartnership\nProgram" "3x3\nReflection" -> "Agile\nPartnership\nProgram" "The\nMeaning\nof\nWords" "3x3\nReflection" -> "The\nMeaning\nof\nWords" "Finding\nMeaning" "3x3\nReflection" -> "Finding\nMeaning" "An\nExistential\nCrisis" [fillcolor=palegreen] "Agile\nValues" "An\nExistential\nCrisis" -> "Agile\nValues" "Wholehearted\nCommitment" "An\nExistential\nCrisis" -> "Wholehearted\nCommitment" "Believing\nin\nAwesome" [fillcolor=palegreen] "Modern\nAgile" "Believing\nin\nAwesome" -> "Modern\nAgile" "Creative\nGenius" "Believing\nin\nAwesome" -> "Creative\nGenius" "Creating\na\nJoyful\nSandbox" [fillcolor=palegreen] "Joyful\nSandboxes" "Creating\na\nJoyful\nSandbox" -> "Joyful\nSandboxes" "Finding\nMeaning" [fillcolor=palegreen] "3x3\nReflection" "Finding\nMeaning" -> "3x3\nReflection" "Learning\nCycles" "Finding\nMeaning" -> "Learning\nCycles" "Joyful\nSandboxes" [fillcolor=palegreen] "Smalltalk" "Joyful\nSandboxes" -> "Smalltalk" "Spirit\nof\nAgile" "Joyful\nSandboxes" -> "Spirit\nof\nAgile" "Deeper\nLearning" "Joyful\nSandboxes" -> "Deeper\nLearning" "Joy\nMatters" "Joyful\nSandboxes" -> "Joy\nMatters" "Layers\nof\nGenius" [fillcolor=palegreen] "Learning\nCycles" "Layers\nof\nGenius" -> "Learning\nCycles" "Agile\nLearning" "Layers\nof\nGenius" -> "Agile\nLearning" "Making\nof\nPatterns" [fillcolor=palegreen] "Pattern\nLanguages" "Making\nof\nPatterns" -> "Pattern\nLanguages" "QWAN" "Making\nof\nPatterns" -> "QWAN" "Agile\nLearning" "Making\nof\nPatterns" -> "Agile\nLearning" "Joyful\nSandboxes" "Making\nof\nPatterns" -> "Joyful\nSandboxes" "Learning\nCycles" "Making\nof\nPatterns" -> "Learning\nCycles" "Positive\nDeviant" "Making\nof\nPatterns" -> "Positive\nDeviant" "3x3\nReflection" "Making\nof\nPatterns" -> "3x3\nReflection" "Modern\nAgile" [fillcolor=palegreen] "Positive\nDeviant" [fillcolor=palegreen] "Positive\nDeviancy" "Positive\nDeviant" -> "Positive\nDeviancy" "The\nBell\nCurve" [fillcolor=palegreen] "The\nDark\nStory" [fillcolor=palegreen] "The\nPower\nCurve" [fillcolor=palegreen] "Unspoken\nAssumption" [fillcolor=palegreen] "Agile\nLearning" "Unspoken\nAssumption" -> "Agile\nLearning" "The\nBell\nCurve" "Unspoken\nAssumption" -> "The\nBell\nCurve" "The\nPower\nCurve" "Unspoken\nAssumption" -> "The\nPower\nCurve" "Creative\nGenius" "Unspoken\nAssumption" -> "Creative\nGenius" "The\nDark\nStory" "Unspoken\nAssumption" -> "The\nDark\nStory"}
The graph generator could be a plugin. Now just a prototype. github ![]()
Graphviz offers a lot in its markup. How much of that markup currently works with Graphviz Plugin?
See many dot examples: page ![]()
digraph H { parent [ shape=plaintext label=< <table border='1' cellborder='1'> <tr><td colspan="3">The foo, the bar and the baz</td></tr> <tr><td port='port_one'>First port</td><td port='port_two'>Second port</td><td port='port_three'>Third port</td></tr> </table> >]; child_one [ shape=plaintext label=< <table border='1' cellborder='0'> <tr><td>1</td></tr> </table> >]; child_two [ shape=plaintext label=< <table border='1' cellborder='0'> <tr><td>2</td></tr> </table> >]; child_three [ shape=plaintext label=< <table border='1' cellborder='0'> <tr><td>3</td></tr> </table> >]; parent:port_one -> child_one; parent:port_two -> child_two; parent:port_three -> child_three; }
The following graph shows how to add hyperlinks using to graph elements using the dot markup—useful for graphviz outside of wiki or inside of frames. The graphviz plugin adds collaborative link behavior to nodes and edges—these collaborative links override href's specified in the DOT.
digraph { rankdir=LR NodeA -> NodeB [ label="click here" fontcolor=blue href="https://example.com/foo" target="_blank" ] }
digraph { rankdir=LR NodeA -> NodeB [ label="click here" fontcolor=blue href="https://example.com/foo" target="_blank" ] }
Here we experiment with different layout algorithms supported by graphivz.
digraph { layout=circo label=circo labelloc=t node [shape=box style="rounded, filled"] A -> B -> C -> A -> { D E} }
digraph { layout=twopi label=twopi labelloc=t node [shape=box style="rounded, filled"] A -> B -> C -> A -> { D E} }
digraph { layout=circo label=circo labelloc=t node [shape=box style="rounded, filled"] A -> B -> C -> A -> { D E} }
digraph { layout=neato label=neato labelloc=t node [shape=box style="rounded, filled"] A -> B -> C -> A -> { D E} }
.
Checking memory consumption of graphviz plugin using growing.bay.wiki.org ![]()

After opening one of the Patterns pages.source ![]()

After opening all of the Patterns pages. source ![]()
In both of these tests, we started with just the Welcome Visitors page open. That is our baseline.
testing-graphviz-plugin