Testing Graphviz Plugin

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.

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" ] }