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.

Ways Advantages Disadvantages
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:

  1. https://math.meta.stackexchange.com/q/9632/290189
  2. https://math.meta.stackexchange.com/q/30580/290189

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.


No comment

Your email address will not be published. Required fields are marked *.