Testing Graphviz Plugin

We paste the generated dot for Thompson's Anchors Visualized and then hack the plugin until clicks work.

digraph {layout = "fdp" 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.

digraph { NodeA -> NodeB [ label="click here" fontcolor=blue href="https://example.com/foo" target="_blank" ] }

As of this writing, adding an href attribute to a graph node will be overridden with a wiki internal link by the graphviz plugin. So within wiki, this trick of adding links can only be applied (at the moment) to graph edges.

digraph { Apparatus:sw -> "About Frame Plugin":nw [ label=lineup fontcolor=blue href="https://wiki.dbbs.co/view/apparatus/view/about-frame-plugin" target="_blank" ] }

.

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