什么是数据包图？
数据包图通过展示各个字段、位位置和大小来可视化网络协议数据单元的结构。它们是网络工程、协议设计和网络安全教育中的重要工具。数据包图使人们容易理解数据在二进制层面的组织方式，清晰展示报头、有效载荷和字段边界。
编辑与预览
使用 Mermaid 语法创建 数据包图，实时查看效果。
Example
Packet diagram example
A Mermaid packet diagram documenting fields used by a generated diagram export.
Mermaid code
packet-beta
0-15: "Diagram ID"
16-31: "Export Format"
32-63: "Image Width"
64-95: "Image Height"
96-127: "Alt Text Hash"常见使用场景
协议文档
记录 TCP、UDP、IP 和自定义协议报头。展示字段位置、大小和用途，作为协议实现参考。
网络教育
用清晰的数据包结构可视化表示教授网络基础知识。帮助学生理解协议层。
安全分析
在安全审计期间可视化数据包结构。理解防火墙规则、入侵检测签名和数据包过滤的报头字段。
自定义协议设计
设计具有精确位级字段定义的新协议格式。向实现团队传达数据包结构。
核心功能
位级精度
使用精确的位范围定义字段，展示数据包结构中的精确位置和大小。
字段标签
为每个字段添加描述性标签，清晰识别协议组件。
行式布局
字段按行排列，通常为 32 位宽，匹配标准协议文档格式。
简单语法
使用直观的范围-标签对定义数据包结构，易于编写和维护。
最佳实践
遵循标准宽度
标准协议图使用 32 位行宽。这与 RFC 文档约定相匹配。
标注所有字段
每个字段都应有清晰、描述性的标签。使用协议规范中的标准名称。
显示位编号
包含位位置编号，使字段边界明确无误，有助于实现。
专注于单一层
每个图表记录一个协议层。为以太网、IP、TCP 和应用层创建单独的图表。
探索其他图表类型
流程图
用节点和方向箭头可视化流程、工作流和算法。非常适合业务流程和决策树。
时序图
记录不同参与者或系统之间的时序交互。非常适合 API 文档和系统设计。
类图
用类、属性和关系建模面向对象系统。软件架构规划的必备工具。
状态图
表示系统或应用程序中的状态转换。非常适合建模生命周期状态和工作流。
甘特图
规划和跟踪项目时间线、任务和依赖关系。非常适合项目管理和进度安排。
ER 图
设计包含实体和关系的数据库架构。非常适合数据库建模和文档编写。
用户旅程图
绘制用户在各个接触点的体验和交互。非常适合用户体验设计和客户旅程分析。
Git 图
可视化 Git 分支策略和提交历史。有助于解释版本控制工作流。
思维导图
组织创意、头脑风暴和创建层次化视觉结构。适合规划和知识管理。
饼图
以圆形图表展示数据比例分布。适合显示百分比和市场份额分析。
时间线
沿时间轴可视化事件和里程碑。适合项目历史和路线图展示。
看板
将任务按工作流阶段组织到列中。适合敏捷项目管理和任务追踪。
四象限图
在双轴网格上绘制项目进行比较和优先级排序。适合功能优先级和战略分析。
桑基图
用比例箭头可视化节点间的流量。适合能源流、预算分配和转化漏斗。
XY 图表
创建带有可自定义坐标轴的柱状图和折线图。适合数据可视化和趋势分析。
块状图
用行列排列的块构建结构化布局。适合系统架构和组件概览。
架构图
使用服务图标和连接设计云和系统架构。适合基础设施文档。