# Ways to Draw Diagrams Displayed on Math.SE

I wanted to start a meta question, but I don’t see a point of that after viewing some related posts listed at the end of the next subsection.

### Intended question

You may vote on your preferred way.

AMScd supported on Math.SE for a long time
• no diagonal arrows
• syntax less well-known
• Two-way arrows $\rightleftarrows$ look odd
array
• supported on Math.SE for a long time
• easier syntax
• write basic diagonal arrows like $\nearrow$
• fine tuning spacing is hard
• diagonal arrows only work for neighboring nodes
ASCIIFlow WYSIWYG interface lines are rendered as slashes in code
TikZ
• well known syntax
• can draw pretty diagrams
not supported on SE, need to import as picture
others?

Related questions:

### AMScd

Adapted from MathJax tutorial for commutative diagrams.

$$\require{AMScd} \require{enclose} \begin{CD} \Large{\enclose{circle}{A}} @>a» \Large{\enclose{circle}{B}} \ @V b V V @V 1-c \uparrow V c V \ \Large{\enclose{circle}{C}} @»d> \Large{\enclose{circle}{D}} \end{CD}$$

$$\require{AMScd} \require{enclose} \begin{CD} \Large{\enclose{circle}{A}} @>a>> \Large{\enclose{circle}{B}} \\ @V b V V @V 1-c \uparrow V c V \\ \Large{\enclose{circle}{C}} @>>d> \Large{\enclose{circle}{D}} \end{CD}$$


### $\rm\LaTeX$’s array environment

Thanks to AMScd. The diagram below is modified from the MathJax tutorial’s answer

$$\require{enclose} \begin{array}{ccccccccc} &&& \curvearrowleft\tfrac13 &\ \Large{\enclose{circle}{A}} & \xrightarrow{0.1} & \Large{\enclose{circle}{B}} & \xrightarrow{0.2} & \Large{\enclose{circle}{C}} & \xleftarrow{0.3} & \Large{\enclose{circle}{D}} & \xleftarrow{0.4} & \Large{\enclose{circle}{E}}\ \scriptsize{0.5}\large{\downarrow} & \scriptsize{0.6}\large{\searrow} & \scriptsize{0.7}\large{\downarrow} & \scriptsize{0.8}\large{\nearrow} & \scriptsize{0.9}\large{\downarrow} & \scriptsize{0.1}\large{\swarrow} & \scriptsize{0.2}\large{\downarrow} & \scriptsize{0.3}\large{\nwarrow} & \scriptsize{0.4}\large{\downarrow}\\ \Large{\enclose{circle}{F}} & \xrightarrow[0.5]{} & \Large{\enclose{circle}{G}} & \xrightarrow[0.6]{} & \Large{\enclose{circle}{H}} & \xleftarrow[0.7]{} & \Large{\enclose{circle}{I}} & \xleftarrow[0.8]{} & \Large{\enclose{circle}{J}}\ \circlearrowright\tfrac12\ \end{array}$$

$$\require{enclose} \begin{array}{ccccccccc} &&& \curvearrowleft\tfrac13 &\\ \Large{\enclose{circle}{A}} & \xrightarrow{0.1} & \Large{\enclose{circle}{B}} & \xrightarrow{0.2} & \Large{\enclose{circle}{C}} & \xleftarrow{0.3} & \Large{\enclose{circle}{D}} & \xleftarrow{0.4} & \Large{\enclose{circle}{E}}\\\ \scriptsize{0.5}\large{\downarrow} & \scriptsize{0.6}\large{\searrow} & \scriptsize{0.7}\large{\downarrow} & \scriptsize{0.8}\large{\nearrow} & \scriptsize{0.9}\large{\downarrow} & \scriptsize{0.1}\large{\swarrow} & \scriptsize{0.2}\large{\downarrow} & \scriptsize{0.3}\large{\nwarrow} & \scriptsize{0.4}\large{\downarrow}\\\ \Large{\enclose{circle}{F}} & \xrightarrow[0.5]{} & \Large{\enclose{circle}{G}} & \xrightarrow[0.6]{} & \Large{\enclose{circle}{H}} & \xleftarrow[0.7]{} & \Large{\enclose{circle}{I}} & \xleftarrow[0.8]{} & \Large{\enclose{circle}{J}}\\ \circlearrowright\tfrac12\\ \end{array}$$


### The rest

As this post won’t be published on meta, having the link to ASCIIFlow is enough.