154个高质量科学图表：物理、化学与机器学习的可视化宝库

【免费下载链接】tikzDiagrams of concepts in physics/chemistry/ML项目地址: https://gitcode.com/gh_mirrors/tikz/tikz

引言：科学可视化的革命性工具

在科学研究和技术文档中，图表是传达复杂概念最有效的方式之一。TikZ和Typst作为两种强大的图形绘制工具，为科研工作者提供了创建高质量科学图表的解决方案。本项目收集了154个精心设计的科学图表，涵盖物理学、化学和机器学习三大领域，为学术写作、教学演示和研究报告提供了丰富的可视化资源。

这个开源项目不仅展示了代码绘图的强大能力，更体现了科学可视化的艺术性和精确性。通过LaTeX的TikZ包和新兴的Typst排版系统，这些图表实现了矢量化的高质量输出，确保在任何分辨率下都能保持清晰度，特别适合学术出版和数字媒体使用。

概念解析：理解科学图表的核心要素

科学图表的核心价值在于将抽象概念转化为直观的视觉表达。本项目中的图表可以分为三大类别，每类都有其独特的设计哲学和应用场景：

图表设计原则

科学图表的设计遵循几个关键原则：准确性确保数学和物理概念的正确表达，清晰度保证信息传递的高效性，美观性提升阅读体验，可复用性允许其他研究者轻松修改和扩展。

二维卷积操作示意图：展示卷积神经网络中的核心操作，橙色区域表示卷积核在输入矩阵上的滑动窗口

快速开始：获取和使用图表资源

环境准备

要使用本项目中的图表，你需要准备以下环境：

1. LaTeX环境：安装完整的TeX发行版（如TeX Live或MiKTeX）
2. Typst环境（可选）：安装Typst以获得更现代的排版体验
3. Python脚本依赖：用于批量渲染和格式转换

获取项目

git clone https://gitcode.com/gh_mirrors/tikz/tikz cd tikz

基本使用示例

最简单的使用方式是直接复制.tex文件到你的LaTeX文档中：

\documentclass{article} \usepackage{tikz} \usetikzlibrary{positioning, matrix} \begin{document} % 直接包含图表代码 \input{assets/autoencoder/autoencoder.tex} \begin{figure}[h] \centering % 或者将图表作为独立图形 \begin{tikzpicture} % 这里是具体的图表代码 \end{tikzpicture} \caption{自编码器网络结构} \label{fig:autoencoder} \end{figure} \end{document}

格式转换

项目提供了完整的脚本支持，可以将源文件转换为多种格式：

# 渲染所有Typst图表 python scripts/render_typst.py # 渲染所有LaTeX图表 python scripts/render_tikz.py # 转换为PNG和SVG格式 ./scripts/pdf2svg.sh

自编码器网络结构图：展示深度学习中的编码-解码架构，包含输入层、隐藏层和输出层

实战应用：三个复杂度递增的使用案例

案例一：基础图表 - 布洛赫球面

布洛赫球面是量子计算中表示量子比特状态的标准可视化工具。下面的代码展示了如何创建一个简洁的布洛赫球面：

\documentclass[tikz]{standalone} \usetikzlibrary{angles, quotes} \begin{document} \begin{tikzpicture} \def\r{3} % Bloch vector \draw (0, 0) node[circle, fill, inner sep=1] (orig) {} -- (\r/3, \r/2) node[circle, fill, inner sep=0.7, label=above:$\vec{a}$] (a) {}; \draw[dashed] (orig) -- (\r/3, -\r/5) node (phi) {} -- (a); % Sphere \draw (orig) circle (\r); \draw[dashed] (orig) ellipse (\r{} and \r/3); % Axes \draw[->] (orig) -- ++(-\r/5, -\r/3) node[below] (x1) {$x_1$}; \draw[->] (orig) -- ++(\r, 0) node[right] (x2) {$x_2$}; \draw[->] (orig) -- ++(0, \r) node[above] (x3) {$x_3$}; % Angles \pic [draw=gray, text=gray, ->, "$\phi$"] {angle = x1--orig--phi}; \pic [draw=gray, text=gray, <-, "$\theta$", angle eccentricity=1.4] {angle = a--orig--x3}; \end{tikzpicture} \end{document}

