Awesome LaTeX drawing

Made by Xinyu Chen • 🌐 https://xinychen.github.io

awesome-latex-drawing is a collection of 20+ academic drawing examples for using LaTeX, including Bayesian networks, function plotting, graphical models, tensor structure, and technical frameworks. [Blog post on Medium]

Description

LaTeX is a high-quality typesetting system, and it is available as a free software. In recent years, it is very popular for creating and drawing academic graphics via LaTeX. This is because that LaTeX is able to draw many complicated graphics containing special symbols and math equations. It is really good for using LaTeX to draw certain graphics in your research.This project introduces some graphics that created by using LaTeX. It would be easy to follow the examples with a popular online LaTeX system - Overleaf. If you are interested, welcome to use Overleaf and reproduce our examples. The Overleaf is available at overleaf.com, please feel free to try it.

Contents

Table of Examples

• Bayesian networks
  • Bayesian network of Bayesian CP factorization (BCPF)
  • Bayesian network of Bayesian Gaussian CP (BGCP) factorization
  • Bayesian network of Bayesian augmented tensor factorization (BATF)
  • Bayesian network of Bayesian temporal matrix factorization (BTMF)
• pgfplots function plotting
  • PDF and CDF functions of Erlang distribution
  • PDF of normal distribution with different means and variances
  • (Joint) PDF functions of Lognormal distributions
  • Sine and Cosine functions
  • Mechanism of time series forecasting
• tikz-3dplot for tensor data
  • Graphical illustration for the (origin,destination,time slot) tensor
  • Graphical illustration of the classical CP tensor factorization on a third-order tensor

Usage

Open overleaf.com in your Chrome.

It is not necessary to open each file in this repository because you can just follow this readme document.

Gallery

Looking for some good LaTeX drawing examples? Here is a few (20+) to peruse.

Bayesian Networks

LaTeX provides some powerful domain-specific packages and tools like tikz to enable flexible graphical models. Bayesian networks represent a family of graphical models consisting of variables (usually denoted by nodes) and dependency relationships (usually denoted by arrows). Fortunately, tikz has a specific library for drawing Bayesian networks and directed factor graphs.

Bayesian Tensor Factorization

[Example 1]

This example is from the following paper:

• Qibin Zhao, Liqing Zhang, Andrzej Cichocki (2015). Bayesian CP factorization of incomplete tensors with automatic rank determination. IEEE Transactions on Pattern Analysis and Machine Intelligence, 37(9): 1751-1763.

which shows the Bayesian network of Bayesian CP factorization (BCPF) model. To draw this Bayesian network example, there are some preliminaries to follow:

• preamble codes:
  1. define the documentclass as standalone, e.g., \documentclass[border = 0.1cm]{standalone} with 0.1cm border,
  2. use package tikz in preamble, i.e., \usepackage{tikz}, and use tikz library like \usetikzlibrary{bayesnet} which is an important tool for drawing Bayesian networks and directed factor graphs,
  3. set the tikz style by using the \tikzstyle{} command,
  4. use math equation environments including \usepackage{amsfonts, amsmath, amssymb}.
• body codes:
  1. use \begin{tikzpicture} \end{tikzpicture} to start drawing,
  2. use \node to define nodes and text boxes in the Bayesian network,
  3. use \path to define arrows in the Bayesian network,
  4. use \plate to define plates in the Bayesian network.

Please click on the image and check out the source code.

[Example 2]

This example is from the following paper:

Xinyu Chen, Zhaocheng He, Lijun Sun (2019). A Bayesian tensor decomposition approach for spatiotemporal traffic data imputation. Transportation Research Part C: Emerging Technologies, 98: 73-84.

which shows the Bayesian network of Bayesian Gaussian CP factorization (BGCP) model. To draw this Bayesian network example, there are some preliminaries to follow:

• preamble codes:
  1. define the documentclass as standalone, e.g., \documentclass[border = 0.1cm]{standalone} with 0.1cm border,
  2. use package tikz in preamble, i.e., \usepackage{tikz}, and use tikz library like \usetikzlibrary{bayesnet} which is an important tool for drawing Bayesian networks and directed factor graph,
  3. set the tikz style by using the \tikzstyle{} command,
  4. use math equation environments including \usepackage{amsmath, amsfonts, amssymb}.
