docs/chart-concept.svg

<?xml version="1.0" encoding="UTF-8"?>
<!-- Do not edit this file with editors other than diagrams.net -->
<!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="681px" height="421px" viewBox="-0.5 -0.5 681 421" content="&lt;mxfile host=&quot;app.diagrams.net&quot; modified=&quot;2023-03-10T17:17:37.098Z&quot; agent=&quot;5.0 (Windows NT 10.0; Win64; x64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/111.0.0.0 Safari/537.36&quot; etag=&quot;6uQa-Pf_OlsH9Nc0T5GJ&quot; version=&quot;21.0.6&quot; type=&quot;device&quot;&gt;&lt;diagram id=&quot;3228e29e-7158-1315-38df-8450db1d8a1d&quot; name=&quot;Page-1&quot;&gt;3VnbcuI4EP0aqnYfSPkCDnkkXJLskkwqJJt9FbYwqpElrywCma/fli3jmyAmEzKpSVXAakktuft0n5bouKNoeyVQvLrlAaYdxwq2HXfccZwLz4NPJXjNBJ5jZYJQkCAT2YVgTn5gLcyHrUmAk8pAyTmVJK4Kfc4Y9mVFhoTgm+qwJafVVWMU4oZg7iPalD6TQK601PYuio5rTMKVXnrgnGcdC+R/DwVfM70e4wxnPRHK1eh3TFYo4JuSyJ103JHgXGZP0XaEqbJqbrFs3nRP727LAjPZZsKST2b8x4Ct5fxfREd/Pbsk7Dp2v6/394LoWpvjhvl0HeBAzWbKFyuSqOdImTF7Gfma2y7ZkIgieG33crMiEs9j5KuuDSAFZCsZUWjZ8LgklI445SKd6FpW38JLkCdS8O8470lNCIM5k6XBy/RPK5nr1dFacjVf72Da1D+ZalUac3ZPt6coIlSh9RrTFyyJj0qKZkRtYWwpUe411UgdjQPdCilKknyYRCJfw1UCbVMsJN7udZi9gwEEFuYRluIVhugJOXB0TNkXur0pEOpYWrYqgdPtaSHSURHuVBfwgAeNkOPQ0nMbaOk4HpXK0+opVE/3r3LFFXDuITwAM0k+BFYtRuXCgLzkIsmFv4IGihR02CJRX9slFxEWSV2OfB9TLJDEJfUlZSb9ArFkjzoeY+a/tFZ1dnaWSxeiPq4+uxYyBY7st6OmFZIOB/deiNlViPWaCLMHBoTZ1ikR5rRA2Lf5O9BVwPLmHj6viDzs7SRGrOI47781Tx2+y/pdP8s3wzRVEkkQzRTokblKShZXszriHke3w9ns26iJo7fAle3sq6PLrSWwvgFePRO87BPCy2smsAlKXtOKAz7WcVBKKIXx/1ioIckGxTFhYU6GfzaMD2aUVQsjSkIGzz6YEwNULpWxgW/oUHdEJAjoPvqsUk6NFKfpn4HhPtGrjoGWjF51T+jUvt1w6jNJZwJ5M8qRKmWQVKUhEYlMXQaEXXazIcyVVbtJalYV33Yv3hqDG+oOrBSgl6JkQvBPOXhZl6Pg+fcXTuXqom81KynPQhf2+YGiaW+FdVRZNK2vOsxWfatsKhdKH1EX1fOKqTAyIdDxTklbvRa0NR93n/Hi6QbGDeN4D2/9unR+VD3a77crR/unNHq/hdFzi0+2ErOEcNa6YBhBRAhO77DKGPc8AZu2LQ8fgQece8GjWM19RGF3CIcVH9oUH1GwlgqBr1NTvgGTfjU67SZOdhH7aUWl14zOJ830GS9gMIZ6CYE1M/yGvH7Yb27Vb5BCm347/2Re95pngTsu04ugCKd7g63V7yfqpdvJ6blBpFWeRJAWISiOZGcTqZp5eJjrb5QJH0C2vUELsnVMsBicMu97LfL+U6K8aqWXla1TPjB0PsH6ZzhRXzP+MExaZ+xJtMBBAGeEvVN+WeLOoqlt4vYMdb0p/m3nlIV9m8uAW5L4Rv8qBHQppHa11O70H9euDYpMMUL+yiS/Jonk+oXe7bqjq+D3urF2PrMMfjRe6uT+P0kiHzT8+DfG+igdY5GAhTHzm7fLvwHvHhd2rukS7tN599wQdvv5sUw81hGEVibK2qh9Z80PoLT6+bFnyHTG86N96Cijl3vAvkQsTCuOI9brG5arX+MjCnhnULNeKgwnDT/v3vTnqNXk+nrGna6ZL+Ekpeqn6p3mcWxbHLC6jYmHaXYM2WOM2IJzsa7v4QEjOpk/XA3v2t/QNxaYjecPdcUj2GP260G952p6/3PLfcWDXpYF2hNNM4pM9wHvud2FZvFDaQb24ndod/I/&lt;/diagram&gt;&lt;/mxfile&gt;"><defs/><g><path d="M 0 30 L 0 0 L 200 0 L 200 30" fill="#0050ef" stroke="none" pointer-events="all"/><path d="M 0 30 L 0 340 L 200 340 L 200 30" fill="#0050ef" stroke="none" pointer-events="all"/><g transform="translate(-0.5 -0.5)"><switch><foreignObject pointer-events="none" width="100%" height="100%" requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility" style="overflow: visible; text-align: left;"><div xmlns="http://www.w3.org/1999/xhtml" style="display: flex; align-items: unsafe center; justify-content: unsafe center; width: 198px; height: 1px; padding-top: 15px; margin-left: 1px;"><div data-drawio-colors="color: #ffffff; " style="box-sizing: border-box; font-size: 0px; text-align: center;"><div style="display: inline-block; font-size: 14px; font-family: Helvetica; color: rgb(255, 255, 255); line-height: 1.2; pointer-events: all; font-weight: bold; white-space: normal; overflow-wrap: normal;">Included in this image</div></div></div></foreignObject><text x="100" y="19" fill="#ffffff" font-family="Helvetica" font-size="14px" text-anchor="middle" font-weight="bold">Included in this image</text></switch></g><rect x="10" y="40" width="180" height="100" rx="15" ry="15" fill="rgb(255, 255, 255)" stroke="rgb(0, 0, 0)" pointer-events="all"/><g transform="translate(-0.5 -0.5)"><switch><foreignObject pointer-events="none" width="100%" height="100%" requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility" style="overflow: visible; text-align: left;"><div xmlns="http://www.w3.org/1999/xhtml" style="display: flex; align-items: unsafe center; justify-content: unsafe center; width: 178px; height: 1px; padding-top: 90px; margin-left: 11px;"><div data-drawio-colors="color: rgb(0, 0, 0); " style="box-sizing: border-box; font-size: 0px; text-align: center;"><div style="display: inline-block; font-size: 12px; font-family: Helvetica; color: rgb(0, 0, 0); line-height: 1.2; pointer-events: all; white-space: normal; overflow-wrap: normal;"><h2>Python Packages</h2><div>torch xformers accelerate</div><div>transformers opencv</div><div>...<br /></div></div></div></div></foreignObject><text x="100" y="94" fill="rgb(0, 0, 0)" font-family="Helvetica" font-size="12px" text-anchor="middle">Python Packages...</text></switch></g><rect x="30" y="150" width="140" height="110" rx="16.5" ry="16.5" fill="rgb(255, 255, 255)" stroke="rgb(0, 0, 0)" pointer-events="all"/><g transform="translate(-0.5 -0.5)"><switch><foreignObject pointer-events="none" width="100%" height="100%" requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility" style="overflow: visible; text-align: left;"><div xmlns="http://www.w3.org/1999/xhtml" style="display: flex; align-items: unsafe center; justify-content: unsafe center; width: 138px; height: 1px; padding-top: 205px; margin-left: 31px;"><div data-drawio-colors="color: rgb(0, 0, 0); " style="box-sizing: border-box; font-size: 0px; text-align: center;"><div style="display: inline-block; font-size: 12px; font-family: Helvetica; color: rgb(0, 0, 0); line-height: 1.2; pointer-events: all; white-space: normal; overflow-wrap: normal;"><h2>OS Packages</h2><div>Python PIP Git</div><span style="background-color: initial;">libGL TCMALLOC<br />...<br /></span></div></div></div></foreignObject><text x="100" y="209" fill="rgb(0, 0, 0)" font-family="Helvetica" font-size="12px" text-anchor="middle">OS Packages...</text></switch></g><rect x="30" y="290" width="140" height="30" fill="none" stroke="none" pointer-events="all"/><g transform="translate(-0.5 -0.5)"><switch><foreignObject pointer-events="none" width="100%" height="100%" requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility" style="overflow: visible; text-align: left;"><div xmlns="http://www.w3.org/1999/xhtml" style="display: flex; align-items: unsafe center; justify-content: unsafe center; width: 138px; height: 1px; padding-top: 305px; margin-left: 31px;"><div data-drawio-colors="color: #FFFFFF; " style="box-sizing: border-box; font-size: 0px; text-align: center;"><div style="display: inline-block; font-size: 14px; font-family: Helvetica; color: rgb(255, 255, 255); line-height: 1.2; pointer-events: all; white-space: normal; overflow-wrap: normal;">Easy to update<br />(by swapping image)</div></div></div></foreignObject><text x="100" y="309" fill="#FFFFFF" font-family="Helvetica" font-size="14px" text-anchor="middle">Easy to update...</text></switch></g><path d="M 210 50 L 210 0 L 450 0 L 450 50" fill="#60a917" stroke="none" pointer-events="all"/><path d="M 210 50 L 210 260 L 450 260 L 450 50" fill="#60a917" stroke="none" pointer-events="all"/><g transform="translate(-0.5 -0.5)"><switch><foreignObject pointer-events="none" width="100%" height="100%" requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility" style="overflow: visible; text-align: left;"><div xmlns="http://www.w3.org/1999/xhtml" style="display: flex; align-items: unsafe center; justify-content: unsafe center; width: 238px; height: 1px; padding-top: 25px; margin-left: 211px;"><div data-drawio-colors="color: #ffffff; " style="box-sizing: border-box; font-size: 0px; text-align: center;"><div style="display: inline-block; font-size: 14px; font-family: Helvetica; color: rgb(255, 255, 255); line-height: 1.2; pointer-events: all; font-weight: bold; white-space: normal; overflow-wrap: normal;">Will download at first start<br style="font-size: 14px;" />File saved in a local folder</div></div></div></foreignObject><text x="330" y="29" fill="#ffffff" font-family="Helvetica" font-size="14px" text-anchor="middle" font-weight="bold">Will download at first start...</text></switch></g><rect x="230" y="55" width="200" height="50" rx="7.5" ry="7.5" fill="rgb(255, 255, 255)" stroke="rgb(0, 0, 0)" pointer-events="all"/><g transform="translate(-0.5 -0.5)"><switch><foreignObject pointer-events="none" width="100%" height="100%" requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility" style="overflow: visible; text-align: left;"><div xmlns="http://www.w3.org/1999/xhtml" style="display: flex; align-items: unsafe center; justify-content: unsafe center; width: 198px; height: 1px; padding-top: 80px; margin-left: 231px;"><div data-drawio-colors="color: rgb(0, 0, 0); " style="box-sizing: border-box; font-size: 0px; text-align: center;"><div style="display: inline-block; font-size: 12px; font-family: Helvetica; color: rgb(0, 0, 0); line-height: 1.2; pointer-events: all; white-space: normal; overflow-wrap: normal;"><h2>SD-WebUI App</h2></div></div></div></foreignObject><text x="330" y="84" fill="rgb(0, 0, 0)" font-family="Helvetica" font-size="12px" text-anchor="middle">SD-WebUI App</text></switch></g><rect x="235" y="115" width="190" height="100" rx="15" ry="15" fill="rgb(255, 255, 255)" stroke="rgb(0, 0, 0)" pointer-events="all"/><g transform="translate(-0.5 -0.5)"><switch><foreignObject pointer-events="none" width="100%" height="100%" requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility" style="overflow: visible; text-align: left;"><div xmlns="http://www.w3.org/1999/xhtml" style="display: flex; align-items: unsafe center; justify-content: unsafe center; width: 188px; height: 1px; padding-top: 165px; margin-left: 236px;"><div data-drawio-colors="color: rgb(0, 0, 0); " style="box-sizing: border-box; font-size: 0px; text-align: center;"><div style="display: inline-block; font-size: 12px; font-family: Helvetica; color: rgb(0, 0, 0); line-height: 1.2; pointer-events: all; white-space: normal; overflow-wrap: normal;"><h2>WebUI Extensions</h2><div>ControlNet Posex</div><div>Text2Prompt Tag-Autocomplete</div><div>...</div></div></div></div></foreignObject><text x="330" y="169" fill="rgb(0, 0, 0)" font-family="Helvetica" font-size="12px" text-anchor="middle">WebUI Extensions...</text></switch></g><rect x="245" y="224" width="170" height="30" fill="none" stroke="none" pointer-events="all"/><g transform="translate(-0.5 -0.5)"><switch><foreignObject pointer-events="none" width="100%" height="100%" requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility" style="overflow: visible; text-align: left;"><div xmlns="http://www.w3.org/1999/xhtml" style="display: flex; align-items: unsafe center; justify-content: unsafe center; width: 168px; height: 1px; padding-top: 239px; margin-left: 246px;"><div data-drawio-colors="color: #FFFFFF; " style="box-sizing: border-box; font-size: 0px; text-align: center;"><div style="display: inline-block; font-size: 14px; font-family: Helvetica; color: rgb(255, 255, 255); line-height: 1.2; pointer-events: all; white-space: normal; overflow-wrap: normal;">Update at every restart</div></div></div></foreignObject><text x="330" y="243" fill="#FFFFFF" font-family="Helvetica" font-size="14px" text-anchor="middle">Update at every restart</text></switch></g><path d="M 460 50 L 460 0 L 680 0 L 680 50" fill="#a20025" stroke="none" pointer-events="all"/><path d="M 460 50 L 460 380 L 680 380 L 680 50" fill="#a20025" stroke="none" pointer-events="all"/><g transform="translate(-0.5 -0.5)"><switch><foreignObject pointer-events="none" width="100%" height="100%" requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility" style="overflow: visible; text-align: left;"><div xmlns="http://www.w3.org/1999/xhtml" style="display: flex; align-items: unsafe center; justify-content: unsafe center; width: 218px; height: 1px; padding-top: 25px; margin-left: 461px;"><div data-drawio-colors="color: #ffffff; " style="box-sizing: border-box; font-size: 0px; text-align: center;"><div style="display: inline-block; font-size: 14px; font-family: Helvetica; color: rgb(255, 255, 255); line-height: 1.2; pointer-events: all; font-weight: bold; white-space: normal; overflow-wrap: normal;">Not come with this image<br />File saved in a local folder</div></div></div></foreignObject><text x="570" y="29" fill="#ffffff" font-family="Helvetica" font-size="14px" text-anchor="middle" font-weight="bold">Not come with this image...</text></switch></g><rect x="485" y="60" width="170" height="120" rx="18" ry="18" fill="rgb(255, 255, 255)" stroke="rgb(0, 0, 0)" pointer-events="all"/><g transform="translate(-0.5 -0.5)"><switch><foreignObject pointer-events="none" width="100%" height="100%" requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility" style="overflow: visible; text-align: left;"><div xmlns="http://www.w3.org/1999/xhtml" style="display: flex; align-items: unsafe center; justify-content: unsafe center; width: 168px; height: 1px; padding-top: 120px; margin-left: 486px;"><div data-drawio-colors="color: rgb(0, 0, 0); " style="box-sizing: border-box; font-size: 0px; text-align: center;"><div style="display: inline-block; font-size: 12px; font-family: Helvetica; color: rgb(0, 0, 0); line-height: 1.2; pointer-events: all; white-space: normal; overflow-wrap: normal;"><h2>User Models</h2><div>SD-Models VAEs LoRAs</div><div>Embeddings</div></div></div></div></foreignObject><text x="570" y="124" fill="rgb(0, 0, 0)" font-family="Helvetica" font-size="12px" text-anchor="middle">User Models...</text></switch></g><rect x="480" y="200" width="180" height="125" rx="18.75" ry="18.75" fill="rgb(255, 255, 255)" stroke="rgb(0, 0, 0)" pointer-events="all"/><g transform="translate(-0.5 -0.5)"><switch><foreignObject pointer-events="none" width="100%" height="100%" requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility" style="overflow: visible; text-align: left;"><div xmlns="http://www.w3.org/1999/xhtml" style="display: flex; align-items: unsafe center; justify-content: unsafe center; width: 178px; height: 1px; padding-top: 263px; margin-left: 481px;"><div data-drawio-colors="color: rgb(0, 0, 0); " style="box-sizing: border-box; font-size: 0px; text-align: center;"><div style="display: inline-block; font-size: 12px; font-family: Helvetica; color: rgb(0, 0, 0); line-height: 1.2; pointer-events: all; white-space: normal; overflow-wrap: normal;"><h2>Misc</h2>User-level Python packages<br />Caches<br />History</div></div></div></foreignObject><text x="570" y="266" fill="rgb(0, 0, 0)" font-family="Helvetica" font-size="12px" text-anchor="middle">MiscUser-level Python packages...</text></switch></g><rect x="485" y="340" width="170" height="30" fill="none" stroke="none" pointer-events="all"/><g transform="translate(-0.5 -0.5)"><switch><foreignObject pointer-events="none" width="100%" height="100%" requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility" style="overflow: visible; text-align: left;"><div xmlns="http://www.w3.org/1999/xhtml" style="display: flex; align-items: unsafe center; justify-content: unsafe center; width: 168px; height: 1px; padding-top: 355px; margin-left: 486px;"><div data-drawio-colors="color: #FFFFFF; " style="box-sizing: border-box; font-size: 0px; text-align: center;"><div style="display: inline-block; font-size: 14px; font-family: Helvetica; color: rgb(255, 255, 255); line-height: 1.2; pointer-events: all; white-space: normal; overflow-wrap: normal;">Keeping persistence</div></div></div></foreignObject><text x="570" y="359" fill="#FFFFFF" font-family="Helvetica" font-size="14px" text-anchor="middle">Keeping persistence</text></switch></g><path d="M 210 270 L 210 270 L 450 270 L 450 270" fill="none" stroke="none" pointer-events="all"/><path d="M 210 270 L 210 420 L 450 420 L 450 270" fill="#60a917" stroke="none" pointer-events="all"/><rect x="230" y="290" width="200" height="110" rx="16.5" ry="16.5" fill="rgb(255, 255, 255)" stroke="rgb(0, 0, 0)" pointer-events="all"/><g transform="translate(-0.5 -0.5)"><switch><foreignObject pointer-events="none" width="100%" height="100%" requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility" style="overflow: visible; text-align: left;"><div xmlns="http://www.w3.org/1999/xhtml" style="display: flex; align-items: unsafe center; justify-content: unsafe center; width: 198px; height: 1px; padding-top: 345px; margin-left: 231px;"><div data-drawio-colors="color: rgb(0, 0, 0); " style="box-sizing: border-box; font-size: 0px; text-align: center;"><div style="display: inline-block; font-size: 12px; font-family: Helvetica; color: rgb(0, 0, 0); line-height: 1.2; pointer-events: all; white-space: normal; overflow-wrap: normal;"><h2>Functional Models</h2><div>ControlNet-Models</div><div>DeepDanbooru RealESRGAN<br /></div><div>LDSR Codeformer GFPGAN<br /></div><div>...</div></div></div></div></foreignObject><text x="330" y="349" fill="rgb(0, 0, 0)" font-family="Helvetica" font-size="12px" text-anchor="middle">Functional Models...</text></switch></g></g><switch><g requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility"/><a transform="translate(0,-5)" xlink:href="https://www.diagrams.net/doc/faq/svg-export-text-problems" target="_blank"><text text-anchor="middle" font-size="10px" x="50%" y="100%">Text is not SVG - cannot display</text></a></switch></svg>