# Feature Demos

==== Graphs ====

([Documentation plugin:graphviz](https://www.dokuwiki.org/plugin:graphviz))

<graphviz dot left 500x200>
digraph finite_state_machine {
	rankdir=LR;
	size="9,5"
	node [shape = doublecircle]; LR_0 LR_3 LR_4 LR_8;
	node [shape = circle];
	LR_0 -> LR_2 [ label = "AB(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)" ];
}
</graphviz>

<graphviz>
 graph G1 {
    aaa -- bbb;
    bbb -- c;
    aaa -- c;
}
</graphviz>

==== Syntax-Highlighting ====

([Documentation wiki:syntax](https://www.dokuwiki.org/wiki:syntax#syntax_highlighting))

<code php; first-line: 70; highlight: [89,92]; title: New title attribute in action>\\ 
public function render($mode, &$renderer, $data) {

if($mode != 'xhtml') return false;

if (count($data) == 3) {
list($syntax, $attr, $content) = $data;
}
</code>



==== Tables and calculations ====
([Documentation plugin:tablecalc](https://www.dokuwiki.org/plugin:tablecalc))

|Max|5|
|Moritz|6|
|Franz|7|   
|Tom|8|       
|Avg:|~~=average(range(col(),0,col(),row()-1))~~|