Using graphviz to draw path diagrams in messages

Site Documentation and Feedback
1

The graphviz plugin can be used to draw diagrams.

Here is a simple twin model path diagram.

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 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