这个基础案例展示了TikZ的核心功能：坐标系定义、基本图形绘制、文本标注和角度标记。

案例二：中级图表 - 卷积神经网络架构

中级复杂度的图表需要处理更复杂的布局和样式。下面的卷积神经网络图表展示了多层架构：

\documentclass[tikz]{standalone} \usetikzlibrary{matrix, positioning, shapes.geometric} \begin{document} \begin{tikzpicture}[ conv/.style={rectangle, draw=blue!50, fill=blue!20, thick, minimum size=6mm}, pool/.style={rectangle, draw=green!50, fill=green!20, thick, minimum size=6mm}, fc/.style={rectangle, draw=red!50, fill=red!20, thick, minimum size=6mm} ] % 输入层 \node[conv] (input) at (0,0) {Input}; \node[conv, right=1cm of input] (conv1) {Conv 3x3}; \node[pool, right=1cm of conv1] (pool1) {MaxPool}; \node[conv, right=1cm of pool1] (conv2) {Conv 3x3}; \node[pool, right=1cm of conv2] (pool2) {MaxPool}; \node[fc, right=1cm of pool2] (fc1) {FC 128}; \node[fc, right=1cm of fc1] (fc2) {FC 64}; \node[fc, right=1cm of fc2] (output) {Output}; % 连接 \foreach \x/\y in {input/conv1, conv1/pool1, pool1/conv2, conv2/pool2, pool2/fc1, fc1/fc2, fc2/output} \draw[->, thick] (\x) -- (\y); % 维度标注 \node[above=0.2cm of input] {224×224×3}; \node[above=0.2cm of conv1] {222×222×32}; \node[above=0.2cm of pool1] {111×111×32}; \node[above=0.2cm of conv2] {109×109×64}; \node[above=0.2cm of pool2] {54×54×64}; \end{tikzpicture} \end{document}

案例三：高级图表 - 量子场论费曼图

高级图表涉及复杂的数学符号和特殊标记。下面的费曼图展示了量子场论中的传播子：

\documentclass[tikz]{standalone} \usetikzlibrary{decorations.pathmorphing, decorations.markings} \begin{document} \begin{tikzpicture}[ line/.style={thick}, electron/.style={postaction={decorate}, decoration={markings, mark=at position 0.5 with {\arrow{>}}}}, photon/.style={decorate, decoration={snake, amplitude=1mm, segment length=3mm}} ] % 时空坐标 \coordinate (a) at (0,0); \coordinate (b) at (3,0); \coordinate (c) at (1.5,2); % 费曼图元素 \draw[electron] (a) -- node[below] {$p$} (b); \draw[photon] (a) -- node[left] {$k$} (c); \draw[electron] (c) -- node[right] {$p-k$} (b); % 顶点 \fill[black] (a) circle (2pt); \fill[black] (b) circle (2pt); \fill[black] (c) circle (2pt); % 标注 \node[above] at (c) {$\Gamma^\mu$}; \node[left] at (0.75,1) {$\gamma^\mu$}; \node[right] at (2.25,1) {$\gamma^\nu$}; \end{tikzpicture} \end{document}

布洛赫球面量子比特表示：展示量子计算中量子态的可视化方法，包含角度参数和坐标轴

生态整合：相关工具和扩展

核心工具栈

1. TikZ/PGF- LaTeX的原生图形绘制系统
2. Typst/CeTZ- 现代排版系统中的图形库
3. PGFPlots- 专业的数据可视化扩展
4. Circuitikz- 电路图绘制专用包
5. Chemfig- 化学结构式绘制工具

工作流集成

# 典型的工作流配置 workflow: source_files: - "*.tex" # LaTeX源文件 - "*.typ" # Typst源文件 render_scripts: - "scripts/render_tikz.py" - "scripts/render_typst.py" output_formats: - "*.pdf" # 矢量格式 - "*.svg" # 可缩放矢量图形 - "*.png" # 位图格式 dependencies: - "pdflatex" # LaTeX编译器 - "typst" # Typst编译器 - "imagemagick" # 图像转换

