A tutorial showing how to make a simple Page Graph.
For this tutorial, Toggle Editing Mode. That way, you can double-click on a graph to see how it's made.
* Page Graph Boilerplate: Describing layout. * Page Graph HERE Node: Drawing "this" page. * Page Graph Links FROM Here * How Page Graphs Work * Page Graph Links TO Here * Page Graph Deeper Levels: Show nodes two or more links away. * Page Graph Styling Gotcha: Only applies when following multiple links. * Page Graph Filtering Links: Make smaller graphs * Page Graph Templates: How to avoid copy/paste.
DOT strict digraph rankdir=LR node [style=filled fillcolor=lightyellow penwidth=3 color=black fontname="Helvetica"] HERE NODE node [style=filled fillcolor=white penwidth=3 color=black] LINKS HERE -> NODE node [style="filled,rounded,dotted" fillcolor=white] edge [style=dotted] BACKLINKS NODE -> HERE STATIC strict digraph {rankdir=LR node [style=filled fillcolor=lightyellow penwidth=3 color=black fontname="Helvetica"] "Page Graph Links To HERE" node [style=filled fillcolor=white penwidth=3 color=black] "Page Graph Links To HERE" -> "Step-By-Step Page Graph" "Page Graph Links To HERE" -> "Step-By-Step Page Graph" node [style="filled,rounded,dotted" fillcolor=white] edge [style=dotted] "Step-By-Step Page Graph" -> "Page Graph Links To HERE" "Page Graph Deeper Levels" -> "Page Graph Links To HERE" }