2020年7月29日 从零开始的Dot可视化历险 1. 基本使用实例 1.1 一个C程序的内部调用图 如图1.1.a 所示 如图1.1.b 所示 2. 从基本结构开始探险 2.1 Node 如图 2.1.a 所示 系列：可视化探险1 / 21.从零开始的Dot可视化历险当前2.'From 0 to X: Hexo -- 0x01'下一篇'From 0 to X: Hexo -- 0x01'
%3b%7d%23mermaid-0 .cluster rect%7bfill:%23ffffde%3bstroke:%23aaaa33%3bstroke-width:1px%3b%7d%23mermaid-0 .cluster text%7bfill:%23333%3b%7d%23mermaid-0 .cluster span%2c%23mermaid-0 p%7bcolor:%23333%3b%7d%23mermaid-0 div.mermaidTooltip%7bposition:absolute%3btext-align:center%3bmax-width:200px%3bpadding:2px%3bfont-family:arial%2csans-serif%3bfont-size:12px%3bbackground:hsl(80%2c 100%25%2c 96.2745098039%25)%3bborder:1px solid %23aaaa33%3bborder-radius:2px%3bpointer-events:none%3bz-index:100%3b%7d%23mermaid-0 .flowchartTitleText%7btext-anchor:middle%3bfont-size:18px%3bfill:%23333%3b%7d%23mermaid-0 :root%7b--mermaid-font-family:arial%2csans-serif%3b%7d%3c/style%3e%3cg%3e%3cmarker orient='auto' markerHeight='12' markerWidth='12' markerUnits='userSpaceOnUse' refY='5' refX='6' viewBox='0 0 10 10' class='marker flowchart' id='mermaid-0_flowchart-pointEnd'%3e%3cpath style='stroke-width: 1%3b stroke-dasharray: 1%2c 0%3b' class='arrowMarkerPath' d='M 0 0 L 10 5 L 0 10 z'/%3e%3c/marker%3e%3cmarker orient='auto' markerHeight='12' markerWidth='12' markerUnits='userSpaceOnUse' refY='5' refX='4.5' viewBox='0 0 10 10' class='marker flowchart' id='mermaid-0_flowchart-pointStart'%3e%3cpath style='stroke-width: 1%3b stroke-dasharray: 1%2c 0%3b' class='arrowMarkerPath' d='M 0 5 L 10 10 L 10 0 z'/%3e%3c/marker%3e%3cmarker orient='auto' markerHeight='11' markerWidth='11' markerUnits='userSpaceOnUse' refY='5' refX='11' viewBox='0 0 10 10' class='marker flowchart' id='mermaid-0_flowchart-circleEnd'%3e%3ccircle style='stroke-width: 1%3b stroke-dasharray: 1%2c 0%3b' class='arrowMarkerPath' r='5' cy='5' cx='5'/%3e%3c/marker%3e%3cmarker orient='auto' markerHeight='11' markerWidth='11' markerUnits='userSpaceOnUse' refY='5' refX='-1' viewBox='0 0 10 10' class='marker flowchart' id='mermaid-0_flowchart-circleStart'%3e%3ccircle style='stroke-width: 1%3b stroke-dasharray: 1%2c 0%3b' class='arrowMarkerPath' r='5' cy='5' cx='5'/%3e%3c/marker%3e%3cmarker orient='auto' markerHeight='11' markerWidth='11' markerUnits='userSpaceOnUse' refY='5.2' refX='12' viewBox='0 0 11 11' class='marker cross flowchart' id='mermaid-0_flowchart-crossEnd'%3e%3cpath style='stroke-width: 2%3b stroke-dasharray: 1%2c 0%3b' class='arrowMarkerPath' d='M 1%2c1 l 9%2c9 M 10%2c1 l -9%2c9'/%3e%3c/marker%3e%3cmarker orient='auto' markerHeight='11' markerWidth='11' markerUnits='userSpaceOnUse' refY='5.2' refX='-1' viewBox='0 0 11 11' class='marker cross flowchart' id='mermaid-0_flowchart-crossStart'%3e%3cpath style='stroke-width: 2%3b stroke-dasharray: 1%2c 0%3b' class='arrowMarkerPath' d='M 1%2c1 l 9%2c9 M 10%2c1 l -9%2c9'/%3e%3c/marker%3e%3cg class='root'%3e%3cg class='clusters'/%3e%3cg class='edgePaths'%3e%3cpath marker-end='url(%23mermaid-0_flowchart-pointEnd)' style='fill:none%3b' class='edge-thickness-normal edge-pattern-solid flowchart-link LS-graphviz LE-dot' id='L-graphviz-dot-0' d='M606.426%2c19.29L515.05%2c25.742C423.674%2c32.193%2c240.923%2c45.097%2c149.548%2c54.832C58.172%2c64.567%2c58.172%2c71.133%2c58.172%2c74.417L58.172%2c77.7'/%3e%3cpath marker-end='url(%23mermaid-0_flowchart-pointEnd)' style='fill:none%3b' class='edge-thickness-normal edge-pattern-solid flowchart-link LS-graphviz LE-neato' id='L-graphviz-neato-0' d='M606.426%2c20.475L544.257%2c26.729C482.089%2c32.983%2c357.751%2c45.492%2c295.583%2c55.029C233.414%2c64.567%2c233.414%2c71.133%2c233.414%2c74.417L233.414%2c77.7'/%3e%3cpath marker-end='url(%23mermaid-0_flowchart-pointEnd)' style='fill:none%3b' class='edge-thickness-normal edge-pattern-solid flowchart-link LS-graphviz LE-twopi' id='L-graphviz-twopi-0' d='M606.426%2c23.398L573.39%2c29.165C540.354%2c34.932%2c474.283%2c46.466%2c441.247%2c55.516C408.211%2c64.567%2c408.211%2c71.133%2c408.211%2c74.417L408.211%2c77.7'/%3e%3cpath marker-end='url(%23mermaid-0_flowchart-pointEnd)' style='fill:none%3b' class='edge-thickness-normal edge-pattern-solid flowchart-link LS-graphviz LE-circo' id='L-graphviz-circo-0' d='M613.316%2c33L605.077%2c37.167C596.838%2c41.333%2c580.36%2c49.667%2c572.122%2c57.117C563.883%2c64.567%2c563.883%2c71.133%2c563.883%2c74.417L563.883%2c77.7'/%3e%3cpath marker-end='url(%23mermaid-0_flowchart-pointEnd)' style='fill:none%3b' class='edge-thickness-normal edge-pattern-solid flowchart-link LS-graphviz LE-fdp' id='L-graphviz-fdp-0' d='M678.567%2c33L686.806%2c37.167C695.045%2c41.333%2c711.522%2c49.667%2c719.761%2c57.117C728%2c64.567%2c728%2c71.133%2c728%2c74.417L728%2c77.7'/%3e%3cpath marker-end='url(%23mermaid-0_flowchart-pointEnd)' style='fill:none%3b' class='edge-thickness-normal edge-pattern-solid flowchart-link LS-graphviz LE-sfdp' id='L-graphviz-sfdp-0' d='M685.457%2c22.61L723.605%2c28.508C761.753%2c34.407%2c838.048%2c46.203%2c876.196%2c55.385C914.344%2c64.567%2c914.344%2c71.133%2c914.344%2c74.417L914.344%2c77.7'/%3e%3cpath marker-end='url(%23mermaid-0_flowchart-pointEnd)' style='fill:none%3b' class='edge-thickness-normal edge-pattern-solid flowchart-link LS-graphviz LE-patchwork' id='L-graphviz-patchwork-0' d='M685.457%2c20.096L754.886%2c26.413C824.315%2c32.73%2c963.173%2c45.365%2c1032.602%2c54.966C1102.031%2c64.567%2c1102.031%2c71.133%2c1102.031%2c74.417L1102.031%2c77.7'/%3e%3cpath marker-end='url(%23mermaid-0_flowchart-pointEnd)' style='fill:none%3b' class='edge-thickness-normal edge-pattern-solid flowchart-link LS-graphviz LE-osage' id='L-graphviz-osage-0' d='M685.457%2c19.118L783.281%2c25.598C881.104%2c32.078%2c1076.751%2c45.039%2c1174.575%2c54.803C1272.398%2c64.567%2c1272.398%2c71.133%2c1272.398%2c74.417L1272.398%2c77.7'/%3e%3c/g%3e%3cg class='edgeLabels'%3e%3cg class='edgeLabel'%3e%3cg transform='translate(0%2c 0)' class='label'%3e%3cforeignObject height='0' width='0'%3e%3cdiv style='display: inline-block%3b white-space: nowrap%3b' xmlns='http://www.w3.org/1999/xhtml'%3e%3cspan class='edgeLabel'%3e%3c/span%3e%3c/div%3e%3c/foreignObject%3e%3c/g%3e%3c/g%3e%3cg class='edgeLabel'%3e%3cg transform='translate(0%2c 0)' class='label'%3e%3cforeignObject height='0' width='0'%3e%3cdiv style='display: inline-block%3b white-space: nowrap%3b' xmlns='http://www.w3.org/1999/xhtml'%3e%3cspan class='edgeLabel'%3e%3c/span%3e%3c/div%3e%3c/foreignObject%3e%3c/g%3e%3c/g%3e%3cg class='edgeLabel'%3e%3cg transform='translate(0%2c 0)' class='label'%3e%3cforeignObject height='0' width='0'%3e%3cdiv style='display: inline-block%3b white-space: nowrap%3b' xmlns='http://www.w3.org/1999/xhtml'%3e%3cspan class='edgeLabel'%3e%3c/span%3e%3c/div%3e%3c/foreignObject%3e%3c/g%3e%3c/g%3e%3cg class='edgeLabel'%3e%3cg transform='translate(0%2c 0)' class='label'%3e%3cforeignObject height='0' width='0'%3e%3cdiv style='display: inline-block%3b white-space: nowrap%3b' xmlns='http://www.w3.org/1999/xhtml'%3e%3cspan class='edgeLabel'%3e%3c/span%3e%3c/div%3e%3c/foreignObject%3e%3c/g%3e%3c/g%3e%3cg class='edgeLabel'%3e%3cg transform='translate(0%2c 0)' class='label'%3e%3cforeignObject height='0' width='0'%3e%3cdiv style='display: inline-block%3b white-space: nowrap%3b' xmlns='http://www.w3.org/1999/xhtml'%3e%3cspan class='edgeLabel'%3e%3c/span%3e%3c/div%3e%3c/foreignObject%3e%3c/g%3e%3c/g%3e%3cg class='edgeLabel'%3e%3cg transform='translate(0%2c 0)' class='label'%3e%3cforeignObject height='0' width='0'%3e%3cdiv style='display: inline-block%3b white-space: nowrap%3b' xmlns='http://www.w3.org/1999/xhtml'%3e%3cspan class='edgeLabel'%3e%3c/span%3e%3c/div%3e%3c/foreignObject%3e%3c/g%3e%3c/g%3e%3cg class='edgeLabel'%3e%3cg transform='translate(0%2c 0)' class='label'%3e%3cforeignObject height='0' width='0'%3e%3cdiv style='display: inline-block%3b white-space: nowrap%3b' xmlns='http://www.w3.org/1999/xhtml'%3e%3cspan class='edgeLabel'%3e%3c/span%3e%3c/div%3e%3c/foreignObject%3e%3c/g%3e%3c/g%3e%3cg class='edgeLabel'%3e%3cg transform='translate(0%2c 0)' class='label'%3e%3cforeignObject height='0' width='0'%3e%3cdiv style='display: inline-block%3b white-space: nowrap%3b' xmlns='http://www.w3.org/1999/xhtml'%3e%3cspan class='edgeLabel'%3e%3c/span%3e%3c/div%3e%3c/foreignObject%3e%3c/g%3e%3c/g%3e%3c/g%3e%3cg class='nodes'%3e%3cg transform='translate(645.94140625%2c 16.5)' data-id='graphviz' data-node='true' id='flowchart-graphviz-0' class='node default default flowchart-label'%3e%3crect height='33' width='79.03125' y='-16.5' x='-39.515625' ry='0' rx='0' style='' class='basic label-container'/%3e%3cg transform='translate(-32.015625%2c -9)' style='' class='label'%3e%3crect/%3e%3cforeignObject height='18' width='64.03125'%3e%3cdiv style='display: inline-block%3b white-space: nowrap%3b' xmlns='http://www.w3.org/1999/xhtml'%3e%3cspan class='nodeLabel'%3eGraphviz%3c/span%3e%3c/div%3e%3c/foreignObject%3e%3c/g%3e%3c/g%3e%3cg transform='translate(58.171875%2c 101)' data-id='dot' data-node='true' id='flowchart-dot-1' class='node default default flowchart-label'%3e%3crect height='36' width='116.34375' y='-18' x='-58.171875' ry='0' rx='0' style='' class='basic label-container'/%3e%3cg transform='translate(-50.671875%2c -10.5)' style='' class='label'%3e%3crect/%3e%3cforeignObject height='21' width='101.34375'%3e%3cdiv style='display: inline-block%3b white-space: nowrap%3b' xmlns='http://www.w3.org/1999/xhtml'%3e%3cspan class='nodeLabel'%3edot (%e9%bb%98%e8%ae%a4%e5%b8%83%e5%b1%80)%3c/span%3e%3c/div%3e%3c/foreignObject%3e%3c/g%3e%3c/g%3e%3cg transform='translate(233.4140625%2c 101)' data-id='neato' data-node='true' id='flowchart-neato-2' class='node default default flowchart-label'%3e%3crect height='36' width='134.140625' y='-18' x='-67.0703125' ry='0' rx='0' style='' class='basic label-container'/%3e%3cg transform='translate(-59.5703125%2c -10.5)' style='' class='label'%3e%3crect/%3e%3cforeignObject height='21' width='119.140625'%3e%3cdiv style='display: inline-block%3b white-space: nowrap%3b' xmlns='http://www.w3.org/1999/xhtml'%3e%3cspan class='nodeLabel'%3eneato (%e5%bc%b9%e7%b0%a7%e6%a8%a1%e5%9e%8b)%3c/span%3e%3c/div%3e%3c/foreignObject%3e%3c/g%3e%3c/g%3e%3cg transform='translate(408.2109375%2c 101)' data-id='twopi' data-node='true' id='flowchart-twopi-3' class='node default default flowchart-label'%3e%3crect height='36' width='115.453125' y='-18' x='-57.7265625' ry='0' rx='0' style='' class='basic label-container'/%3e%3cg transform='translate(-50.2265625%2c -10.5)' style='' class='label'%3e%3crect/%3e%3cforeignObject height='21' width='100.453125'%3e%3cdiv style='display: inline-block%3b white-space: nowrap%3b' xmlns='http://www.w3.org/1999/xhtml'%3e%3cspan class='nodeLabel'%3etwopi (%e6%94%be%e5%b0%84%e7%8a%b6)%3c/span%3e%3c/div%3e%3c/foreignObject%3e%3c/g%3e%3c/g%3e%3cg transform='translate(563.8828125%2c 101)' data-id='circo' data-node='true' id='flowchart-circo-4' class='node default default flowchart-label'%3e%3crect height='36' width='95.890625' y='-18' x='-47.9453125' ry='0' rx='0' style='' class='basic label-container'/%3e%3cg transform='translate(-40.4453125%2c -10.5)' style='' class='label'%3e%3crect/%3e%3cforeignObject height='21' width='80.890625'%3e%3cdiv style='display: inline-block%3b white-space: nowrap%3b' xmlns='http://www.w3.org/1999/xhtml'%3e%3cspan class='nodeLabel'%3ecirco (%e7%8e%af%e5%bd%a2)%3c/span%3e%3c/div%3e%3c/foreignObject%3e%3c/g%3e%3c/g%3e%3cg transform='translate(728%2c 101)' data-id='fdp' data-node='true' id='flowchart-fdp-5' class='node default default flowchart-label'%3e%3crect height='36' width='132.34375' y='-18' x='-66.171875' ry='0' rx='0' style='' class='basic label-container'/%3e%3cg transform='translate(-58.671875%2c -10.5)' style='' class='label'%3e%3crect/%3e%3cforeignObject height='21' width='117.34375'%3e%3cdiv style='display: inline-block%3b white-space: nowrap%3b' xmlns='http://www.w3.org/1999/xhtml'%3e%3cspan class='nodeLabel'%3efdp (%e6%97%a0%e5%90%91%e5%9b%be%e5%bc%b9%e7%b0%a7)%3c/span%3e%3c/div%3e%3c/foreignObject%3e%3c/g%3e%3c/g%3e%3cg transform='translate(914.34375%2c 101)' data-id='sfdp' data-node='true' id='flowchart-sfdp-6' class='node default default flowchart-label'%3e%3crect height='36' width='140.34375' y='-18' x='-70.171875' ry='0' rx='0' style='' class='basic label-container'/%3e%3cg transform='translate(-62.671875%2c -10.5)' style='' class='label'%3e%3crect/%3e%3cforeignObject height='21' width='125.34375'%3e%3cdiv style='display: inline-block%3b white-space: nowrap%3b' xmlns='http://www.w3.org/1999/xhtml'%3e%3cspan class='nodeLabel'%3esfdp (%e5%a4%9a%e5%b0%ba%e5%ba%a6%e5%bc%b9%e7%b0%a7)%3c/span%3e%3c/div%3e%3c/foreignObject%3e%3c/g%3e%3c/g%3e%3cg transform='translate(1102.03125%2c 101)' data-id='patchwork' data-node='true' id='flowchart-patchwork-7' class='node default default flowchart-label'%3e%3crect height='36' width='135.03125' y='-18' x='-67.515625' ry='0' rx='0' style='' class='basic label-container'/%3e%3cg transform='translate(-60.015625%2c -10.5)' style='' class='label'%3e%3crect/%3e%3cforeignObject height='21' width='120.03125'%3e%3cdiv style='display: inline-block%3b white-space: nowrap%3b' xmlns='http://www.w3.org/1999/xhtml'%3e%3cspan class='nodeLabel'%3epatchwork (%e6%a0%91%e5%9b%be)%3c/span%3e%3c/div%3e%3c/foreignObject%3e%3c/g%3e%3c/g%3e%3cg transform='translate(1272.3984375%2c 101)' data-id='osage' data-node='true' id='flowchart-osage-8' class='node default default flowchart-label'%3e%3crect height='36' width='105.703125' y='-18' x='-52.8515625' ry='0' rx='0' style='' class='basic label-container'/%3e%3cg transform='translate(-45.3515625%2c -10.5)' style='' class='label'%3e%3crect/%3e%3cforeignObject height='21' width='90.703125'%3e%3cdiv style='display: inline-block%3b white-space: nowrap%3b' xmlns='http://www.w3.org/1999/xhtml'%3e%3cspan class='nodeLabel'%3eosage (%e9%9b%86%e7%be%a4)%3c/span%3e%3c/div%3e%3c/foreignObject%3e%3c/g%3e%3c/g%3e%3c/g%3e%3c/g%3e%3c/g%3e%3c/svg%3e)
%3b%7d%23mermaid-1 .cluster rect%7bfill:%23ffffde%3bstroke:%23aaaa33%3bstroke-width:1px%3b%7d%23mermaid-1 .cluster text%7bfill:%23333%3b%7d%23mermaid-1 .cluster span%2c%23mermaid-1 p%7bcolor:%23333%3b%7d%23mermaid-1 div.mermaidTooltip%7bposition:absolute%3btext-align:center%3bmax-width:200px%3bpadding:2px%3bfont-family:arial%2csans-serif%3bfont-size:12px%3bbackground:hsl(80%2c 100%25%2c 96.2745098039%25)%3bborder:1px solid %23aaaa33%3bborder-radius:2px%3bpointer-events:none%3bz-index:100%3b%7d%23mermaid-1 .flowchartTitleText%7btext-anchor:middle%3bfont-size:18px%3bfill:%23333%3b%7d%23mermaid-1 :root%7b--mermaid-font-family:arial%2csans-serif%3b%7d%3c/style%3e%3cg%3e%3cmarker orient='auto' markerHeight='12' markerWidth='12' markerUnits='userSpaceOnUse' refY='5' refX='6' viewBox='0 0 10 10' class='marker flowchart' id='mermaid-1_flowchart-pointEnd'%3e%3cpath style='stroke-width: 1%3b stroke-dasharray: 1%2c 0%3b' class='arrowMarkerPath' d='M 0 0 L 10 5 L 0 10 z'/%3e%3c/marker%3e%3cmarker orient='auto' markerHeight='12' markerWidth='12' markerUnits='userSpaceOnUse' refY='5' refX='4.5' viewBox='0 0 10 10' class='marker flowchart' id='mermaid-1_flowchart-pointStart'%3e%3cpath style='stroke-width: 1%3b stroke-dasharray: 1%2c 0%3b' class='arrowMarkerPath' d='M 0 5 L 10 10 L 10 0 z'/%3e%3c/marker%3e%3cmarker orient='auto' markerHeight='11' markerWidth='11' markerUnits='userSpaceOnUse' refY='5' refX='11' viewBox='0 0 10 10' class='marker flowchart' id='mermaid-1_flowchart-circleEnd'%3e%3ccircle style='stroke-width: 1%3b stroke-dasharray: 1%2c 0%3b' class='arrowMarkerPath' r='5' cy='5' cx='5'/%3e%3c/marker%3e%3cmarker orient='auto' markerHeight='11' markerWidth='11' markerUnits='userSpaceOnUse' refY='5' refX='-1' viewBox='0 0 10 10' class='marker flowchart' id='mermaid-1_flowchart-circleStart'%3e%3ccircle style='stroke-width: 1%3b stroke-dasharray: 1%2c 0%3b' class='arrowMarkerPath' r='5' cy='5' cx='5'/%3e%3c/marker%3e%3cmarker orient='auto' markerHeight='11' markerWidth='11' markerUnits='userSpaceOnUse' refY='5.2' refX='12' viewBox='0 0 11 11' class='marker cross flowchart' id='mermaid-1_flowchart-crossEnd'%3e%3cpath style='stroke-width: 2%3b stroke-dasharray: 1%2c 0%3b' class='arrowMarkerPath' d='M 1%2c1 l 9%2c9 M 10%2c1 l -9%2c9'/%3e%3c/marker%3e%3cmarker orient='auto' markerHeight='11' markerWidth='11' markerUnits='userSpaceOnUse' refY='5.2' refX='-1' viewBox='0 0 11 11' class='marker cross flowchart' id='mermaid-1_flowchart-crossStart'%3e%3cpath style='stroke-width: 2%3b stroke-dasharray: 1%2c 0%3b' class='arrowMarkerPath' d='M 1%2c1 l 9%2c9 M 10%2c1 l -9%2c9'/%3e%3c/marker%3e%3cg class='root'%3e%3cg class='clusters'/%3e%3cg class='edgePaths'%3e%3cpath marker-end='url(%23mermaid-1_flowchart-pointEnd)' style='fill:none%3b' class='edge-thickness-normal edge-pattern-solid flowchart-link LS-graphviz LE-dot' id='L-graphviz-dot-0' d='M606.426%2c19.29L515.05%2c25.742C423.674%2c32.193%2c240.923%2c45.097%2c149.548%2c54.832C58.172%2c64.567%2c58.172%2c71.133%2c58.172%2c74.417L58.172%2c77.7'/%3e%3cpath marker-end='url(%23mermaid-1_flowchart-pointEnd)' style='fill:none%3b' class='edge-thickness-normal edge-pattern-solid flowchart-link LS-graphviz LE-neato' id='L-graphviz-neato-0' d='M606.426%2c20.475L544.257%2c26.729C482.089%2c32.983%2c357.751%2c45.492%2c295.583%2c55.029C233.414%2c64.567%2c233.414%2c71.133%2c233.414%2c74.417L233.414%2c77.7'/%3e%3cpath marker-end='url(%23mermaid-1_flowchart-pointEnd)' style='fill:none%3b' class='edge-thickness-normal edge-pattern-solid flowchart-link LS-graphviz LE-twopi' id='L-graphviz-twopi-0' d='M606.426%2c23.398L573.39%2c29.165C540.354%2c34.932%2c474.283%2c46.466%2c441.247%2c55.516C408.211%2c64.567%2c408.211%2c71.133%2c408.211%2c74.417L408.211%2c77.7'/%3e%3cpath marker-end='url(%23mermaid-1_flowchart-pointEnd)' style='fill:none%3b' class='edge-thickness-normal edge-pattern-solid flowchart-link LS-graphviz LE-circo' id='L-graphviz-circo-0' d='M613.316%2c33L605.077%2c37.167C596.838%2c41.333%2c580.36%2c49.667%2c572.122%2c57.117C563.883%2c64.567%2c563.883%2c71.133%2c563.883%2c74.417L563.883%2c77.7'/%3e%3cpath marker-end='url(%23mermaid-1_flowchart-pointEnd)' style='fill:none%3b' class='edge-thickness-normal edge-pattern-solid flowchart-link LS-graphviz LE-fdp' id='L-graphviz-fdp-0' d='M678.567%2c33L686.806%2c37.167C695.045%2c41.333%2c711.522%2c49.667%2c719.761%2c57.117C728%2c64.567%2c728%2c71.133%2c728%2c74.417L728%2c77.7'/%3e%3cpath marker-end='url(%23mermaid-1_flowchart-pointEnd)' style='fill:none%3b' class='edge-thickness-normal edge-pattern-solid flowchart-link LS-graphviz LE-sfdp' id='L-graphviz-sfdp-0' d='M685.457%2c22.61L723.605%2c28.508C761.753%2c34.407%2c838.048%2c46.203%2c876.196%2c55.385C914.344%2c64.567%2c914.344%2c71.133%2c914.344%2c74.417L914.344%2c77.7'/%3e%3cpath marker-end='url(%23mermaid-1_flowchart-pointEnd)' style='fill:none%3b' class='edge-thickness-normal edge-pattern-solid flowchart-link LS-graphviz LE-patchwork' id='L-graphviz-patchwork-0' d='M685.457%2c20.096L754.886%2c26.413C824.315%2c32.73%2c963.173%2c45.365%2c1032.602%2c54.966C1102.031%2c64.567%2c1102.031%2c71.133%2c1102.031%2c74.417L1102.031%2c77.7'/%3e%3cpath marker-end='url(%23mermaid-1_flowchart-pointEnd)' style='fill:none%3b' class='edge-thickness-normal edge-pattern-solid flowchart-link LS-graphviz LE-osage' id='L-graphviz-osage-0' d='M685.457%2c19.118L783.281%2c25.598C881.104%2c32.078%2c1076.751%2c45.039%2c1174.575%2c54.803C1272.398%2c64.567%2c1272.398%2c71.133%2c1272.398%2c74.417L1272.398%2c77.7'/%3e%3c/g%3e%3cg class='edgeLabels'%3e%3cg class='edgeLabel'%3e%3cg transform='translate(0%2c 0)' class='label'%3e%3cforeignObject height='0' width='0'%3e%3cdiv style='display: inline-block%3b white-space: nowrap%3b' xmlns='http://www.w3.org/1999/xhtml'%3e%3cspan class='edgeLabel'%3e%3c/span%3e%3c/div%3e%3c/foreignObject%3e%3c/g%3e%3c/g%3e%3cg class='edgeLabel'%3e%3cg transform='translate(0%2c 0)' class='label'%3e%3cforeignObject height='0' width='0'%3e%3cdiv style='display: inline-block%3b white-space: nowrap%3b' xmlns='http://www.w3.org/1999/xhtml'%3e%3cspan class='edgeLabel'%3e%3c/span%3e%3c/div%3e%3c/foreignObject%3e%3c/g%3e%3c/g%3e%3cg class='edgeLabel'%3e%3cg transform='translate(0%2c 0)' class='label'%3e%3cforeignObject height='0' width='0'%3e%3cdiv style='display: inline-block%3b white-space: nowrap%3b' xmlns='http://www.w3.org/1999/xhtml'%3e%3cspan class='edgeLabel'%3e%3c/span%3e%3c/div%3e%3c/foreignObject%3e%3c/g%3e%3c/g%3e%3cg class='edgeLabel'%3e%3cg transform='translate(0%2c 0)' class='label'%3e%3cforeignObject height='0' width='0'%3e%3cdiv style='display: inline-block%3b white-space: nowrap%3b' xmlns='http://www.w3.org/1999/xhtml'%3e%3cspan class='edgeLabel'%3e%3c/span%3e%3c/div%3e%3c/foreignObject%3e%3c/g%3e%3c/g%3e%3cg class='edgeLabel'%3e%3cg transform='translate(0%2c 0)' class='label'%3e%3cforeignObject height='0' width='0'%3e%3cdiv style='display: inline-block%3b white-space: nowrap%3b' xmlns='http://www.w3.org/1999/xhtml'%3e%3cspan class='edgeLabel'%3e%3c/span%3e%3c/div%3e%3c/foreignObject%3e%3c/g%3e%3c/g%3e%3cg class='edgeLabel'%3e%3cg transform='translate(0%2c 0)' class='label'%3e%3cforeignObject height='0' width='0'%3e%3cdiv style='display: inline-block%3b white-space: nowrap%3b' xmlns='http://www.w3.org/1999/xhtml'%3e%3cspan class='edgeLabel'%3e%3c/span%3e%3c/div%3e%3c/foreignObject%3e%3c/g%3e%3c/g%3e%3cg class='edgeLabel'%3e%3cg transform='translate(0%2c 0)' class='label'%3e%3cforeignObject height='0' width='0'%3e%3cdiv style='display: inline-block%3b white-space: nowrap%3b' xmlns='http://www.w3.org/1999/xhtml'%3e%3cspan class='edgeLabel'%3e%3c/span%3e%3c/div%3e%3c/foreignObject%3e%3c/g%3e%3c/g%3e%3cg class='edgeLabel'%3e%3cg transform='translate(0%2c 0)' class='label'%3e%3cforeignObject height='0' width='0'%3e%3cdiv style='display: inline-block%3b white-space: nowrap%3b' xmlns='http://www.w3.org/1999/xhtml'%3e%3cspan class='edgeLabel'%3e%3c/span%3e%3c/div%3e%3c/foreignObject%3e%3c/g%3e%3c/g%3e%3c/g%3e%3cg class='nodes'%3e%3cg transform='translate(645.94140625%2c 16.5)' data-id='graphviz' data-node='true' id='flowchart-graphviz-25' class='node default default flowchart-label'%3e%3crect height='33' width='79.03125' y='-16.5' x='-39.515625' ry='0' rx='0' style='' class='basic label-container'/%3e%3cg transform='translate(-32.015625%2c -9)' style='' class='label'%3e%3crect/%3e%3cforeignObject height='18' width='64.03125'%3e%3cdiv style='display: inline-block%3b white-space: nowrap%3b' xmlns='http://www.w3.org/1999/xhtml'%3e%3cspan class='nodeLabel'%3eGraphviz%3c/span%3e%3c/div%3e%3c/foreignObject%3e%3c/g%3e%3c/g%3e%3cg transform='translate(58.171875%2c 101)' data-id='dot' data-node='true' id='flowchart-dot-26' class='node default default flowchart-label'%3e%3crect height='36' width='116.34375' y='-18' x='-58.171875' ry='0' rx='0' style='' class='basic label-container'/%3e%3cg transform='translate(-50.671875%2c -10.5)' style='' class='label'%3e%3crect/%3e%3cforeignObject height='21' width='101.34375'%3e%3cdiv style='display: inline-block%3b white-space: nowrap%3b' xmlns='http://www.w3.org/1999/xhtml'%3e%3cspan class='nodeLabel'%3edot (%e9%bb%98%e8%ae%a4%e5%b8%83%e5%b1%80)%3c/span%3e%3c/div%3e%3c/foreignObject%3e%3c/g%3e%3c/g%3e%3cg transform='translate(233.4140625%2c 101)' data-id='neato' data-node='true' id='flowchart-neato-27' class='node default default flowchart-label'%3e%3crect height='36' width='134.140625' y='-18' x='-67.0703125' ry='0' rx='0' style='' class='basic label-container'/%3e%3cg transform='translate(-59.5703125%2c -10.5)' style='' class='label'%3e%3crect/%3e%3cforeignObject height='21' width='119.140625'%3e%3cdiv style='display: inline-block%3b white-space: nowrap%3b' xmlns='http://www.w3.org/1999/xhtml'%3e%3cspan class='nodeLabel'%3eneato (%e5%bc%b9%e7%b0%a7%e6%a8%a1%e5%9e%8b)%3c/span%3e%3c/div%3e%3c/foreignObject%3e%3c/g%3e%3c/g%3e%3cg transform='translate(408.2109375%2c 101)' data-id='twopi' data-node='true' id='flowchart-twopi-28' class='node default default flowchart-label'%3e%3crect height='36' width='115.453125' y='-18' x='-57.7265625' ry='0' rx='0' style='' class='basic label-container'/%3e%3cg transform='translate(-50.2265625%2c -10.5)' style='' class='label'%3e%3crect/%3e%3cforeignObject height='21' width='100.453125'%3e%3cdiv style='display: inline-block%3b white-space: nowrap%3b' xmlns='http://www.w3.org/1999/xhtml'%3e%3cspan class='nodeLabel'%3etwopi (%e6%94%be%e5%b0%84%e7%8a%b6)%3c/span%3e%3c/div%3e%3c/foreignObject%3e%3c/g%3e%3c/g%3e%3cg transform='translate(563.8828125%2c 101)' data-id='circo' data-node='true' id='flowchart-circo-29' class='node default default flowchart-label'%3e%3crect height='36' width='95.890625' y='-18' x='-47.9453125' ry='0' rx='0' style='' class='basic label-container'/%3e%3cg transform='translate(-40.4453125%2c -10.5)' style='' class='label'%3e%3crect/%3e%3cforeignObject height='21' width='80.890625'%3e%3cdiv style='display: inline-block%3b white-space: nowrap%3b' xmlns='http://www.w3.org/1999/xhtml'%3e%3cspan class='nodeLabel'%3ecirco (%e7%8e%af%e5%bd%a2)%3c/span%3e%3c/div%3e%3c/foreignObject%3e%3c/g%3e%3c/g%3e%3cg transform='translate(728%2c 101)' data-id='fdp' data-node='true' id='flowchart-fdp-30' class='node default default flowchart-label'%3e%3crect height='36' width='132.34375' y='-18' x='-66.171875' ry='0' rx='0' style='' class='basic label-container'/%3e%3cg transform='translate(-58.671875%2c -10.5)' style='' class='label'%3e%3crect/%3e%3cforeignObject height='21' width='117.34375'%3e%3cdiv style='display: inline-block%3b white-space: nowrap%3b' xmlns='http://www.w3.org/1999/xhtml'%3e%3cspan class='nodeLabel'%3efdp (%e6%97%a0%e5%90%91%e5%9b%be%e5%bc%b9%e7%b0%a7)%3c/span%3e%3c/div%3e%3c/foreignObject%3e%3c/g%3e%3c/g%3e%3cg transform='translate(914.34375%2c 101)' data-id='sfdp' data-node='true' id='flowchart-sfdp-31' class='node default default flowchart-label'%3e%3crect height='36' width='140.34375' y='-18' x='-70.171875' ry='0' rx='0' style='' class='basic label-container'/%3e%3cg transform='translate(-62.671875%2c -10.5)' style='' class='label'%3e%3crect/%3e%3cforeignObject height='21' width='125.34375'%3e%3cdiv style='display: inline-block%3b white-space: nowrap%3b' xmlns='http://www.w3.org/1999/xhtml'%3e%3cspan class='nodeLabel'%3esfdp (%e5%a4%9a%e5%b0%ba%e5%ba%a6%e5%bc%b9%e7%b0%a7)%3c/span%3e%3c/div%3e%3c/foreignObject%3e%3c/g%3e%3c/g%3e%3cg transform='translate(1102.03125%2c 101)' data-id='patchwork' data-node='true' id='flowchart-patchwork-32' class='node default default flowchart-label'%3e%3crect height='36' width='135.03125' y='-18' x='-67.515625' ry='0' rx='0' style='' class='basic label-container'/%3e%3cg transform='translate(-60.015625%2c -10.5)' style='' class='label'%3e%3crect/%3e%3cforeignObject height='21' width='120.03125'%3e%3cdiv style='display: inline-block%3b white-space: nowrap%3b' xmlns='http://www.w3.org/1999/xhtml'%3e%3cspan class='nodeLabel'%3epatchwork (%e6%a0%91%e5%9b%be)%3c/span%3e%3c/div%3e%3c/foreignObject%3e%3c/g%3e%3c/g%3e%3cg transform='translate(1272.3984375%2c 101)' data-id='osage' data-node='true' id='flowchart-osage-33' class='node default default flowchart-label'%3e%3crect height='36' width='105.703125' y='-18' x='-52.8515625' ry='0' rx='0' style='' class='basic label-container'/%3e%3cg transform='translate(-45.3515625%2c -10.5)' style='' class='label'%3e%3crect/%3e%3cforeignObject height='21' width='90.703125'%3e%3cdiv style='display: inline-block%3b white-space: nowrap%3b' xmlns='http://www.w3.org/1999/xhtml'%3e%3cspan class='nodeLabel'%3eosage (%e9%9b%86%e7%be%a4)%3c/span%3e%3c/div%3e%3c/foreignObject%3e%3c/g%3e%3c/g%3e%3c/g%3e%3c/g%3e%3c/g%3e%3c/svg%3e)
%3b%7d%23mermaid-2 .cluster rect%7bfill:%23ffffde%3bstroke:%23aaaa33%3bstroke-width:1px%3b%7d%23mermaid-2 .cluster text%7bfill:%23333%3b%7d%23mermaid-2 .cluster span%2c%23mermaid-2 p%7bcolor:%23333%3b%7d%23mermaid-2 div.mermaidTooltip%7bposition:absolute%3btext-align:center%3bmax-width:200px%3bpadding:2px%3bfont-family:arial%2csans-serif%3bfont-size:12px%3bbackground:hsl(80%2c 100%25%2c 96.2745098039%25)%3bborder:1px solid %23aaaa33%3bborder-radius:2px%3bpointer-events:none%3bz-index:100%3b%7d%23mermaid-2 .flowchartTitleText%7btext-anchor:middle%3bfont-size:18px%3bfill:%23333%3b%7d%23mermaid-2 :root%7b--mermaid-font-family:arial%2csans-serif%3b%7d%3c/style%3e%3cg%3e%3cmarker orient='auto' markerHeight='12' markerWidth='12' markerUnits='userSpaceOnUse' refY='5' refX='6' viewBox='0 0 10 10' class='marker flowchart' id='mermaid-2_flowchart-pointEnd'%3e%3cpath style='stroke-width: 1%3b stroke-dasharray: 1%2c 0%3b' class='arrowMarkerPath' d='M 0 0 L 10 5 L 0 10 z'/%3e%3c/marker%3e%3cmarker orient='auto' markerHeight='12' markerWidth='12' markerUnits='userSpaceOnUse' refY='5' refX='4.5' viewBox='0 0 10 10' class='marker flowchart' id='mermaid-2_flowchart-pointStart'%3e%3cpath style='stroke-width: 1%3b stroke-dasharray: 1%2c 0%3b' class='arrowMarkerPath' d='M 0 5 L 10 10 L 10 0 z'/%3e%3c/marker%3e%3cmarker orient='auto' markerHeight='11' markerWidth='11' markerUnits='userSpaceOnUse' refY='5' refX='11' viewBox='0 0 10 10' class='marker flowchart' id='mermaid-2_flowchart-circleEnd'%3e%3ccircle style='stroke-width: 1%3b stroke-dasharray: 1%2c 0%3b' class='arrowMarkerPath' r='5' cy='5' cx='5'/%3e%3c/marker%3e%3cmarker orient='auto' markerHeight='11' markerWidth='11' markerUnits='userSpaceOnUse' refY='5' refX='-1' viewBox='0 0 10 10' class='marker flowchart' id='mermaid-2_flowchart-circleStart'%3e%3ccircle style='stroke-width: 1%3b stroke-dasharray: 1%2c 0%3b' class='arrowMarkerPath' r='5' cy='5' cx='5'/%3e%3c/marker%3e%3cmarker orient='auto' markerHeight='11' markerWidth='11' markerUnits='userSpaceOnUse' refY='5.2' refX='12' viewBox='0 0 11 11' class='marker cross flowchart' id='mermaid-2_flowchart-crossEnd'%3e%3cpath style='stroke-width: 2%3b stroke-dasharray: 1%2c 0%3b' class='arrowMarkerPath' d='M 1%2c1 l 9%2c9 M 10%2c1 l -9%2c9'/%3e%3c/marker%3e%3cmarker orient='auto' markerHeight='11' markerWidth='11' markerUnits='userSpaceOnUse' refY='5.2' refX='-1' viewBox='0 0 11 11' class='marker cross flowchart' id='mermaid-2_flowchart-crossStart'%3e%3cpath style='stroke-width: 2%3b stroke-dasharray: 1%2c 0%3b' class='arrowMarkerPath' d='M 1%2c1 l 9%2c9 M 10%2c1 l -9%2c9'/%3e%3c/marker%3e%3cg class='root'%3e%3cg class='clusters'/%3e%3cg class='edgePaths'/%3e%3cg class='edgeLabels'/%3e%3cg class='nodes'%3e%3cg transform='translate(117.0625%2c 18)' data-id='main' data-node='true' id='flowchart-main-50' class='node default default flowchart-label'%3e%3crect height='36' width='234.125' y='-18' x='-117.0625' ry='0' rx='0' style='' class='basic label-container'/%3e%3cg transform='translate(-109.5625%2c -10.5)' style='' class='label'%3e%3crect/%3e%3cforeignObject height='21' width='219.125'%3e%3cdiv style='display: inline-block%3b white-space: nowrap%3b' xmlns='http://www.w3.org/1999/xhtml'%3e%3cspan class='nodeLabel'%3e%e6%88%91%e6%98%af%e4%b8%80%e4%b8%aa%e2%98%9d%ef%b8%8f%e8%8a%82%e7%82%b9%2c%e5%90%8d%e5%ad%97%e5%8f%ab%e5%81%9amain%3c/span%3e%3c/div%3e%3c/foreignObject%3e%3c/g%3e%3c/g%3e%3c/g%3e%3c/g%3e%3c/g%3e%3c/svg%3e)