diagrams/01-sample-tree.svg

<?xml version="1.0" encoding="UTF-8"?>
<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd">
<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" version="1.1" width="771px" height="421px" viewBox="-0.5 -0.5 771 421" content="&lt;mxfile host=&quot;app.diagrams.net&quot; modified=&quot;2020-05-25T08:31:07.688Z&quot; agent=&quot;5.0 (Macintosh; Intel Mac OS X 10_15_4) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/83.0.4103.61 Safari/537.36&quot; etag=&quot;VJmykgxrde6xI6bgeLIa&quot; version=&quot;13.1.3&quot; type=&quot;google&quot;&gt;&lt;diagram id=&quot;Ey7NgznM4hRQp927an6h&quot; name=&quot;sample-tree&quot;&gt;7VhNj5swFPw1HFsB5iM57mbTraqtWimH7R698ApUBlNjAvTX14RHgNBk00pdrKqn8OY9Y5iZjACDbNL6XtA8/shDYIZthrVB7gzbtizHUT8t0nSI71gdEIkkxKEB2CU/AEET0TIJoZgMSs6ZTPIpGPAsg0BOMCoEr6ZjXzmb7prTCGbALqBsjj4moYwR9UxzaLyHJIpx63XfSGk/jEAR05BXI4hsDbIRnMvuKK03wFryel66de/OdI8XJiCT1yzgsP8ekw+1f/u4zh4+33zybsI3K7w22fQ3DKG6fyy5kDGPeEbZdkBvBS+zENqzmqoaZh44zxVoKfAbSNmgmLSUXEGxTBl2oU7kl3b5W9vF8mnUuqvx1Iei6YtMiqZb5fbl07g3LDtU/bo5TchcwUsRwAVuertREYG8MGd3cy1xow1QhHvgKajrUQMCGJXJfmosiv6MjnODhOoAVfwNRS17WUn9f0FSopek3Xn3lJW40yE1TmWeiljFiYRdTg98VCqcp4Kd5XAPQkJ98a6x6/bJhtHuYFmNcrIfiUcR6Zl/iaf1/zB7KaRedL6jl/OtZSXVOsyuldTVSlJ7FmZBnLBjyC2YZ2Q9zTPLWzrQLLKs/XV2P7nS/b5W7idn3D9/aHtt93uudu43Z6Ro6v4/d7FzpYs9rVzszFxclM8bTWL8aEg0sr1a2sjuebqW/9+fPsUvT5f3K7p2yNjifFnk9K1nab78GV+MFlIbwvzV6xlMlcMHtUNv9FmSbH8C&lt;/diagram&gt;&lt;/mxfile&gt;" style="background-color: rgb(255, 255, 255);"><defs/><g><path d="M 420 60 L 420 90 L 320 90 L 320 113.63" fill="none" stroke="#000000" stroke-miterlimit="10" pointer-events="stroke"/><path d="M 320 118.88 L 316.5 111.88 L 320 113.63 L 323.5 111.88 Z" fill="#000000" stroke="#000000" stroke-miterlimit="10" pointer-events="all"/><path d="M 480 60 L 480 90 L 580 90 L 580 113.63" fill="none" stroke="#000000" stroke-miterlimit="10" pointer-events="stroke"/><path d="M 580 118.88 L 576.5 111.88 L 580 113.63 L 583.5 111.88 Z" fill="#000000" stroke="#000000" stroke-miterlimit="10" pointer-events="all"/><rect x="390" y="0" width="120" height="60" fill="#ffffff" stroke="#000000" pointer-events="all"/><g transform="translate(-0.5 -0.5)"><switch><foreignObject style="overflow: visible; text-align: left;" pointer-events="none" width="100%" height="100%" requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility"><div xmlns="http://www.w3.org/1999/xhtml" style="display: flex; align-items: unsafe center; justify-content: unsafe center; width: 118px; height: 1px; padding-top: 30px; margin-left: 391px;"><div style="box-sizing: border-box; font-size: 0; text-align: center; "><div style="display: inline-block; font-size: 12px; font-family: Helvetica; color: #000000; line-height: 1.2; pointer-events: all; white-space: normal; word-wrap: normal; ">root</div></div></div></foreignObject><text x="450" y="34" fill="#000000" font-family="Helvetica" font-size="12px" text-anchor="middle">root</text></switch></g><path d="M 290 180 L 290 210 L 190 210 L 190 233.63" fill="none" stroke="#000000" stroke-miterlimit="10" pointer-events="stroke"/><path d="M 190 238.88 L 186.5 231.88 L 190 233.63 L 193.5 231.88 Z" fill="#000000" stroke="#000000" stroke-miterlimit="10" pointer-events="all"/><path d="M 350 180 L 350 210 L 450 210 L 450 233.63" fill="none" stroke="#000000" stroke-miterlimit="10" pointer-events="stroke"/><path d="M 450 238.88 L 446.5 231.88 L 450 233.63 L 453.5 231.88 Z" fill="#000000" stroke="#000000" stroke-miterlimit="10" pointer-events="all"/><rect x="260" y="120" width="120" height="60" fill="#ffffff" stroke="#000000" pointer-events="all"/><g transform="translate(-0.5 -0.5)"><switch><foreignObject style="overflow: visible; text-align: left;" pointer-events="none" width="100%" height="100%" requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility"><div xmlns="http://www.w3.org/1999/xhtml" style="display: flex; align-items: unsafe center; justify-content: unsafe center; width: 118px; height: 1px; padding-top: 150px; margin-left: 261px;"><div style="box-sizing: border-box; font-size: 0; text-align: center; "><div style="display: inline-block; font-size: 12px; font-family: Helvetica; color: #000000; line-height: 1.2; pointer-events: all; white-space: normal; word-wrap: normal; ">child-1</div></div></div></foreignObject><text x="320" y="154" fill="#000000" font-family="Helvetica" font-size="12px" text-anchor="middle">child-1</text></switch></g><path d="M 580 180 L 580 210 L 710 210 L 710 233.63" fill="none" stroke="#000000" stroke-miterlimit="10" pointer-events="stroke"/><path d="M 710 238.88 L 706.5 231.88 L 710 233.63 L 713.5 231.88 Z" fill="#000000" stroke="#000000" stroke-miterlimit="10" pointer-events="all"/><rect x="520" y="120" width="120" height="60" fill="#ffffff" stroke="#000000" pointer-events="all"/><g transform="translate(-0.5 -0.5)"><switch><foreignObject style="overflow: visible; text-align: left;" pointer-events="none" width="100%" height="100%" requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility"><div xmlns="http://www.w3.org/1999/xhtml" style="display: flex; align-items: unsafe center; justify-content: unsafe center; width: 118px; height: 1px; padding-top: 150px; margin-left: 521px;"><div style="box-sizing: border-box; font-size: 0; text-align: center; "><div style="display: inline-block; font-size: 12px; font-family: Helvetica; color: #000000; line-height: 1.2; pointer-events: all; white-space: normal; word-wrap: normal; ">child-2</div></div></div></foreignObject><text x="580" y="154" fill="#000000" font-family="Helvetica" font-size="12px" text-anchor="middle">child-2</text></switch></g><path d="M 190 300 L 190 330 L 60 330 L 60 353.63" fill="none" stroke="#000000" stroke-miterlimit="10" pointer-events="stroke"/><path d="M 60 358.88 L 56.5 351.88 L 60 353.63 L 63.5 351.88 Z" fill="#000000" stroke="#000000" stroke-miterlimit="10" pointer-events="all"/><rect x="130" y="240" width="120" height="60" fill="#ffffff" stroke="#000000" pointer-events="all"/><g transform="translate(-0.5 -0.5)"><switch><foreignObject style="overflow: visible; text-align: left;" pointer-events="none" width="100%" height="100%" requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility"><div xmlns="http://www.w3.org/1999/xhtml" style="display: flex; align-items: unsafe center; justify-content: unsafe center; width: 118px; height: 1px; padding-top: 270px; margin-left: 131px;"><div style="box-sizing: border-box; font-size: 0; text-align: center; "><div style="display: inline-block; font-size: 12px; font-family: Helvetica; color: #000000; line-height: 1.2; pointer-events: all; white-space: normal; word-wrap: normal; ">subChild-1</div></div></div></foreignObject><text x="190" y="274" fill="#000000" font-family="Helvetica" font-size="12px" text-anchor="middle">subChild-1</text></switch></g><rect x="390" y="240" width="120" height="60" fill="#ffffff" stroke="#000000" pointer-events="all"/><g transform="translate(-0.5 -0.5)"><switch><foreignObject style="overflow: visible; text-align: left;" pointer-events="none" width="100%" height="100%" requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility"><div xmlns="http://www.w3.org/1999/xhtml" style="display: flex; align-items: unsafe center; justify-content: unsafe center; width: 118px; height: 1px; padding-top: 270px; margin-left: 391px;"><div style="box-sizing: border-box; font-size: 0; text-align: center; "><div style="display: inline-block; font-size: 12px; font-family: Helvetica; color: #000000; line-height: 1.2; pointer-events: all; white-space: normal; word-wrap: normal; ">subChild-2</div></div></div></foreignObject><text x="450" y="274" fill="#000000" font-family="Helvetica" font-size="12px" text-anchor="middle">subChild-2</text></switch></g><rect x="0" y="360" width="120" height="60" fill="#ffffff" stroke="#000000" pointer-events="all"/><g transform="translate(-0.5 -0.5)"><switch><foreignObject style="overflow: visible; text-align: left;" pointer-events="none" width="100%" height="100%" requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility"><div xmlns="http://www.w3.org/1999/xhtml" style="display: flex; align-items: unsafe center; justify-content: unsafe center; width: 118px; height: 1px; padding-top: 390px; margin-left: 1px;"><div style="box-sizing: border-box; font-size: 0; text-align: center; "><div style="display: inline-block; font-size: 12px; font-family: Helvetica; color: #000000; line-height: 1.2; pointer-events: all; white-space: normal; word-wrap: normal; ">subSubChild</div></div></div></foreignObject><text x="60" y="394" fill="#000000" font-family="Helvetica" font-size="12px" text-anchor="middle">subSubChild</text></switch></g><rect x="650" y="240" width="120" height="60" fill="#ffffff" stroke="#000000" pointer-events="all"/><g transform="translate(-0.5 -0.5)"><switch><foreignObject style="overflow: visible; text-align: left;" pointer-events="none" width="100%" height="100%" requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility"><div xmlns="http://www.w3.org/1999/xhtml" style="display: flex; align-items: unsafe center; justify-content: unsafe center; width: 118px; height: 1px; padding-top: 270px; margin-left: 651px;"><div style="box-sizing: border-box; font-size: 0; text-align: center; "><div style="display: inline-block; font-size: 12px; font-family: Helvetica; color: #000000; line-height: 1.2; pointer-events: all; white-space: normal; word-wrap: normal; ">lastSubChild</div></div></div></foreignObject><text x="710" y="274" fill="#000000" font-family="Helvetica" font-size="12px" text-anchor="middle">lastSubChild</text></switch></g></g><switch><g requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility"/><a transform="translate(0,-5)" xlink:href="https://desk.draw.io/support/solutions/articles/16000042487" target="_blank"><text text-anchor="middle" font-size="10px" x="50%" y="100%">Viewer does not support full SVG 1.1</text></a></switch></svg>