Using graphviz to draw path diagrams in messages

The graphviz plugin can be used to draw diagrams.

Here is a simple twin model path diagram.

A1 A 1 P1 P 1 A1->P1 a     A2 A 2 A1->A2 1 or 0.5 C1 C 1 C1->P1 c C2 C 2 C1->C2 1 E1 E 1 E1->P1 e P2 P 2 A2->P2 a     C2->P2 c E2 E 2 E2->P2 e
[graphviz engine=dot]
digraph{
A1 -> P1 [xlabel=<<i>a    </i>>];
C1 -> P1 [xlabel=<<i>c </i>>];
E1 -> P1 [xlabel=<<i>e</i>>];
P1 [shape=box];
A2 -> P2[xlabel=<<i>a    </i>>];
C2 -> P2[xlabel=<<i>c </i>>];
E2 -> P2[xlabel=<<i>e</i>>];
P2 [shape=box];
A1 -> A2 [dir=both, xlabel="1 or 0.5"];
C1-> C2 [dir=both, xlabel="1"];
A1[label=<A<sub>1</sub>>];
C1[label=<C<sub>1</sub>>];
E1[label=<E<sub>1</sub>>];
P1[label=<P<sub>1</sub>>];
A2[label=<A<sub>2</sub>>];
C2[label=<C<sub>2</sub>>];
E2[label=<E<sub>2</sub>>];
P2[label=<P<sub>2</sub>>];
{ rank=same; A1; C1; E1; A2; C2; E2;}
}
[/graphviz]

The subscripts do not appear correctly in Firefox, but do appear correctly in other browsers.

1 Like