gitsite-cli/test/resources/mermaid-flowchart.html

Tools for generate static web site from Markdown files in git repository.

<div class="mermaid-wrapper" style="text-align:left"><svg aria-roledescription="flowchart-v2" role="graphics-document document" viewBox="-8 -50 156.017578125 517.7578125" style="max-width: 156.018px; background-color: transparent;" xmlns:xlink="http://www.w3.org/1999/xlink" xmlns="http://www.w3.org/2000/svg" width="100%" id="u03b4c32" class="mermaid mermaid-flowchart"><g><marker orient="auto" markerHeight="12" markerWidth="12" markerUnits="userSpaceOnUse" refY="5" refX="6" viewBox="0 0 10 10" class="marker flowchart" id="u03b4c32_flowchart-pointEnd"><path style="stroke-width: 1; stroke-dasharray: 1, 0;" class="arrowMarkerPath" d="M 0 0 L 10 5 L 0 10 z"/></marker><marker orient="auto" markerHeight="12" markerWidth="12" markerUnits="userSpaceOnUse" refY="5" refX="4.5" viewBox="0 0 10 10" class="marker flowchart" id="u03b4c32_flowchart-pointStart"><path style="stroke-width: 1; stroke-dasharray: 1, 0;" class="arrowMarkerPath" d="M 0 5 L 10 10 L 10 0 z"/></marker><marker orient="auto" markerHeight="11" markerWidth="11" markerUnits="userSpaceOnUse" refY="5" refX="11" viewBox="0 0 10 10" class="marker flowchart" id="u03b4c32_flowchart-circleEnd"><circle style="stroke-width: 1; stroke-dasharray: 1, 0;" class="arrowMarkerPath" r="5" cy="5" cx="5"/></marker><marker orient="auto" markerHeight="11" markerWidth="11" markerUnits="userSpaceOnUse" refY="5" refX="-1" viewBox="0 0 10 10" class="marker flowchart" id="u03b4c32_flowchart-circleStart"><circle style="stroke-width: 1; stroke-dasharray: 1, 0;" class="arrowMarkerPath" r="5" cy="5" cx="5"/></marker><marker orient="auto" markerHeight="11" markerWidth="11" markerUnits="userSpaceOnUse" refY="5.2" refX="12" viewBox="0 0 11 11" class="marker cross flowchart" id="u03b4c32_flowchart-crossEnd"><path style="stroke-width: 2; stroke-dasharray: 1, 0;" class="arrowMarkerPath" d="M 1,1 l 9,9 M 10,1 l -9,9"/></marker><marker orient="auto" markerHeight="11" markerWidth="11" markerUnits="userSpaceOnUse" refY="5.2" refX="-1" viewBox="0 0 11 11" class="marker cross flowchart" id="u03b4c32_flowchart-crossStart"><path style="stroke-width: 2; stroke-dasharray: 1, 0;" class="arrowMarkerPath" d="M 1,1 l 9,9 M 10,1 l -9,9"/></marker><g class="root"><g class="clusters"/><g class="edgePaths"><path marker-end="url(#u03b4c32_flowchart-pointEnd)" style="fill:none;" class="edge-thickness-normal edge-pattern-solid flowchart-link LS-A LE-B" id="L-A-B-0" d="M69.9921875,33.5L69.9921875,37.666666666666664C69.9921875,41.833333333333336,69.9921875,50.166666666666664,70.05820390047457,57.700169757536564C70.12422030094915,65.23367284840646,70.2562531018983,71.9673456968129,70.32226950237286,75.33418212101613L70.38828590284744,78.70101854521936"/><path marker-end="url(#u03b4c32_flowchart-pointEnd)" style="fill:none;" class="edge-thickness-normal edge-pattern-solid flowchart-link LS-B LE-C" id="L-B-C-0" d="M53.779290100601614,148.31835260060163L47.732090708834676,156.72883550050136C41.684891317067745,165.1393184004011,29.590492533533872,181.96028420020056,23.543293141766934,195.19576710010028C17.49609375,208.43125,17.49609375,218.08124999999998,17.49609375,222.90625L17.49609375,227.73125"/><path marker-end="url(#u03b4c32_flowchart-pointEnd)" style="fill:none;" class="edge-thickness-normal edge-pattern-solid flowchart-link LS-C LE-D" id="L-C-D-0" d="M17.49609375,266.53125L17.49609375,272.2395833333333C17.49609375,277.9479166666667,17.49609375,289.3645833333333,20.02975996670652,299.9958344619372C22.563426183413043,310.62708559054107,27.630758616826085,320.47292118108214,30.164424833532607,325.39583897635265L32.69809105023913,330.3187567716232"/><path marker-end="url(#u03b4c32_flowchart-pointEnd)" style="fill:none;" class="edge-thickness-normal edge-pattern-solid flowchart-link LS-D LE-B" id="L-D-B-0" d="M52.36482268688725,335.03125L55.30271682240604,329.3229166666667C58.24061095792484,323.6145833333333,64.11639922896241,312.1979166666667,67.05429336448121,297.9895833333333C69.9921875,283.78125,69.9921875,266.78125,69.9921875,249.78125C69.9921875,232.78125,69.9921875,215.78125,70.06243584943934,202.5394864128444C70.13268419887868,189.29772282568885,70.27318089775737,179.81419565137767,70.34342924719671,175.07243206422208L70.41367759663605,170.3306684770665"/><path marker-end="url(#u03b4c32_flowchart-pointEnd)" style="fill:none;" class="edge-thickness-normal edge-pattern-solid flowchart-link LS-B LE-E" id="L-B-E-0" d="M86.61393834343887,148.90949915656114L92.07899809869906,157.22145763046763C97.54405785395925,165.53341610437408,108.47417736447962,182.15733305218706,113.93923711973981,198.96929152609354C119.404296875,215.78125,119.404296875,232.78125,119.404296875,249.78125C119.404296875,266.78125,119.404296875,283.78125,119.404296875,300.78125C119.404296875,317.78125,119.404296875,334.78125,119.404296875,350.2395833333333C119.404296875,365.6979166666667,119.404296875,379.6145833333333,119.404296875,389.85625C119.404296875,400.09791666666666,119.404296875,406.6645833333334,119.404296875,409.9479166666667L119.404296875,413.23125"/></g><g class="edgeLabels"><g class="edgeLabel"><g transform="translate(0, 0)" class="label"><foreignObject height="0" width="0"><div style="display: inline-block; white-space: nowrap;" xmlns="http://www.w3.org/1999/xhtml"><span class="edgeLabel"></span></div></foreignObject></g></g><g transform="translate(17.49609375, 198.78125)" class="edgeLabel"><g transform="translate(-11.32421875, -9.25)" class="label"><foreignObject height="18.5" width="22.6484375"><div style="display: inline-block; white-space: nowrap;" xmlns="http://www.w3.org/1999/xhtml"><span class="edgeLabel">Yes</span></div></foreignObject></g></g><g class="edgeLabel"><g transform="translate(0, 0)" class="label"><foreignObject height="0" width="0"><div style="display: inline-block; white-space: nowrap;" xmlns="http://www.w3.org/1999/xhtml"><span class="edgeLabel"></span></div></foreignObject></g></g><g class="edgeLabel"><g transform="translate(0, 0)" class="label"><foreignObject height="0" width="0"><div style="display: inline-block; white-space: nowrap;" xmlns="http://www.w3.org/1999/xhtml"><span class="edgeLabel"></span></div></foreignObject></g></g><g transform="translate(119.404296875, 300.78125)" class="edgeLabel"><g transform="translate(-9.3984375, -9.25)" class="label"><foreignObject height="18.5" width="18.796875"><div style="display: inline-block; white-space: nowrap;" xmlns="http://www.w3.org/1999/xhtml"><span class="edgeLabel">No</span></div></foreignObject></g></g></g><g class="nodes"><g transform="translate(69.9921875, 16.75)" id="flowchart-A-0" class="node default default flowchart-label"><rect height="33.5" width="50.0078125" y="-16.75" x="-25.00390625" ry="0" rx="0" style="" class="basic label-container"/><g transform="translate(-17.50390625, -9.25)" style="" class="label"><rect/><foreignObject height="18.5" width="35.0078125"><div style="display: inline-block; white-space: nowrap;" xmlns="http://www.w3.org/1999/xhtml"><span class="nodeLabel">Start</span></div></foreignObject></g></g><g transform="translate(69.9921875, 124.015625)" id="flowchart-B-1" class="node default default flowchart-label"><polygon style="" transform="translate(-40.515625,40.515625)" class="label-container" points="40.515625,0 81.03125,-40.515625 40.515625,-81.03125 0,-40.515625"/><g transform="translate(-16.265625, -9.25)" style="" class="label"><rect/><foreignObject height="18.5" width="32.53125"><div style="display: inline-block; white-space: nowrap;" xmlns="http://www.w3.org/1999/xhtml"><span class="nodeLabel">Is it?</span></div></foreignObject></g></g><g transform="translate(17.49609375, 249.78125)" id="flowchart-C-3" class="node default default flowchart-label"><rect height="33.5" width="34.9921875" y="-16.75" x="-17.49609375" ry="0" rx="0" style="" class="basic label-container"/><g transform="translate(-9.99609375, -9.25)" style="" class="label"><rect/><foreignObject height="18.5" width="19.9921875"><div style="display: inline-block; white-space: nowrap;" xmlns="http://www.w3.org/1999/xhtml"><span class="nodeLabel">OK</span></div></foreignObject></g></g><g transform="translate(43.744140625, 351.78125)" id="flowchart-D-5" class="node default default flowchart-label"><rect height="33.5" width="68.8515625" y="-16.75" x="-34.42578125" ry="0" rx="0" style="" class="basic label-container"/><g transform="translate(-26.92578125, -9.25)" style="" class="label"><rect/><foreignObject height="18.5" width="53.8515625"><div style="display: inline-block; white-space: nowrap;" xmlns="http://www.w3.org/1999/xhtml"><span class="nodeLabel">Rethink</span></div></foreignObject></g></g><g transform="translate(119.404296875, 439.14453125)" id="flowchart-E-9" class="node default default flowchart-label"><circle height="33.5" width="41.2265625" r="20.61328125" ry="0" rx="0" style=""/><g transform="translate(-13.11328125, -9.25)" style="" class="label"><rect/><foreignObject height="18.5" width="26.2265625"><div style="display: inline-block; white-space: nowrap;" xmlns="http://www.w3.org/1999/xhtml"><span class="nodeLabel">End</span></div></foreignObject></g></g></g></g></g><text class="flowchartTitleText" y="-25" x="70.0087890625">Flowchart Demo</text></svg></div>