• body codes:
  1. use \begin{tikzpicture} \end{tikzpicture} to start drawing,
  2. use \node to define nodes and text boxes in the Bayesian network,
  3. use \path to define arrows in the Bayesian network,
  4. use \plate to define plates in the Bayesian network.

Please click on the image and check out the source code. If you are interested in the original Bayesian network of BGCP in the paper, please check out BGCP.tex.

[Example 3]

This example is from the following paper:

Xinyu Chen, Zhaocheng He, Yixian Chen, Yuhuan Lu, Jiawei Wang (2019). Missing traffic data imputation and pattern discovery with a Bayesian augmented tensor factorization model. Transportation Research Part C: Emerging Technologies, 104: 66-77.

which shows the Bayesian network of Bayesian augmented tensor factorization (BATF) model. To draw this Bayesian network example, there are some preliminaries to follow:

• preamble codes:
  1. define the documentclass as standalone, e.g., \documentclass[border = 0.1cm]{standalone} with 0.1cm border,
  2. use package tikz in preamble, i.e., \usepackage{tikz}, and use tikz library like \usetikzlibrary{bayesnet} which is an important tool for drawing Bayesian networks and directed factor graph,
  3. set the tikz style by using the \tikzstyle{} command,
  4. use math equation environments including \usepackage{amsmath, amsfonts, amssymb}.
• body codes:
  1. use \begin{tikzpicture} \end{tikzpicture} to start drawing,
  2. use \node to define nodes and text boxes in the Bayesian network,
  3. use \path to define arrows in the Bayesian network,
  4. use \plate to define plates in the Bayesian network.

Please click on the image and check out the source code.

This example is from the following paper:

Xinyu Chen, Lijun Sun (2021). Bayesian temporal factorization for multidimensional time series prediction. IEEE Transactions on Pattern Analysis and Machine Intelligence. (Early access)

which shows the Bayesian network of Bayesian temporal matrix factorization (BTMF) model. To draw this Bayesian network example, there are some preliminaries to follow:

• preamble codes:
  1. define the documentclass as standalone, e.g., \documentclass[border = 0.1cm]{standalone} with 0.1cm border,
  2. use package tikz in preamble, i.e., \usepackage{tikz}, and use tikz library like \usetikzlibrary{bayesnet} which is an important tool for drawing Bayesian networks and directed factor graph,
  3. set the tikz style by using the \tikzstyle{} command,
  4. use math equation environments including \usepackage{amsmath, amsfonts, amssymb}.
• body codes:
  1. use \begin{tikzpicture} \end{tikzpicture} to start drawing,
  2. use \node to define nodes and text boxes in the Bayesian network,
  3. use \path to define arrows in the Bayesian network,
  4. use \plate to define plates in the Bayesian network.

Please click on the image and check out the source code. Instead of multivariate vector autoregressive process on temporal factors, we can also use univariate autoregressive process to rebuild BTMF. The Beyasian network is available at btmf_net.png, you can also check out the source code btmf_net.tex.

pgfplots function plotting

[Example 5]

These two examples show the probability density function (PDF) and cumulative density function (CDF) of Erlang distribution, respectively. To draw the example, there are few steps to follow:

• preamble codes:
  1. define the documentclass as standalone,
  2. use package pgfplots in preamble,
  3. set font style and adjust \pgfplotsset{} as you prefer.
• body codes:
  1. use \begin{tikzpicture} \end{tikzpicture} to start drawing,
  2. use \begin{axis} \end{axis} to draw the function,
  3. use \addplot to define the function for drawing.

[Example 6]

This example shows the PDF of normal distribution with different means and variances. To draw this example, there are few step to follow:

• preamble codes:
  1. define the documentclass as standalone,
  2. use package pgfplots in preamble,
  3. set font style and adjust \pgfplotsset{} as you prefer.
• body codes:
  1. use \pgfmathdeclarefunction to define the PDF function of normal (Gaussian) distribution,
  2. use \begin{tikzpicture} \end{tikzpicture} to start drawing,
  3. use \begin{axis} \end{axis} to draw the function,
  4. use \addplot to define the function for drawing.
• More posts:
  1. Plotting Normal distribution in pgfplots
  2. number format in pgfplots axis
  3. Remove the scientific notation which is unreasonable

