AsciiDoc
Text based document generation
»Home
»Man Page
»User Guide
»Cheatsheet
»a2x
»README
»ChangeLog
»Installation
»Downloads
»FAQ
»Support

Author: Gouichi Iisaka

Version: 1.0

Introduction

Graph visualization is a way of representing structural information as diagrams of abstract graphs and networks.

AsciiDoc can external shell commands used to process Paragraph and DelimitedBlock content by Filter.

Simple Example

 ["graphviz", "sample1.png"]
 ---------------------------------------------------------------------
 digraph G { rankdir=LR; Graphviz->AsciiDoc->HTML}
 ---------------------------------------------------------------------
sample1.png
 ["graphviz", "sample2.png"]
 ---------------------------------------------------------------------
 digraph automata_0 {
    size ="8.5, 11";
    node [shape = circle];
    0 [ style = filled, color=lightgrey ];
    2 [ shape = doublecircle ];
    0 -> 2 [ label = "a " ];
    0 -> 1 [ label = "other " ];
    1 -> 2 [ label = "a " ];
    1 -> 1 [ label = "other " ];
    2 -> 2 [ label = "a " ];
    2 -> 1 [ label = "other " ];
    "Machine: a" [ shape = plaintext ];
 }
 ---------------------------------------------------------------------
sample3.png
 ["graphviz", "sample4.png", "dot"]
 ---------------------------------------------------------------------
 digraph finite_state_machine {
    rankdir=LR;
    size="8,5"
    node [shape = doublecircle]; LR_0 LR_3 LR_4 LR_8;
    node [shape = circle];
    LR_0 -> LR_2 [ label = "SS(B)" ];
    LR_0 -> LR_1 [ label = "SS(S)" ];
    LR_1 -> LR_3 [ label = "S($end)" ];
    LR_2 -> LR_6 [ label = "SS(b)" ];
    LR_2 -> LR_5 [ label = "SS(a)" ];
    LR_2 -> LR_4 [ label = "S(A)" ];
    LR_5 -> LR_7 [ label = "S(b)" ];
    LR_5 -> LR_5 [ label = "S(a)" ];
    LR_6 -> LR_6 [ label = "S(b)" ];
    LR_6 -> LR_5 [ label = "S(a)" ];
    LR_7 -> LR_8 [ label = "S(b)" ];
    LR_7 -> LR_5 [ label = "S(a)" ];
    LR_8 -> LR_6 [ label = "S(b)" ];
    LR_8 -> LR_5 [ label = "S(a)" ];
 }
 ---------------------------------------------------------------------
Example for ‘dot’:
sample4.png

Layout

layout for graphviz as follows.

  • dot:: filter for drawing directed graphs

  • neato:: filter for drawing undirected graphs

  • twopi:: filter for radial layouts of graphs

  • circo:: filter for circular layout of graphs

  • fdp:: filter for drawing undirected graphs

default is ‘dot’.