为了让思源笔记更方便写论文，我开发了一个新的挂件 TikZ (siyuan-tikz)，可以通过编写 LaTeX TikZ 代码绘制图形。目前支持二维图、三维图、电路图、分子结构图、神经网络架构的绘制。更多图形需求可以在 Github issue 中申请。
代码示例及效果
TikZ 代码
\begin{document} \begin{tikzpicture}[domain=0:4] \draw[very thin,color=gray] (-0.1,-1.1) grid (3.9,3.9); \draw[->] (-0.2,0) -- (4.2,0) node[right] {$x$}; \draw[->] (0,-1.2) -- (0,4.2) node[above] {$f(x)$}; \draw[color=red] plot (\x,\x) node[right] {$f(x) =x$}; \draw[color=blue] plot (\x,{sin(\x r)}) node[right] {$f(x) = \sin x$}; \draw[color=orange] plot (\x,{0.05*exp(\x)}) node[right] {$f(x) = \frac{1}{20} \mathrm e^x$}; \end{tikzpicture} \end{document}
TikZ 代码
\usepackage{pgfplots} \usepackage{tikz-3dplot} \usetikzlibrary{patterns} \usetikzlibrary{3d,calc} \usetikzlibrary{arrows.meta} \begin{document} \tdplotsetmaincoords{85}{95} \begin{tikzpicture}[scale=3,line width=0.5pt,tdplot_main_coords] \draw[rounded corners=0.05pt] (0,0,1)circle (0.2pt)node[right=4pt,above]{$A$}-- (0,1,0)circle (0.15pt)node[right=4pt,below]{$D$}-- (2,0.4,0)[fill=black]circle(0.25pt)node[below]{$C$}-- (0,-1,0)circle (0.2pt)node[left=4pt,below]{$B$}-- (0,0,1)--cycle; \draw[thin,dash pattern=on 2pt off 2pt] (0,-1,0)--(0,0.333,0.666)circle (0.2pt)node[right=4pt,above]{$E$}(0,-1,0)--(0,1,0)(0,0,0)circle (0.2pt)node[left=4pt,below]{$O$}--(2,0.4,0)(0,0,1)--(0,0,0); \draw(0,0.333,0.666)[draw=black]--(2,0.4,0)(2,0.4,0)--(0,0,1); \end{tikzpicture} \end{document}
TikZ 代码
\usepackage{pgfplots} \usepackage{tikz-3dplot} \usetikzlibrary{patterns} \usetikzlibrary{3d,calc} \usetikzlibrary{arrows.meta} \begin{document} \tdplotsetmaincoords{70}{110} \begin{tikzpicture}[yscale=2,xscale=2,line width=0.5pt,tdplot_main_coords] \coordinate (A) at (2,0,0); \coordinate (B) at (2,2,0); \coordinate (C) at (0,2,0); \coordinate (D) at (0,0,0); \coordinate (P) at (0,0,2); \coordinate (M) at (1,2,0); \draw[rounded corners=0.05pt](A)circle (0.25pt)node[left=-2pt]{$A$}-- (B)circle (0.25pt)node[below=-2pt]{$B$}-- (C)circle (0.25pt)node[right=-1pt]{$C$}-- (P)circle (0.25pt)node[above=1pt]{$P$}--(A)(P)--(B)(P)--(M)circle (0.25pt)node[right=1pt]{$M$}; \draw[thin,dash pattern=on 2pt off 2pt](A)--(M) (D)circle (0.25pt)node[left=-2pt]{$D$}--(P)(D)--(C)(D)--(A); \end{tikzpicture} \end{document}
TikZ 代码
\usepackage{circuitikz} \begin{document} \begin{circuitikz}[american, voltage shift=0.5] \draw (0,0) to[isource, l=$I_0$, v=$V_0$] (0,3) to[short, -*, i=$I_0$] (2,3) to[R=$R_1$, i>_=$i_1$] (2,0) -- (0,0); \draw (2,3) -- (4,3) to[R=$R_2$, i>_=$i_2$] (4,0) to[short, -*] (2,0); \end{circuitikz} \end{document}
TikZ 代码
\usepackage{pgfplots} \pgfplotsset{compat=1.16} \begin{document} \begin{tikzpicture} \begin{axis}[colormap/viridis] \addplot3[ surf, samples=18, domain=-3:3 ] {exp(-x^2-y^2)*x}; \end{axis} \end{tikzpicture} \end{document}
TikZ 代码
\usepackage{tikz-cd} \begin{document} \begin{tikzcd}[row sep=2.5em] A' \arrow[rr,"f'"] \arrow[dr,swap,"a"] \arrow[dd,swap,"g'"] && B' \arrow[dd,swap,"h'" near start] \arrow[dr,"b"] \\ & A \arrow[rr,crossing over,"f" near start] && B \arrow[dd,"h"] \\ C' \arrow[rr,"k'" near end] \arrow[dr,swap,"c"] && D' \arrow[dr,swap,"d"] \\ & C \arrow[rr,"k"] \arrow[uu,<-,crossing over,"g" near end]&& D \end{tikzcd} \end{document}
TikZ 代码
\usepackage{chemfig} \begin{document} \chemfig{[:-90]HN(-[::-45](-[::-45]R)=[::+45]O)>[::+45]*4(-(=O)-N*5(-(<:(=[::-60]O)-[::+60]OH)-(<[::+0])(<:[::-108])-S>)--)} \end{document}
TikZ 代码
\usepackage{chemfig} \begin{document} \definesubmol\fragment1{ (-[:#1,0.85,,,draw=none] -[::126]-[::-54](=_#(2pt,2pt)[::180]) -[::-70](-[::-56.2,1.07]=^#(2pt,2pt)[::180,1.07]) -[::110,0.6](-[::-148,0.60](=^[::180,0.35])-[::-18,1.1]) -[::50,1.1](-[::18,0.60]=_[::180,0.35]) -[::50,0.6] -[::110]) } \chemfig{ !\fragment{18} !\fragment{90} !\fragment{162} !\fragment{234} !\fragment{306} } \end{document}
TikZ 代码
\usepackage{amsmath, amsfonts,times} \usetikzlibrary{arrows.meta} \begin{document} \begin{tikzpicture} \definecolor{emb_color}{RGB}{252,224,225} \definecolor{multi_head_attention_color}{RGB}{252,226,187} \definecolor{add_norm_color}{RGB}{242,243,193} \definecolor{ff_color}{RGB}{194,232,247} \definecolor{softmax_color}{RGB}{203,231,207} \definecolor{linear_color}{RGB}{220,223,240} \definecolor{gray_bbox_color}{RGB}{243,243,244} \draw[fill=gray_bbox_color, line width=0.046875cm, rounded corners=0.300000cm] (-0.975000, 6.455000) -- (2.725000, 6.455000) -- (2.725000, 1.305000) -- (-0.975000, 1.305000) -- cycle; \draw[fill=gray_bbox_color, line width=0.046875cm, rounded corners=0.300000cm] (3.775000, 9.405000) -- (7.475000, 9.405000) -- (7.475000, 1.305000) -- (3.775000, 1.305000) -- cycle; \draw[line width=0.046875cm, fill=emb_color, rounded corners=0.100000cm] (0.000000, 0.000000) -- (2.500000, 0.000000) -- (2.500000, -0.900000) -- (0.000000, -0.900000) -- cycle; \node[text width=2.500000cm, align=center] at (1.250000,-0.450000) {Input \vspace{-0.05cm} \linebreak Embedding}; \draw[line width=0.046875cm, fill=emb_color, rounded corners=0.100000cm] (4.000000, 0.000000) -- (6.500000, 0.000000) -- (6.500000, -0.900000) -- (4.000000, -0.900000) -- cycle; \node[text width=2.500000cm, align=center] at (5.250000,-0.450000) {Output \vspace{-0.05cm} \linebreak Embedding}; \draw[line width=0.046875cm, fill=add_norm_color, rounded corners=0.100000cm] (0.000000, 3.680000) -- (2.500000, 3.680000) -- (2.500000, 3.180000) -- (0.000000, 3.180000) -- cycle; \node[text width=2.500000cm, align=center] at (1.250000,3.430000) {Add \& Norm}; \draw[line width=0.046875cm, fill=multi_head_attention_color, rounded corners=0.100000cm] (0.000000, 3.030000) -- (2.500000, 3.030000) -- (2.500000, 2.130000) -- (0.000000, 2.130000) -- cycle; \node[text width=2.500000cm, align=center] at (1.250000,2.580000) {Multi-Head \vspace{-0.05cm} \linebreak Attention}; \draw[line width=0.046875cm] (1.250000, 3.030000) -- (1.250000, 3.180000); \draw[line width=0.046875cm, fill=add_norm_color, rounded corners=0.100000cm] (4.000000, 6.630000) -- (6.500000, 6.630000) -- (6.500000, 6.130000) -- (4.000000, 6.130000) -- cycle; \node[text width=2.500000cm, align=center] at (5.250000,6.380000) {Add \& Norm}; \draw[line width=0.046875cm, fill=multi_head_attention_color, rounded corners=0.100000cm] (4.000000, 5.980000) -- (6.500000, 5.980000) -- (6.500000, 5.080000) -- (4.000000, 5.080000) -- cycle; \node[text width=2.500000cm, align=center] at (5.250000,5.530000) {Multi-Head \vspace{-0.05cm} \linebreak Attention}; \draw[line width=0.046875cm] (5.250000, 5.980000) -- (5.250000, 6.130000); \draw[line width=0.046875cm, fill=add_norm_color, rounded corners=0.100000cm] (4.000000, 4.080000) -- (6.500000, 4.080000) -- (6.500000, 3.580000) -- (4.000000, 3.580000) -- cycle; \node[text width=2.500000cm, align=center] at (5.250000,3.830000) {Add \& Norm}; \draw[line width=0.046875cm, fill=multi_head_attention_color, rounded corners=0.100000cm] (4.000000, 3.430000) -- (6.500000, 3.430000) -- (6.500000, 2.130000) -- (4.000000, 2.130000) -- cycle; \node[text width=2.500000cm, align=center] at (5.250000,2.780000) {Masked \vspace{-0.05cm} \linebreak Multi-Head \vspace{-0.05cm} \linebreak Attention}; \draw[line width=0.046875cm] (5.250000, 3.430000) -- (5.250000, 3.580000); \draw[line width=0.046875cm, fill=add_norm_color, rounded corners=0.100000cm] (0.000000, 6.230000) -- (2.500000, 6.230000) -- (2.500000, 5.730000) -- (0.000000, 5.730000) -- cycle; \node[text width=2.500000cm, align=center] at (1.250000,5.980000) {Add \& Norm}; \draw[line width=0.046875cm, fill=ff_color, rounded corners=0.100000cm] (0.000000, 5.580000) -- (2.500000, 5.580000) -- (2.500000, 4.680000) -- (0.000000, 4.680000) -- cycle; \node[text width=2.500000cm, align=center] at (1.250000,5.130000) {Feed \vspace{-0.05cm} \linebreak Forward}; \draw[line width=0.046875cm] (1.250000, 5.580000) -- (1.250000, 5.730000); \draw[line width=0.046875cm, fill=add_norm_color, rounded corners=0.100000cm] (4.000000, 9.180000) -- (6.500000, 9.180000) -- (6.500000, 8.680000) -- (4.000000, 8.680000) -- cycle; \node[text width=2.500000cm, align=center] at (5.250000,8.930000) {Add \& Norm}; \draw[line width=0.046875cm, fill=ff_color, rounded corners=0.100000cm] (4.000000, 8.530000) -- (6.500000, 8.530000) -- (6.500000, 7.630000) -- (4.000000, 7.630000) -- cycle; \node[text width=2.500000cm, align=center] at (5.250000,8.080000) {Feed \vspace{-0.05cm} \linebreak Forward}; \draw[line width=0.046875cm] (5.250000, 8.530000) -- (5.250000, 8.680000); \draw[line width=0.046875cm, fill=linear_color, rounded corners=0.100000cm] (4.000000, 10.280000) -- (6.500000, 10.280000) -- (6.500000, 9.780000) -- (4.000000, 9.780000) -- cycle; \node[text width=2.500000cm, align=center] at (5.250000,10.030000) {Linear}; \draw[line width=0.046875cm, fill=softmax_color, rounded corners=0.100000cm] (4.000000, 11.380000) -- (6.500000, 11.380000) -- (6.500000, 10.880000) -- (4.000000, 10.880000) -- cycle; \node[text width=2.500000cm, align=center] at (5.250000,11.130000) {Softmax}; \draw[line width=0.046875cm] (1.250000, 0.600000) circle (0.200000); \draw[line width=0.046875cm] (1.410000, 0.600000) -- (1.090000, 0.600000); \draw[line width=0.046875cm] (1.250000, 0.760000) -- (1.250000, 0.440000); \draw[line width=0.046875cm] (5.250000, 0.600000) circle (0.200000); \draw[line width=0.046875cm] (5.410000, 0.600000) -- (5.090000, 0.600000); \draw[line width=0.046875cm] (5.250000, 0.760000) -- (5.250000, 0.440000); \draw[line width=0.046875cm] (0.350000, 0.600000) circle (0.400000); \draw[line width=0.046875cm] (-0.030000, 0.600000) -- (-0.014490, 0.629156) -- (0.001020, 0.657833) -- (0.016531, 0.685561) -- (0.032041, 0.711884) -- (0.047551, 0.736369) -- (0.063061, 0.758616) -- (0.078571, 0.778258) -- (0.094082, 0.794973) -- (0.109592, 0.808486) -- (0.125102, 0.818576) -- (0.140612, 0.825077) -- (0.156122, 0.827883) -- (0.171633, 0.826946) -- (0.187143, 0.822284) -- (0.202653, 0.813971) -- (0.218163, 0.802145) -- (0.233673, 0.786999) -- (0.249184, 0.768783) -- (0.264694, 0.747796) -- (0.280204, 0.724382) -- (0.295714, 0.698925) -- (0.311224, 0.671845) -- (0.326735, 0.643584) -- (0.342245, 0.614608) -- (0.357755, 0.585392) -- (0.373265, 0.556416) -- (0.388776, 0.528155) -- (0.404286, 0.501075) -- (0.419796, 0.475618) -- (0.435306, 0.452204) -- (0.450816, 0.431217) -- (0.466327, 0.413001) -- (0.481837, 0.397855) -- (0.497347, 0.386029) -- (0.512857, 0.377716) -- (0.528367, 0.373054) -- (0.543878, 0.372117) -- (0.559388, 0.374923) -- (0.574898, 0.381424) -- (0.590408, 0.391514) -- (0.605918, 0.405027) -- (0.621429, 0.421742) -- (0.636939, 0.441384) -- (0.652449, 0.463631) -- (0.667959, 0.488116) -- (0.683469, 0.514439) -- (0.698980, 0.542167) -- (0.714490, 0.570844) -- (0.730000, 0.600000); \draw[line width=0.046875cm] (6.150000, 0.600000) circle (0.400000); \draw[line width=0.046875cm] (5.770000, 0.600000) -- (5.785510, 0.629156) -- (5.801020, 0.657833) -- (5.816531, 0.685561) -- (5.832041, 0.711884) -- (5.847551, 0.736369) -- (5.863061, 0.758616) -- (5.878571, 0.778258) -- (5.894082, 0.794973) -- (5.909592, 0.808486) -- (5.925102, 0.818576) -- (5.940612, 0.825077) -- (5.956122, 0.827883) -- (5.971633, 0.826946) -- (5.987143, 0.822284) -- (6.002653, 0.813971) -- (6.018163, 0.802145) -- (6.033673, 0.786999) -- (6.049184, 0.768783) -- (6.064694, 0.747796) -- (6.080204, 0.724382) -- (6.095714, 0.698925) -- (6.111224, 0.671845) -- (6.126735, 0.643584) -- (6.142245, 0.614608) -- (6.157755, 0.585392) -- (6.173265, 0.556416) -- (6.188776, 0.528155) -- (6.204286, 0.501075) -- (6.219796, 0.475618) -- (6.235306, 0.452204) -- (6.250816, 0.431217) -- (6.266327, 0.413001) -- (6.281837, 0.397855) -- (6.297347, 0.386029) -- (6.312857, 0.377716) -- (6.328367, 0.373054) -- (6.343878, 0.372117) -- (6.359388, 0.374923) -- (6.374898, 0.381424) -- (6.390408, 0.391514) -- (6.405918, 0.405027) -- (6.421429, 0.421742) -- (6.436939, 0.441384) -- (6.452449, 0.463631) -- (6.467959, 0.488116) -- (6.483469, 0.514439) -- (6.498980, 0.542167) -- (6.514490, 0.570844) -- (6.530000, 0.600000); \draw[line width=0.046875cm, -latex] (1.250000, 3.680000) -- (1.250000, 4.680000); \draw[line width=0.046875cm, -latex] (5.250000, 6.630000) -- (5.250000, 7.630000); \draw[line width=0.046875cm, -latex] (5.250000, 9.180000) -- (5.250000, 9.780000); \draw[line width=0.046875cm, -latex] (5.250000, 10.280000) -- (5.250000, 10.880000); \draw[line width=0.046875cm, -latex] (1.250000, 0.000000) -- (1.250000, 0.400000); \draw[line width=0.046875cm, -latex] (1.250000, 0.800000) -- (1.250000, 2.130000); \draw[line width=0.046875cm, -latex] (5.250000, 0.800000) -- (5.250000, 2.130000); \draw[line width=0.046875cm, -latex] (5.250000, 0.000000) -- (5.250000, 0.400000); \draw[line width=0.046875cm] (0.750000, 0.600000) -- (1.050000, 0.600000); \draw[line width=0.046875cm] (5.450000, 0.600000) -- (5.750000, 0.600000); \draw[-latex, line width=0.046875cm, rounded corners=0.200000cm] (1.250000, 4.080000) -- (-0.750000, 4.080000) -- (-0.750000, 5.980000) -- (0.000000, 5.980000); \draw[-latex, line width=0.046875cm, rounded corners=0.200000cm] (1.250000, 1.530000) -- (-0.750000, 1.530000) -- (-0.750000, 3.430000) -- (0.000000, 3.430000); \draw[-latex, line width=0.046875cm, rounded corners=0.200000cm] (5.250000, 1.530000) -- (7.250000, 1.530000) -- (7.250000, 3.830000) -- (6.500000, 3.830000); \draw[-latex, line width=0.046875cm, rounded corners=0.200000cm] (5.250000, 4.480000) -- (7.250000, 4.480000) -- (7.250000, 6.380000) -- (6.500000, 6.380000); \draw[-latex, line width=0.046875cm, rounded corners=0.200000cm] (5.250000, 7.030000) -- (7.250000, 7.030000) -- (7.250000, 8.930000) -- (6.500000, 8.930000); \draw[-latex, line width=0.046875cm, rounded corners=0.200000cm] (1.250000, 1.730000) -- (0.312500, 1.730000) -- (0.312500, 2.130000); \draw[-latex, line width=0.046875cm, rounded corners=0.200000cm] (1.250000, 1.730000) -- (2.187500, 1.730000) -- (2.187500, 2.130000); \draw[-latex, line width=0.046875cm, rounded corners=0.200000cm] (5.250000, 1.730000) -- (4.312500, 1.730000) -- (4.312500, 2.130000); \draw[-latex, line width=0.046875cm, rounded corners=0.200000cm] (5.250000, 1.730000) -- (6.187500, 1.730000) -- (6.187500, 2.130000); \draw[-latex, line width=0.046875cm, rounded corners=0.200000cm] (1.250000, 6.230000) -- (1.250000, 7.230000) -- (3.250000, 7.230000) -- (3.250000, 4.680000) -- (4.312500, 4.680000) -- (4.312500, 5.080000); \draw[-latex, line width=0.046875cm, rounded corners=0.200000cm] (1.250000, 6.230000) -- (1.250000, 7.230000) -- (3.250000, 7.230000) -- (3.250000, 4.680000) -- (5.250000, 4.680000) -- (5.250000, 5.080000); \draw[-latex, line width=0.046875cm, rounded corners=0.200000cm] (5.250000, 4.080000) -- (5.250000, 4.680000) -- (6.187500, 4.680000) -- (6.187500, 5.080000); \draw[line width=0.046875cm, -latex] (1.250000, -1.500000) -- (1.250000, -0.900000); \draw[line width=0.046875cm, -latex] (5.250000, -1.500000) -- (5.250000, -0.900000); \draw[line width=0.046875cm, -latex] (5.250000, 11.380000) -- (5.250000, 11.980000); \node[text width=2.500000cm, anchor=north, align=center] at (1.250000,-1.500000) {Inputs}; \node[text width=2.500000cm, anchor=north, align=center] at (5.250000,-1.500000) {Outputs \vspace{-0.05cm} \linebreak (shifted right)}; \node[text width=2.500000cm, anchor=south, align=center] at (5.250000,11.980000) {Output \vspace{-0.05cm} \linebreak Probabilities}; \node[anchor=east] at (-1.175000,3.880000) {$N\times$}; \node[anchor=west] at (7.675000,5.355000) {$N\times$}; \node[text width=2.000000cm, anchor=east] at (0.250000,0.600000) {Positional \vspace{-0.05cm} \linebreak Encoding}; \node[text width=2.000000cm, anchor=west] at (6.750000,0.600000) {Positional \vspace{-0.05cm} \linebreak Encoding}; \end{tikzpicture} \end{document}
功能特征
- 无网络离线使用
- VSCode 风格的编辑器
- 语法高亮
- 代码自动补全
- 中文支持（下一步计划）
如有更多需求/建议欢迎在 GitHub 仓库中提 issue
支持的包
- tikz-cd
- tikz-3dplot
- circuitikz
- chemfig
- pgfplots
- array
如发现代码无法正常渲染为图形，大概率是缺少一些包，欢迎在 GitHub 仓库中提 issue 请求添加更多包的支持
欢迎来到这里！
我们正在构建一个小众社区，大家在这里相互信任，以平等 • 自由 • 奔放的价值观进行分享交流。最终，希望大家能够找到与自己志同道合的伙伴，共同成长。
注册 关于