[Example 7]

These two examples show the PDF and joint PDF of Lognormal distributions, respectively. There are some recommended material to follow the examples:

• More posts:
  1. Draw a bivariate normal distribution in TikZ
  2. How can two bivariate normal distributions be plotted in one plot?
  3. Plotting a Bivariate Normal Distribution in Tikz
  4. Split curve with addplot3

[Example 8]

This example shows four sequences consisting of Sine and Cosine functions. When regarding these sequences as time series, then we can see two kinds of temporal dynamics, that is, one is from Sine function, while another is from Cosine function. To draw this example, we can follow these steps:

• preamble codes:
  1. define the documentclass as standalone,
  2. use package pgfplots in preamble,
  3. set font style and adjust \pgfplotsset{} as you prefer.
• body codes:
  1. use \pgfmathdeclarefunction to define the PDF function of normal (Gaussian) distribution,
  2. use \begin{tikzpicture} \end{tikzpicture} to start drawing,
  3. use \begin{axis} \end{axis} to draw the function,
  4. use \addplot to define the function for drawing.

[Example 9]

This example illustrates the mechanism of time series forecasting on streaming data in our tracebase project. To draw this example, we can follow these steps:

• preamble codes:
  1. define the documentclass as standalone,
  2. use both tikz and pgfplots packages in preamble,
  3. set font style and adjust \pgfplotsset{} as you prefer.
• body codes:
  1. use \begin{tikzpicture} \end{tikzpicture} to start drawing,
  2. use \begin{axis} \end{axis} to define the graphic,
  3. use addplot to define the marks at some coordinates and specify the color of these marks.

[Example 10]

This example gives a graphical illustration of a third-order tensor. To draw this example, we can follow these steps:

• preamble codes:
  1. define the documentclass as standalone,
  2. use both tikz and tikz-3dplot packages in preamble.
• body codes:
  1. set depth, width, and height parameters by using \newcommand,
  2. use \begin{tikzpicture} \end{tikzpicture} to start drawing,
  3. define the coordinates of the tensor edges,
  4. use \draw cammand to define cycles.

[Example 11]

This example gives a graphical illustration of classical CP tensor factorization on a third-order tensor. To draw this example, we can follow these steps:

• preamble codes:
  1. define the documentclass as standalone,
  2. use both tikz and tikz-3dplot packages in preamble.
• body codes:
  1. set depth, width, and height parameters by using \newcommand,
  2. use \begin{tikzpicture} \end{tikzpicture} to start drawing,
  3. define the coordinates of the tensor edges,
  4. use \draw cammand to define cycles.

Research Frameworks

• Open
  • tc_framework.tex
• Upload
  • curve1.pdf
  • curve2.pdf

in your overleaf project, then you will see the following picture:

Figure 7: Tensor completion task and its framework including data organization and tensor completion, in which traffic measurements are partially observed.

• Open rolling_prediction_strategy.tex in your overleaf project, then you will see the following picture:

Figure 8: A graphical illustration of rolling prediction strategy with temporal matrix factorization and autoregressive model.

• Open rolling_prediction.tex in your overleaf project, then you will see the following picture:

Figure 9: A graphical illustration of rolling prediction strategy with temporal matrix factorization and vector autoregressive model.

• Open graphical_time_series.tex in your overleaf project, then you will see the following picture:

Figure 10: A graphical illustration of the partially observed time series data.

• Open tensor_time_series.tex in your overleaf project, then, you will see the following picture:

Figure 11: A graphical illustration of the partially observed time series tensor.

• Open graphical_matrix_time_series.tex in your overleaf project, then you will see the following picture:

Figure 12: Multivariate time series data prediction with missing values.

• Open graphical_tensor_time_series.tex in your overleaf project, then you will see the following picture:

Figure 13: Tensor time series data prediction with missing values.

• Open mf-explained.tex in your overleaf project, then you will see the following picture:

Figure 14: A graphical illustration of matrix factorization.

• Open LRTC-flow.tex and upload
  • input_tensor.pdf
  • output_tensor.pdf

in your overleaf project, then you will see the following picture:

Figure 15: A graphical illustration of low-rank tensor completion model.

• Open latc_framework in your overleaf project, then you will see the following picture:

Figure 16: A graphical illustration of low-rank autoregressive tensor completion model.

