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

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

<div class="mermaid-wrapper" style="text-align:left"><svg aria-roledescription="classDiagram" role="graphics-document document" viewBox="0 -50 605.498046875 407" style="max-width: 605.498px; background-color: transparent;" xmlns:xlink="http://www.w3.org/1999/xlink" xmlns="http://www.w3.org/2000/svg" width="100%" id="uf02ee7e" class="mermaid mermaid-classdiagram"><g><defs><marker orient="auto" markerHeight="240" markerWidth="190" refY="7" refX="18" class="marker aggregation classDiagram" id="uf02ee7e_classDiagram-aggregationStart"><path d="M 18,7 L9,13 L1,7 L9,1 Z"/></marker></defs><defs><marker orient="auto" markerHeight="28" markerWidth="20" refY="7" refX="1" class="marker aggregation classDiagram" id="uf02ee7e_classDiagram-aggregationEnd"><path d="M 18,7 L9,13 L1,7 L9,1 Z"/></marker></defs><defs><marker orient="auto" markerHeight="240" markerWidth="190" refY="7" refX="18" class="marker extension classDiagram" id="uf02ee7e_classDiagram-extensionStart"><path d="M 1,7 L18,13 V 1 Z"/></marker></defs><defs><marker orient="auto" markerHeight="28" markerWidth="20" refY="7" refX="1" class="marker extension classDiagram" id="uf02ee7e_classDiagram-extensionEnd"><path d="M 1,1 V 13 L18,7 Z"/></marker></defs><defs><marker orient="auto" markerHeight="240" markerWidth="190" refY="7" refX="18" class="marker composition classDiagram" id="uf02ee7e_classDiagram-compositionStart"><path d="M 18,7 L9,13 L1,7 L9,1 Z"/></marker></defs><defs><marker orient="auto" markerHeight="28" markerWidth="20" refY="7" refX="1" class="marker composition classDiagram" id="uf02ee7e_classDiagram-compositionEnd"><path d="M 18,7 L9,13 L1,7 L9,1 Z"/></marker></defs><defs><marker orient="auto" markerHeight="240" markerWidth="190" refY="7" refX="6" class="marker dependency classDiagram" id="uf02ee7e_classDiagram-dependencyStart"><path d="M 5,7 L9,13 L1,7 L9,1 Z"/></marker></defs><defs><marker orient="auto" markerHeight="28" markerWidth="20" refY="7" refX="13" class="marker dependency classDiagram" id="uf02ee7e_classDiagram-dependencyEnd"><path d="M 18,7 L9,13 L14,7 L9,1 Z"/></marker></defs><defs><marker orient="auto" markerHeight="240" markerWidth="190" refY="7" refX="13" class="marker lollipop classDiagram" id="uf02ee7e_classDiagram-lollipopStart"><circle r="6" cy="7" cx="7" fill="transparent" stroke="black"/></marker></defs><defs><marker orient="auto" markerHeight="240" markerWidth="190" refY="7" refX="1" class="marker lollipop classDiagram" id="uf02ee7e_classDiagram-lollipopEnd"><circle r="6" cy="7" cx="7" fill="transparent" stroke="black"/></marker></defs><g class="root"><g class="clusters"/><g class="edgePaths"><path marker-start="url(#uf02ee7e_classDiagram-extensionStart)" style="fill:none" class="edge-pattern-solid relation" id="id1" d="M210.40367059807699,127.22700965374241L188.46985570673084,137.64750804478535C166.53604081538467,148.06800643582827,122.66841103269233,168.90900321791415,100.73459614134617,185.0378349422904C78.80078125,201.16666666666666,78.80078125,212.58333333333334,78.80078125,218.29166666666666L78.80078125,224"/><path style="fill:none" class="edge-pattern-dashed relation" id="id2" d="M257.0576488353588,155.5L253.259629237799,161.20833333333334C249.4616096402392,166.91666666666666,241.8655704451196,178.33333333333334,238.0675508475598,195.375C234.26953125,212.41666666666666,234.26953125,235.08333333333334,234.26953125,246.41666666666666L234.26953125,257.75"/><path marker-start="url(#uf02ee7e_classDiagram-compositionStart)" style="fill:none" class="edge-pattern-solid relation" id="id3" d="M365.16716010422994,170.4860301465983L367.3033625868582,173.6966917888319C369.4395650694866,176.90735343106553,373.7119700347433,183.32867671553277,375.84817251737167,194.12267169109973C377.984375,204.91666666666666,377.984375,220.08333333333334,377.984375,227.66666666666666L377.984375,235.25"/><path marker-start="url(#uf02ee7e_classDiagram-aggregationStart)" style="fill:none" class="edge-pattern-solid relation" id="id4" d="M401.949421411995,125.75427873199024L425.17529909332916,136.42023227665854C448.4011767746633,147.08618582132684,494.85293213733166,168.4180929106634,518.0788098186658,186.66737978866504C541.3046875,204.91666666666666,541.3046875,220.08333333333334,541.3046875,227.66666666666666L541.3046875,235.25"/></g><g class="edgeLabels"><g transform="translate(78.80078125, 189.75)" class="edgeLabel"><g transform="translate(-38.59375, -9.25)" class="label"><foreignObject height="18.5" width="77.1875"><div style="display: inline-block; white-space: nowrap;" xmlns="http://www.w3.org/1999/xhtml"><span class="edgeLabel"><span class="edgeLabel">Implement</span></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 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><g class="nodes"><g transform="translate(306.126953125, 81.75)" id="classId-Animal-0" class="node default"><rect height="147.5" width="158.9296875" y="-73.75" x="-79.46484375" class="outer title-state"/><line y2="-43.25" y1="-43.25" x2="79.46484375" x1="-79.46484375" class="divider"/><line y2="17.75" y1="17.75" x2="79.46484375" x1="-79.46484375" class="divider"/><g class="label"><foreignObject height="0" width="0"><div style="display: inline-block; white-space: nowrap;" xmlns="http://www.w3.org/1999/xhtml"><span class="nodeLabel"></span></div></foreignObject><foreignObject transform="translate( -71.96484375, -66.25)" height="18.5" width="143.9296875" class="classTitle"><div style="display: inline-block; white-space: nowrap;" xmlns="http://www.w3.org/1999/xhtml"><span class="nodeLabel">Animal with a label</span></div></foreignObject><foreignObject transform="translate( -71.96484375, -31.75)" height="18.5" width="58.0234375"><div style="display: inline-block; white-space: nowrap;" xmlns="http://www.w3.org/1999/xhtml"><span class="nodeLabel">+int age</span></div></foreignObject><foreignObject transform="translate( -71.96484375, -9.25)" height="18.5" width="104.1640625"><div style="display: inline-block; white-space: nowrap;" xmlns="http://www.w3.org/1999/xhtml"><span class="nodeLabel">+String gender</span></div></foreignObject><foreignObject transform="translate( -71.96484375, 25.25)" height="18.5" width="90.625"><div style="display: inline-block; white-space: nowrap;" xmlns="http://www.w3.org/1999/xhtml"><span class="nodeLabel">+isMammal()</span></div></foreignObject><foreignObject transform="translate( -71.96484375, 47.75)" height="18.5" width="56.8984375"><div style="display: inline-block; white-space: nowrap;" xmlns="http://www.w3.org/1999/xhtml"><span class="nodeLabel">+mate()</span></div></foreignObject></g></g><g transform="translate(78.80078125, 286.5)" id="classId-Duck-1" class="node default"><rect height="125" width="141.6015625" y="-62.5" x="-70.80078125" class="outer title-state"/><line y2="-32" y1="-32" x2="70.80078125" x1="-70.80078125" class="divider"/><line y2="6.5" y1="6.5" x2="70.80078125" x1="-70.80078125" class="divider"/><g class="label"><foreignObject height="0" width="0"><div style="display: inline-block; white-space: nowrap;" xmlns="http://www.w3.org/1999/xhtml"><span class="nodeLabel"></span></div></foreignObject><foreignObject transform="translate( -18.34375, -55)" height="18.5" width="36.6875" class="classTitle"><div style="display: inline-block; white-space: nowrap;" xmlns="http://www.w3.org/1999/xhtml"><span class="nodeLabel">Duck</span></div></foreignObject><foreignObject transform="translate( -63.30078125, -20.5)" height="18.5" width="126.6015625"><div style="display: inline-block; white-space: nowrap;" xmlns="http://www.w3.org/1999/xhtml"><span class="nodeLabel">+String beakColor</span></div></foreignObject><foreignObject transform="translate( -63.30078125, 14)" height="18.5" width="56.3671875"><div style="display: inline-block; white-space: nowrap;" xmlns="http://www.w3.org/1999/xhtml"><span class="nodeLabel">+swim()</span></div></foreignObject><foreignObject transform="translate( -63.30078125, 36.5)" height="18.5" width="62.1953125"><div style="display: inline-block; white-space: nowrap;" xmlns="http://www.w3.org/1999/xhtml"><span class="nodeLabel">+quack()</span></div></foreignObject></g></g><g transform="translate(234.26953125, 286.5)" id="classId-Flyable-2" class="node default"><rect height="57.5" width="69.3359375" y="-28.75" x="-34.66796875" class="outer title-state"/><line y2="1.75" y1="1.75" x2="34.66796875" x1="-34.66796875" class="divider"/><line y2="17.75" y1="17.75" x2="34.66796875" x1="-34.66796875" class="divider"/><g class="label"><foreignObject height="0" width="0"><div style="display: inline-block; white-space: nowrap;" xmlns="http://www.w3.org/1999/xhtml"><span class="nodeLabel"></span></div></foreignObject><foreignObject transform="translate( -27.16796875, -21.25)" height="18.5" width="54.3359375" class="classTitle"><div style="display: inline-block; white-space: nowrap;" xmlns="http://www.w3.org/1999/xhtml"><span class="nodeLabel">Flyable</span></div></foreignObject></g></g><g transform="translate(377.984375, 286.5)" id="classId-Fish-3" class="node default"><rect height="102.5" width="118.09375" y="-51.25" x="-59.046875" class="outer title-state"/><line y2="-20.75" y1="-20.75" x2="59.046875" x1="-59.046875" class="divider"/><line y2="17.75" y1="17.75" x2="59.046875" x1="-59.046875" class="divider"/><g class="label"><foreignObject height="0" width="0"><div style="display: inline-block; white-space: nowrap;" xmlns="http://www.w3.org/1999/xhtml"><span class="nodeLabel"></span></div></foreignObject><foreignObject transform="translate( -15.2421875, -43.75)" height="18.5" width="30.484375" class="classTitle"><div style="display: inline-block; white-space: nowrap;" xmlns="http://www.w3.org/1999/xhtml"><span class="nodeLabel">Fish</span></div></foreignObject><foreignObject transform="translate( -51.546875, -9.25)" height="18.5" width="103.09375"><div style="display: inline-block; white-space: nowrap;" xmlns="http://www.w3.org/1999/xhtml"><span class="nodeLabel">-int sizeInFeet</span></div></foreignObject><foreignObject transform="translate( -51.546875, 25.25)" height="18.5" width="66.015625"><div style="display: inline-block; white-space: nowrap;" xmlns="http://www.w3.org/1999/xhtml"><span class="nodeLabel">-canEat()</span></div></foreignObject></g></g><g transform="translate(541.3046875, 286.5)" id="classId-Zebra-4" class="node default"><rect height="102.5" width="108.546875" y="-51.25" x="-54.2734375" class="outer title-state"/><line y2="-20.75" y1="-20.75" x2="54.2734375" x1="-54.2734375" class="divider"/><line y2="17.75" y1="17.75" x2="54.2734375" x1="-54.2734375" class="divider"/><g class="label"><foreignObject height="0" width="0"><div style="display: inline-block; white-space: nowrap;" xmlns="http://www.w3.org/1999/xhtml"><span class="nodeLabel"></span></div></foreignObject><foreignObject transform="translate( -21.16015625, -43.75)" height="18.5" width="42.3203125" class="classTitle"><div style="display: inline-block; white-space: nowrap;" xmlns="http://www.w3.org/1999/xhtml"><span class="nodeLabel">Zebra</span></div></foreignObject><foreignObject transform="translate( -46.7734375, -9.25)" height="18.5" width="93.546875"><div style="display: inline-block; white-space: nowrap;" xmlns="http://www.w3.org/1999/xhtml"><span class="nodeLabel">+bool is_wild</span></div></foreignObject><foreignObject transform="translate( -46.7734375, 25.25)" height="18.5" width="43.84375"><div style="display: inline-block; white-space: nowrap;" xmlns="http://www.w3.org/1999/xhtml"><span class="nodeLabel">+run()</span></div></foreignObject></g></g><g transform="translate(516.544921875, 81.75)" id="note0" class="node undefined"><rect height="33.5" width="161.90625" y="-16.75" x="-80.953125" ry="0" rx="0"/><g transform="translate(-73.453125, -9.25)" style="" class="label"><rect/><foreignObject height="18.5" width="146.90625"><div style="display: inline-block; white-space: nowrap;" xmlns="http://www.w3.org/1999/xhtml"><span class="nodeLabel">From Duck till Zebra</span></div></foreignObject></g></g></g></g></g><text class="classTitleText" y="-25" x="302.7490234375">Class Diagram Demo</text></svg></div>