1. 为什么选择LaTeX绘制神经网络架构图第一次写论文的时候我也纠结过该用什么工具画神经网络图。试过Visio、PPT甚至Photoshop最后发现还是LaTeX的TikZ最香。原因很简单当你的论文是用LaTeX写的里面的图表却来自其他工具风格完全不搭调怎么看都别扭。更糟心的是修改问题。用外部工具画图每次调整都要重新导出图片再插入文档。要是导师让你改个颜色或者调整下间距这种重复劳动能让人崩溃。而TikZ直接在LaTeX源码里绘图改起来就像调整文字格式一样简单。点云处理的网络图尤其适合用TikZ绘制。因为点云数据本身就有很强的几何特性TikZ的坐标系统能精确控制每个点的位置。我做过一个点云分割网络需要展示不同层次的特征提取过程用TikZ的图层功能就能清晰呈现这种层级关系。2. TikZ基础入门从零开始画第一个网络图2.1 环境搭建与基本语法要使用TikZ首先在文档导言区添加\usepackage{tikz} \usetikzlibrary{positioning} % 用于相对定位 \usetikzlibrary{arrows.meta} % 更漂亮的箭头画图的基本框架是这样的\begin{tikzpicture}[选项] \node (节点名) [样式] {文本}; \draw [样式] (起点) -- (终点); \end{tikzpicture}举个实际例子画一个简单的全连接层\begin{tikzpicture}[node distance1.5cm] % 输入层 \node[circle,draw] (i1) {$x_1$}; \node[circle,draw,below ofi1] (i2) {$x_2$}; % 隐藏层 \node[rectangle,draw,right ofi1] (h1) {$h_1$}; \node[rectangle,draw,right ofi2] (h2) {$h_2$}; % 连接线 \draw[-] (i1) -- (h1); \draw[-] (i1) -- (h2); \draw[-] (i2) -- (h1); \draw[-] (i2) -- (h2); \end{tikzpicture}2.2 点云网络特有的绘制技巧点云网络通常需要展示局部邻域关系这时候TikZ的坐标计算就派上用场了。比如要画一个点的k近邻\begin{tikzpicture} % 中心点 \node[circle,fillred] (center) at (0,0) {}; % 生成周围点 \foreach \angle in {0,45,...,315} { \node[circle,fillblue] at (\angle:1.5cm) {}; \draw[-] (center) -- (\angle:1.5cm); } \end{tikzpicture}这个例子用到了极坐标表示法(\angle:距离)比直角坐标更方便表示点云的球面邻域。实际项目中我经常用这种可视化方式说明PointNet的层次化采样过程。3. 高级技巧让架构图更专业的秘密3.1 模块化设计复杂网络当网络结构很复杂时建议用以下方法保持代码整洁定义可复用的样式\tikzset{ conv/.style{rectangle,fillblue!20,minimum size6mm}, pool/.style{rectangle,fillred!20,minimum size6mm} }使用相对定位\node[conv] (conv1) {}; \node[pool,rightof conv1] (pool1) {};分模块绘制% 特征提取模块 \begin{scope}[local bounding boxfeat] ... \end{scope} % 分类头 \begin{scope}[local bounding boxhead,shift{(3,0)}] ... \end{scope} % 连接模块 \draw[-] (feat) -- (head);3.2 动态效果与多层结构点云网络常有多尺度特征融合可以用透明度表示不同层次\begin{tikzpicture} % 原始点云层 \foreach \x/\y in {0/0,1/0.5,0.5/1} { \node[circle,fillblue,opacity0.3] at (\x,\y) {}; } % 下采样层 \foreach \x/\y in {0.3/0.3,0.7/0.7} { \node[circle,fillred,opacity0.6] at (\x,\y) {}; } % 特征层 \node[star,fillgreen,opacity1] at (0.5,0.5) {}; \end{tikzpicture}4. 实战完整点云分类网络绘制下面是一个简化版PointNet的绘制示例包含关键组件\begin{tikzpicture}[scale0.8] % 输入点云 \node[rectangle,rotate90] (input) at (0,3) {N×3点云}; % T-net \node[draw,dashed,minimum width1cm,minimum height2cm] (tnet) at (2,3) {T-net}; % MLP层 \foreach \i in {1,...,4} { \node[rectangle,draw,minimum width0.8cm] (mlp\i) at (4\i*1.5,3) {MLP}; } % Max pooling \node[diamond,draw] (pool) at (10,3) {Max}; % 分类头 \node[rectangle,draw] (cls) at (12,3) {分类}; % 连接 \draw[-] (input) -- (tnet); \draw[-] (tnet) -- (mlp1); \foreach \i [evaluate{\jint(\i1)}] in {1,...,3} { \draw[-] (mlp\i) -- (mlp\j); } \draw[-] (mlp4) -- (pool); \draw[-] (pool) -- (cls); % 特征变换路径 \draw[-,dashed] (tnet) |- (5,1) -| (mlp1); \end{tikzpicture}这个例子展示了几个实用技巧使用dashed边框表示特殊模块(T-net)用diamond形状表示pooling操作用|-和-|绘制折线连接通过scale调整整体大小5. 常见问题与调试技巧5.1 节点重叠与间距调整当节点太多导致重叠时可以调整全局间距\begin{tikzpicture}[node distance1.2cm]微调单个节点位置\node[xshift0.3cm] {...};使用矩阵布局\matrix[row sep0.5cm,column sep1cm] { \node[conv] {}; \node[pool] {}; \\ \node[conv] {}; \node[pool] {}; \\ };5.2 复杂连接线的处理点云网络常有跳跃连接建议使用相对坐标\draw[-] (node1) -- (0.5,0) |- (node2);添加控制点\draw[-] (node1) .. controls (1,0.5) and (-1,0.5) .. (node2);标记连接属性\draw[-] (node1) -- node[above] {edge feat} (node2);5.3 导出与兼容性问题矢量图导出\usepackage{standalone} \begin{document} \standalone[varwidth]{...tikz代码...} \end{document}中文支持\usepackage[UTF8]{ctex} \node {中文标签};字体大小统一\begin{tikzpicture}[every node/.style{font\small}]6. 进阶资源推荐想进一步提升TikZ绘图水平可以参考官方文档texdoc tikz经典教程《TikZ and PGF Manual》在线示例库texample.net/tikz学术绘图案例arXiv上相关论文的LaTeX源码我个人的经验是先找到类似网络的TikZ代码然后逐步修改成自己需要的样式。比如在绘制DGCNN网络时就参考了PointNet的代码加入边卷积的特殊标记。
LaTeX绘制点云处理神经网络架构图：从TikZ基础到高级技巧
1. 为什么选择LaTeX绘制神经网络架构图第一次写论文的时候我也纠结过该用什么工具画神经网络图。试过Visio、PPT甚至Photoshop最后发现还是LaTeX的TikZ最香。原因很简单当你的论文是用LaTeX写的里面的图表却来自其他工具风格完全不搭调怎么看都别扭。更糟心的是修改问题。用外部工具画图每次调整都要重新导出图片再插入文档。要是导师让你改个颜色或者调整下间距这种重复劳动能让人崩溃。而TikZ直接在LaTeX源码里绘图改起来就像调整文字格式一样简单。点云处理的网络图尤其适合用TikZ绘制。因为点云数据本身就有很强的几何特性TikZ的坐标系统能精确控制每个点的位置。我做过一个点云分割网络需要展示不同层次的特征提取过程用TikZ的图层功能就能清晰呈现这种层级关系。2. TikZ基础入门从零开始画第一个网络图2.1 环境搭建与基本语法要使用TikZ首先在文档导言区添加\usepackage{tikz} \usetikzlibrary{positioning} % 用于相对定位 \usetikzlibrary{arrows.meta} % 更漂亮的箭头画图的基本框架是这样的\begin{tikzpicture}[选项] \node (节点名) [样式] {文本}; \draw [样式] (起点) -- (终点); \end{tikzpicture}举个实际例子画一个简单的全连接层\begin{tikzpicture}[node distance1.5cm] % 输入层 \node[circle,draw] (i1) {$x_1$}; \node[circle,draw,below ofi1] (i2) {$x_2$}; % 隐藏层 \node[rectangle,draw,right ofi1] (h1) {$h_1$}; \node[rectangle,draw,right ofi2] (h2) {$h_2$}; % 连接线 \draw[-] (i1) -- (h1); \draw[-] (i1) -- (h2); \draw[-] (i2) -- (h1); \draw[-] (i2) -- (h2); \end{tikzpicture}2.2 点云网络特有的绘制技巧点云网络通常需要展示局部邻域关系这时候TikZ的坐标计算就派上用场了。比如要画一个点的k近邻\begin{tikzpicture} % 中心点 \node[circle,fillred] (center) at (0,0) {}; % 生成周围点 \foreach \angle in {0,45,...,315} { \node[circle,fillblue] at (\angle:1.5cm) {}; \draw[-] (center) -- (\angle:1.5cm); } \end{tikzpicture}这个例子用到了极坐标表示法(\angle:距离)比直角坐标更方便表示点云的球面邻域。实际项目中我经常用这种可视化方式说明PointNet的层次化采样过程。3. 高级技巧让架构图更专业的秘密3.1 模块化设计复杂网络当网络结构很复杂时建议用以下方法保持代码整洁定义可复用的样式\tikzset{ conv/.style{rectangle,fillblue!20,minimum size6mm}, pool/.style{rectangle,fillred!20,minimum size6mm} }使用相对定位\node[conv] (conv1) {}; \node[pool,rightof conv1] (pool1) {};分模块绘制% 特征提取模块 \begin{scope}[local bounding boxfeat] ... \end{scope} % 分类头 \begin{scope}[local bounding boxhead,shift{(3,0)}] ... \end{scope} % 连接模块 \draw[-] (feat) -- (head);3.2 动态效果与多层结构点云网络常有多尺度特征融合可以用透明度表示不同层次\begin{tikzpicture} % 原始点云层 \foreach \x/\y in {0/0,1/0.5,0.5/1} { \node[circle,fillblue,opacity0.3] at (\x,\y) {}; } % 下采样层 \foreach \x/\y in {0.3/0.3,0.7/0.7} { \node[circle,fillred,opacity0.6] at (\x,\y) {}; } % 特征层 \node[star,fillgreen,opacity1] at (0.5,0.5) {}; \end{tikzpicture}4. 实战完整点云分类网络绘制下面是一个简化版PointNet的绘制示例包含关键组件\begin{tikzpicture}[scale0.8] % 输入点云 \node[rectangle,rotate90] (input) at (0,3) {N×3点云}; % T-net \node[draw,dashed,minimum width1cm,minimum height2cm] (tnet) at (2,3) {T-net}; % MLP层 \foreach \i in {1,...,4} { \node[rectangle,draw,minimum width0.8cm] (mlp\i) at (4\i*1.5,3) {MLP}; } % Max pooling \node[diamond,draw] (pool) at (10,3) {Max}; % 分类头 \node[rectangle,draw] (cls) at (12,3) {分类}; % 连接 \draw[-] (input) -- (tnet); \draw[-] (tnet) -- (mlp1); \foreach \i [evaluate{\jint(\i1)}] in {1,...,3} { \draw[-] (mlp\i) -- (mlp\j); } \draw[-] (mlp4) -- (pool); \draw[-] (pool) -- (cls); % 特征变换路径 \draw[-,dashed] (tnet) |- (5,1) -| (mlp1); \end{tikzpicture}这个例子展示了几个实用技巧使用dashed边框表示特殊模块(T-net)用diamond形状表示pooling操作用|-和-|绘制折线连接通过scale调整整体大小5. 常见问题与调试技巧5.1 节点重叠与间距调整当节点太多导致重叠时可以调整全局间距\begin{tikzpicture}[node distance1.2cm]微调单个节点位置\node[xshift0.3cm] {...};使用矩阵布局\matrix[row sep0.5cm,column sep1cm] { \node[conv] {}; \node[pool] {}; \\ \node[conv] {}; \node[pool] {}; \\ };5.2 复杂连接线的处理点云网络常有跳跃连接建议使用相对坐标\draw[-] (node1) -- (0.5,0) |- (node2);添加控制点\draw[-] (node1) .. controls (1,0.5) and (-1,0.5) .. (node2);标记连接属性\draw[-] (node1) -- node[above] {edge feat} (node2);5.3 导出与兼容性问题矢量图导出\usepackage{standalone} \begin{document} \standalone[varwidth]{...tikz代码...} \end{document}中文支持\usepackage[UTF8]{ctex} \node {中文标签};字体大小统一\begin{tikzpicture}[every node/.style{font\small}]6. 进阶资源推荐想进一步提升TikZ绘图水平可以参考官方文档texdoc tikz经典教程《TikZ and PGF Manual》在线示例库texample.net/tikz学术绘图案例arXiv上相关论文的LaTeX源码我个人的经验是先找到类似网络的TikZ代码然后逐步修改成自己需要的样式。比如在绘制DGCNN网络时就参考了PointNet的代码加入边卷积的特殊标记。