Tensor Factorization

• Open AuTF.tex in your overleaf project, then you will see the following picture:

Figure 18: Augmented tensor factorization (AuTF) model.

• Open TVART.tex in your overleaf project, then you will see the following picture:

Figure 19: Tensor regression model.

• Open tensor_svt.tex in your overleaf project, then you will see the following picture:

Figure 20: Singular value thresholding process of the tensor data with unitary transform.

Data Visualization

• Open RMseries.tex in your overleaf project, then you will see the following picture:

Figure 22: Random missing pattern.

• Open NMseries.tex in your overleaf project, then you will see the following picture:

Figure 23: Non-random missing pattern.

• Open performance_bar.tex and upload
  • RM_Gdata.pdf
  • RM_Bdata.pdf
  • RM_Hdata.pdf
  • RM_Sdata.pdf
  • NM_Gdata.pdf
  • NM_Bdata.pdf
  • NM_Hdata.pdf
  • NM_Sdata.pdf

in your overleaf project, then you will see the following picture:

Figure 24: Imputation performance.

If you want to draw each sub-figure, please check out the following .tex files:

• Sub-figure at the 1st row and 1st column: RM_Gdata.tex
• Sub-figure at the 1st row and 2nd column: RM_Bdata.tex
• Sub-figure at the 1st row and 3rd column: RM_Hdata.tex
• Sub-figure at the 1st row and 4th column: RM_Sdata.tex
• Sub-figure at the 2nd row and 1st column: NM_Gdata.tex
• Sub-figure at the 2nd row and 2nd column: NM_Bdata.tex
• Sub-figure at the 2nd row and 3rd column: NM_Hdata.tex
• Sub-figure at the 2nd row and 4th column: NM_Sdata.tex

Awesome Stuff

• Open
  • transdim_logo_large.tex
• Upload
  • jay.pdf

in your overleaf project, then, you will see the following picture:

Figure 25: transdim logo.

Recommended Posts

1. draw colored world/US map in LaTeX
2. geographic maps with TikZ/pgfplots

More Features

Coming soon...

Related Projects

• tikz-bayesnet
• awesome-tikz
• transdim

Publications

Most of these examples are from our papers:

• Xinyu Chen, Mengying Lei, Nicolas Saunier, Lijun Sun (2021). Low-rank autoregressive tensor completion for spatiotemporal traffic data imputation. IEEE Transactions on Intelligent Transportation Systems. [Preprint] [DOI] [Data & Python code] (Also accepted in part to MiLeTS Workshop of KDD 2021, see workshop paper)

• Xinyu Chen, Yixian Chen, Nicolas Saunier, Lijun Sun (2021). Scalable low-rank tensor learning for spatiotemporal traffic data imputation. Transportation Research Part C: Emerging Technologies, 129: 103226. [Preprint] [DOI] [Data] [Python code]

• Xinyu Chen, Lijun Sun (2021). Bayesian temporal factorization for multidimensional time series prediction. IEEE Transactions on Pattern Analysis and Machine Intelligence. (Early access) [Preprint] [DOI] [Slides] [Data & Python code]

• Xinyu Chen, Lijun Sun (2020). Low-rank autoregressive tensor completion for multivariate time series forecasting. arXiv: 2006.10436. [Preprint] [Data & Python code]

• Xinyu Chen, Jinming Yang, Lijun Sun (2020). A nonconvex low-rank tensor completion model for spatiotemporal traffic data imputation. Transportation Research Part C: Emerging Technologies, 117: 102673. [Preprint] [DOI] [Data & Python code]

• Xinyu Chen, Zhaocheng He, Yixian Chen, Yuhuan Lu, Jiawei Wang (2019). Missing traffic data imputation and pattern discovery with a Bayesian augmented tensor factorization model. Transportation Research Part C: Emerging Technologies, 104: 66-77. [DOI] [Slides] [Data] [Matlab code] [Python code]

• Xinyu Chen, Zhaocheng He, Lijun Sun (2019). A Bayesian tensor decomposition approach for spatiotemporal traffic data imputation. Transportation Research Part C: Emerging Technologies, 98: 73-84. [Preprint] [DOI] [Data] [Matlab code] [Python code]

Please cite our papers if you find these codes help your research.