图表类型预设当用户请求特定图表类型时应用下方匹配的预设来确定形状、样式和布局约定。这些预设设置结构性样式关键字如 ERD 的shapetable;childLayouttableLayout用户的样式预设参见references/style-presets.md在其上叠加颜色/字体/连线/附加属性。在以下情况下阅读本文档用户指定了其中一种图表类型ERD、UML 类图、序列图、架构图、ML/DL 模型图、流程图你正在为新图表选择形状词汇或布局方向ERD实体关系图元素样式说明表shapetable;startSize30;container1;collapsible1;childLayouttableLayout;fixedRows1;rowLines0;fontStyle1;strokeColor#6c8ebf;fillColor#dae8fc;每个表是一个容器行列shapetableRow;horizontal0;startSize0;swimlaneHead0;swimlaneBody0;fillColornone;collapsible0;dropTarget0;points[[0,0.5],[1,0.5]];portConstrainteastwest;fontSize12;表的子元素parenttableId主键列粗体文本该行的fontStyle1以PK前缀或键图标标记外键关系虚线连线dashed1;endArrowERmandOne;startArrowERmandOne;使用 ER 表示法箭头布局TB从上到下表格间距 300px相关表格纵向分组UML 类图元素样式说明类框swimlane;fontStyle1;aligncenter;startSize26;html1;3 个分区标题 / 属性 / 方法分隔线line;strokeWidth1;fillColornone;alignleft;verticalAlignmiddle;spacingTop-1;spacingLeft3;spacingRight10;rotatable0;labelPositionleft;points[];portConstrainteastwest;位于分区之间继承endArrowblock;endFill0;空心三角箭头实现endArrowblock;endFill0;dashed1;虚线 空心三角组合endArrowdiamondThin;endFill1;实心菱形聚合endArrowdiamondThin;endFill0;空心菱形布局TB从上到下类间距 250px接口位于实现之上序列图元素样式说明角色/对象shapeumlLifeline;perimeterlifelinePerimeter;whiteSpacewrap;html1;container1;collapsible0;recursiveResize0;outlineConnect0;portConstrainteastwest;带虚线垂直连线的生命线同步消息html1;verticalAlignbottom;endArrowblock;实线实心箭头异步消息html1;verticalAlignbottom;endArrowopen;dashed1;虚线开放箭头返回消息html1;verticalAlignbottom;endArrowopen;dashed1;strokeColor#999999;灰色虚线激活框生命线上的shapeumlFrame;whiteSpacewrap;生命线上的窄矩形布局LR从左到右生命线间距 200px时间从上到下流动架构图元素样式说明层/层级swimlane;startSize30;用于分组的容器客户端 / API / 服务 / 数据服务rounded1;whiteSpacewrap;html1; 层级颜色按层级使用颜色调色板数据库shapecylinder3;whiteSpacewrap;html1;绿色调色板队列/总线rounded1;whiteSpacewrap;html1;fillColor#fff2cc;strokeColor#d6b656;黄色——居中放置作为枢纽模式网关/负载均衡shapemxgraph.aws4.resourceIcon;或带橙色的rounded1;橙色调色板外部系统rounded1;dashed1;fillColor#f5f5f5;strokeColor#666666;外部系统使用虚线边框布局按层级数选择 TB 或 LR≥4 层 → TB枢纽节点居中ML / 深度学习模型图用于神经网络架构图——适用于向 NeurIPS、ICML、ICLR 等会议投稿的论文。元素样式说明层块rounded1;whiteSpacewrap;html1; 类型颜色主要构建块输入/输出fillColor#d5e8d4;strokeColor#82b366;绿色卷积/池化fillColor#dae8fc;strokeColor#6c8ebf;蓝色注意力/TransformerfillColor#e1d5e7;strokeColor#9673a6;紫色RNN / LSTM / GRUfillColor#fff2cc;strokeColor#d6b656;黄色全连接/线性层fillColor#ffe6cc;strokeColor#d79b00;橙色损失/激活fillColor#f8cecc;strokeColor#b85450;红色/粉色跳跃连接dashed1;endArrowblock;curved1;虚线曲线箭头张量形状标签添加形状注释作为次级标签valueConv2D#xa;(B, 64, 32, 32)使用#xa;实现多行布局TB数据从上到下流动层间距 150px将编码器/解码器分组为泳道张量形状约定以(B, C, H, W)或(B, T, D)格式为每层标注输入/输出张量维度。使用#xa;将维度放在标签的第二行。流程图增强版元素样式说明开始/结束ellipse;whiteSpacewrap;html1;fillColor#d5e8d4;strokeColor#82b366;绿色椭圆形处理过程rounded0;whiteSpacewrap;html1;fillColor#dae8fc;strokeColor#6c8ebf;蓝色矩形判断rhombus;whiteSpacewrap;html1;fillColor#fff2cc;strokeColor#d6b656;黄色菱形输入/输出shapeparallelogram;perimeterparallelogramPerimeter;whiteSpacewrap;html1;fillColor#ffe6cc;strokeColor#d79b00;橙色平行四边形子流程rounded0;whiteSpacewrap;html1;fillColor#e1d5e7;strokeColor#9673a6; 双边框紫色是/否标签判断连线上的valueYes/valueNo始终标记判断分支布局TB从上到下纵向间距 200px判断分支左右展开合并回中央