扩展库推荐

• TikZ-3dplot：三维坐标系和图形
• TikZ-feynman：费曼图绘制
• TikZ-timing：时序图绘制
• TikZ-bayesnet：贝叶斯网络
• TikZ-inet：交互网络图

进阶技巧：性能优化和最佳实践

代码组织策略

模块化设计：将复杂图表分解为可重用的组件。例如，神经网络层、化学键类型、物理符号都可以定义为独立的样式或命令。

% 定义可重用样式 \tikzset{ neuron/.style={circle, draw=blue!50, fill=blue!20, minimum size=6mm}, weight/.style={font=\footnotesize, above, sloped}, layer/.style={rectangle, draw=black, thick, minimum width=2cm} } % 定义可重用命令 \newcommand{\quantumstate}[2]{ \node[circle, fill=purple!30, draw=purple!70, thick] (#1) at #2 {}; \draw[->, thick] (#1) -- ++(0.5,0.5); }

性能优化技巧

1. 缓存编译结果：对于复杂图表，使用\tikzexternalize命令预编译并缓存
2. 简化路径：使用相对坐标和循环减少代码量
3. 分层渲染：将静态背景和动态内容分开渲染
4. 使用预定义样式：避免重复定义图形属性

常见问题解决

问题1：编译速度慢

% 解决方案：使用外部化 \usetikzlibrary{external} \tikzexternalize[prefix=figures/]

问题2：内存不足

% 解决方案：简化复杂路径 % 避免使用过多渐变和阴影 \draw[fill=blue!20] (0,0) rectangle (3,2); % 替代复杂渐变

问题3：文本对齐问题

% 解决方案：使用精确的对齐选项 \node[align=center, text width=2cm] at (1,1) {多行\\文本};

跨平台兼容性

确保图表在不同编译环境中的一致性：

1. 字体选择：使用标准数学字体（如Computer Modern）
2. 颜色空间：使用RGB或CMYK定义颜色，避免专色
3. 尺寸单位：统一使用pt或cm，避免混合单位
4. 版本控制：在文档中注明TikZ和PGF版本

量子场论费曼图示例：展示基本粒子相互作用的可视化表示，包含传播子和顶点

总结展望：科学可视化的未来

项目发展趋势

本项目代表了科学可视化领域的重要进步：从传统的绘图软件转向代码驱动的可重复、可版本控制的图表生成。随着Typst等现代排版系统的兴起，科学图表的创建将变得更加高效和一致。

学习资源推荐

1. 官方文档：TikZ & PGF Manual - 完整的官方手册
2. 在线教程：TikZ.net - 丰富的示例和教程
3. 社区资源：TeX Stack Exchange - 问题解答和技巧分享
4. 书籍推荐：《TikZ and PGF Manual》和《Creating Scientific Diagrams with TikZ》

贡献指南

欢迎对科学可视化感兴趣的开发者贡献新的图表：

1. 创建高质量的.tex或.typ源文件
2. 提供对应的元数据.yml文件
3. 在citation.cff中添加贡献者信息
4. 确保图表符合学术标准和视觉美感

应用场景扩展

这些图表不仅适用于学术论文，还可以应用于：

• 教学材料：制作交互式课件和讲义
• 研究报告：增强技术文档的可读性
• 科普内容：制作社交媒体上的科学可视化内容
• 软件文档：为科学计算库提供示意图

通过本项目提供的154个高质量图表模板，科研工作者可以快速创建专业级的科学可视化内容，将复杂的概念转化为直观的图形，推动科学知识的传播和理解。无论是物理学的量子场论、化学的分子结构，还是机器学习的神经网络架构，这里都有相应的可视化解决方案。

【免费下载链接】tikzDiagrams of concepts in physics/chemistry/ML项目地址: https://gitcode.com/gh_mirrors/tikz/tikz