Docs/Diagrams/MethaneKit_HighLevel_Architecture.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="893px" height="431px" viewBox="-0.5 -0.5 893 431"><defs><linearGradient x1="0%" y1="0%" x2="0%" y2="100%" id="mx-gradient-ffffff-0.9-ffffff-0.1-s-0"><stop offset="0%" style="stop-color: rgb(255, 255, 255); stop-opacity: 0.9;"/><stop offset="100%" style="stop-color: rgb(255, 255, 255); stop-opacity: 0.1;"/></linearGradient></defs><g><path d="M 12 0 L 891 0 L 891 418 C 891 424.63 885.63 430 879 430 L 0 430 L 0 12 C 0 5.37 5.37 0 12 0 Z" fill="rgb(255, 255, 255)" stroke="rgb(0, 0, 0)" stroke-miterlimit="10" stroke-dasharray="3 3" pointer-events="all"/><path d="M 33 200 L 731 200 L 731 248 C 731 254.63 725.63 260 719 260 L 21 260 L 21 212 C 21 205.37 26.37 200 33 200 Z" fill="#000000" stroke="#000000" stroke-miterlimit="10" pointer-events="all" transform="translate(2,3)" opacity="0.25"/><path d="M 33 200 L 731 200 L 731 248 C 731 254.63 725.63 260 719 260 L 21 260 L 21 212 C 21 205.37 26.37 200 33 200 Z" fill="#e1d5e7" stroke="#9673a6" stroke-miterlimit="10" pointer-events="all"/><a xlink:href="https://github.com/MethanePowered/MethaneKit/tree/master/Modules/Platform/Utils"><rect x="161" y="210" width="70" height="20" rx="5.4" ry="5.4" fill="#fceffc" stroke="#9673a6" pointer-events="all"/><path d="M 167.67 209 Q 160 209 160 216.67 L 160 218 Q 196 224 232 218 L 232 216.67 Q 232 209 224.33 209 Z" fill="url(#mx-gradient-ffffff-0.9-ffffff-0.1-s-0)" 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: 68px; height: 1px; padding-top: 220px; margin-left: 162px;"><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;">Utils</div></div></div></foreignObject><text x="196" y="224" fill="rgb(0, 0, 0)" font-family="Helvetica" font-size="12px" text-anchor="middle">Utils</text></switch></g></a><a xlink:href="https://github.com/MethanePowered/MethaneKit/tree/master/Modules/Platform/Input"><rect x="251" y="210" width="179" height="20" rx="5.4" ry="5.4" fill="#fceffc" stroke="#9673a6" pointer-events="all"/><path d="M 257.67 209 Q 250 209 250 216.67 L 250 218 Q 340.5 224 431 218 L 431 216.67 Q 431 209 423.33 209 Z" fill="url(#mx-gradient-ffffff-0.9-ffffff-0.1-s-0)" 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: 177px; height: 1px; padding-top: 220px; margin-left: 252px;"><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;">Input</div></div></div></foreignObject><text x="341" y="224" fill="rgb(0, 0, 0)" font-family="Helvetica" font-size="12px" text-anchor="middle">Input</text></switch></g></a><a xlink:href="https://github.com/MethanePowered/MethaneKit/tree/master/Modules/Platform/App"><rect x="641" y="210" width="69" height="20" rx="5.4" ry="5.4" fill="#fceffc" stroke="#9673a6" pointer-events="all"/><path d="M 647.67 209 Q 640 209 640 216.67 L 640 218 Q 675.5 224 711 218 L 711 216.67 Q 711 209 703.33 209 Z" fill="url(#mx-gradient-ffffff-0.9-ffffff-0.1-s-0)" 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: 67px; height: 1px; padding-top: 220px; margin-left: 642px;"><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;">App</div></div></div></foreignObject><text x="676" y="224" fill="rgb(0, 0, 0)" font-family="Helvetica" font-size="12px" text-anchor="middle">App</text></switch></g></a><a xlink:href="https://github.com/MethanePowered/MethaneKit/tree/master/Modules/Platform/AppView"><rect x="451" y="210" width="170" height="20" rx="5.4" ry="5.4" fill="#fceffc" stroke="#9673a6" pointer-events="all"/><path d="M 457.67 209 Q 450 209 450 216.67 L 450 218 Q 536 224 622 218 L 622 216.67 Q 622 209 614.33 209 Z" fill="url(#mx-gradient-ffffff-0.9-ffffff-0.1-s-0)" 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: 220px; margin-left: 452px;"><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;">AppView</div></div></div></foreignObject><text x="536" y="224" fill="rgb(0, 0, 0)" font-family="Helvetica" font-size="12px" text-anchor="middle">AppView</text></switch></g></a><a xlink:href="https://github.com/MethanePowered/MethaneKit/tree/master/Modules/Platform"><path d="M 33 200 L 141 200 L 141 260 L 21 260 L 21 212 C 21 205.37 26.37 200 33 200 Z" fill="#d8b9e7" stroke="#9673a6" stroke-miterlimit="10" 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: 1px; height: 1px; padding-top: 230px; margin-left: 81px;"><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: 16px; font-family: Helvetica; color: rgb(0, 0, 0); line-height: 1.2; pointer-events: all; font-weight: bold; white-space: nowrap;">Platform</div></div></div></foreignObject><text x="81" y="235" fill="rgb(0, 0, 0)" font-family="Helvetica" font-size="16px" text-anchor="middle" font-weight="bold">Platform</text></switch></g></a><path d="M 33 280 L 731 280 L 731 308 C 731 314.63 725.63 320 719 320 L 21 320 L 21 292 C 21 285.37 26.37 280 33 280 Z" fill="#000000" stroke="#000000" stroke-miterlimit="10" pointer-events="all" transform="translate(2,3)" opacity="0.25"/><path d="M 33 280 L 731 280 L 731 308 C 731 314.63 725.63 320 719 320 L 21 320 L 21 292 C 21 285.37 26.37 280 33 280 Z" fill="#ffe6cc" stroke="#d79b00" stroke-miterlimit="10" pointer-events="all"/><a xlink:href="https://github.com/MethanePowered/MethaneKit/tree/master/Modules/Data/Types"><rect x="161" y="290" width="70" height="20" rx="5.4" ry="5.4" fill="#fff4e8" stroke="#d79b00" pointer-events="all"/><path d="M 167.67 289 Q 160 289 160 296.67 L 160 298 Q 196 304 232 298 L 232 296.67 Q 232 289 224.33 289 Z" fill="url(#mx-gradient-ffffff-0.9-ffffff-0.1-s-0)" 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: 68px; height: 1px; padding-top: 300px; margin-left: 162px;"><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;">Types</div></div></div></foreignObject><text x="196" y="304" fill="rgb(0, 0, 0)" font-family="Helvetica" font-size="12px" text-anchor="middle">Types</text></switch></g></a><a xlink:href="https://github.com/MethanePowered/MethaneKit/tree/master/Modules/Data/Primitives"><rect x="250" y="290" width="81" height="20" rx="5.4" ry="5.4" fill="#fff4e8" stroke="#d79b00" pointer-events="all"/><path d="M 256.67 289 Q 249 289 249 296.67 L 249 298 Q 290.5 304 332 298 L 332 296.67 Q 332 289 324.33 289 Z" fill="url(#mx-gradient-ffffff-0.9-ffffff-0.1-s-0)" 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: 79px; height: 1px; padding-top: 300px; margin-left: 251px;"><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;">Primitives</div></div></div></foreignObject><text x="291" y="304" fill="rgb(0, 0, 0)" font-family="Helvetica" font-size="12px" text-anchor="middle">Primitives</text></switch></g></a><a xlink:href="https://github.com/MethanePowered/MethaneKit/tree/master/Modules/Data/Provider"><rect x="541" y="290" width="80" height="20" rx="5.4" ry="5.4" fill="#fff4e8" stroke="#d79b00" pointer-events="all"/><path d="M 547.67 289 Q 540 289 540 296.67 L 540 298 Q 581 304 622 298 L 622 296.67 Q 622 289 614.33 289 Z" fill="url(#mx-gradient-ffffff-0.9-ffffff-0.1-s-0)" 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: 78px; height: 1px; padding-top: 300px; margin-left: 542px;"><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;">Provider</div></div></div></foreignObject><text x="581" y="304" fill="rgb(0, 0, 0)" font-family="Helvetica" font-size="12px" text-anchor="middle">Provider</text></switch></g></a><a xlink:href="https://github.com/MethanePowered/MethaneKit/tree/master/Modules/Data/Animation"><rect x="451" y="290" width="70" height="20" rx="5.4" ry="5.4" fill="#fff4e8" stroke="#d79b00" pointer-events="all"/><path d="M 457.67 289 Q 450 289 450 296.67 L 450 298 Q 486 304 522 298 L 522 296.67 Q 522 289 514.33 289 Z" fill="url(#mx-gradient-ffffff-0.9-ffffff-0.1-s-0)" 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: 68px; height: 1px; padding-top: 300px; margin-left: 452px;"><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;">Animation</div></div></div></foreignObject><text x="486" y="304" fill="rgb(0, 0, 0)" font-family="Helvetica" font-size="12px" text-anchor="middle">Animation</text></switch></g></a><a xlink:href="https://github.com/MethanePowered/MethaneKit/tree/master/Modules/Data/RangeSet"><rect x="351" y="290" width="77" height="20" rx="5.4" ry="5.4" fill="#fff4e8" stroke="#d79b00" pointer-events="all"/><path d="M 357.67 289 Q 350 289 350 296.67 L 350 298 Q 389.5 304 429 298 L 429 296.67 Q 429 289 421.33 289 Z" fill="url(#mx-gradient-ffffff-0.9-ffffff-0.1-s-0)" 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: 75px; height: 1px; padding-top: 300px; margin-left: 352px;"><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;">RangeSet</div></div></div></foreignObject><text x="390" y="304" fill="rgb(0, 0, 0)" font-family="Helvetica" font-size="12px" text-anchor="middle">RangeSet</text></switch></g></a><a xlink:href="https://github.com/MethanePowered/MethaneKit/tree/master/Modules/Data/Events"><rect x="640" y="290" width="70" height="20" rx="5.4" ry="5.4" fill="#fff4e8" stroke="#d79b00" pointer-events="all"/><path d="M 646.67 289 Q 639 289 639 296.67 L 639 298 Q 675 304 711 298 L 711 296.67 Q 711 289 703.33 289 Z" fill="url(#mx-gradient-ffffff-0.9-ffffff-0.1-s-0)" 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: 68px; height: 1px; padding-top: 300px; margin-left: 641px;"><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;">Events</div></div></div></foreignObject><text x="675" y="304" fill="rgb(0, 0, 0)" font-family="Helvetica" font-size="12px" text-anchor="middle">Events</text></switch></g></a><a xlink:href="https://github.com/MethanePowered/MethaneKit/tree/master/Modules/Data"><path d="M 33 280 L 141 280 L 141 320 L 21 320 L 21 292 C 21 285.37 26.37 280 33 280 Z" fill="#ffd3ad" stroke="#d79b00" stroke-miterlimit="10" 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: 1px; height: 1px; padding-top: 300px; margin-left: 81px;"><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: 16px; font-family: Helvetica; color: rgb(0, 0, 0); line-height: 1.2; pointer-events: all; font-weight: bold; white-space: nowrap;">Data</div></div></div></foreignObject><text x="81" y="305" fill="rgb(0, 0, 0)" font-family="Helvetica" font-size="16px" text-anchor="middle" font-weight="bold">Data</text></switch></g></a><path d="M 33 110 L 731 110 L 731 168 C 731 174.63 725.63 180 719 180 L 21 180 L 21 122 C 21 115.37 26.37 110 33 110 Z" fill="#000000" stroke="#000000" stroke-miterlimit="10" pointer-events="all" transform="translate(2,3)" opacity="0.25"/><path d="M 33 110 L 731 110 L 731 168 C 731 174.63 725.63 180 719 180 L 21 180 L 21 122 C 21 115.37 26.37 110 33 110 Z" fill="#dae8fc" stroke="#6c8ebf" stroke-miterlimit="10" pointer-events="all"/><a xlink:href="https://github.com/MethanePowered/MethaneKit/tree/master/Modules/Graphics"><path d="M 33 110 L 141 110 L 141 180 L 21 180 L 21 122 C 21 115.37 26.37 110 33 110 Z" fill="#b5c9f7" stroke="#6c8ebf" stroke-miterlimit="10" 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: 1px; height: 1px; padding-top: 145px; margin-left: 81px;"><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: 16px; font-family: Helvetica; color: rgb(0, 0, 0); line-height: 1.2; pointer-events: all; font-weight: bold; white-space: nowrap;">Graphics</div></div></div></foreignObject><text x="81" y="150" fill="rgb(0, 0, 0)" font-family="Helvetica" font-size="16px" text-anchor="middle" font-weight="bold">Graphics</text></switch></g></a><a xlink:href="https://github.com/MethanePowered/MethaneKit/tree/master/Modules/Graphics/Types"><rect x="161" y="120" width="70" height="50" rx="5.5" ry="5.5" fill="#f0f8ff" stroke="#6c8ebf" pointer-events="all"/><path d="M 167.61 119 Q 160 119 160 126.61 L 160 140 Q 196 155 232 140 L 232 126.61 Q 232 119 224.39 119 Z" fill="url(#mx-gradient-ffffff-0.9-ffffff-0.1-s-0)" 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: 68px; height: 1px; padding-top: 145px; margin-left: 162px;"><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;">Types</div></div></div></foreignObject><text x="196" y="149" fill="rgb(0, 0, 0)" font-family="Helvetica" font-size="12px" text-anchor="middle">Types</text></switch></g></a><a xlink:href="https://github.com/MethanePowered/MethaneKit/tree/master/Modules/Graphics/Primitives"><rect x="551" y="120" width="70" height="50" rx="5" ry="5" fill="#f0f8ff" stroke="#6c8ebf" pointer-events="all"/><path d="M 557.1 119 Q 550 119 550 126.1 L 550 140 Q 586 155 622 140 L 622 126.1 Q 622 119 614.9 119 Z" fill="url(#mx-gradient-ffffff-0.9-ffffff-0.1-s-0)" 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: 68px; height: 1px; padding-top: 145px; margin-left: 552px;"><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;">Primitives</div></div></div></foreignObject><text x="586" y="149" fill="rgb(0, 0, 0)" font-family="Helvetica" font-size="12px" text-anchor="middle">Primitives</text></switch></g></a><a xlink:href="https://github.com/MethanePowered/MethaneKit/tree/master/Modules/Graphics/Camera"><rect x="250" y="120" width="70" height="20" rx="5" ry="5" fill="#f0f8ff" stroke="#6c8ebf" pointer-events="all"/><path d="M 256.25 119 Q 249 119 249 126.25 L 249 128 Q 285 134 321 128 L 321 126.25 Q 321 119 313.75 119 Z" fill="url(#mx-gradient-ffffff-0.9-ffffff-0.1-s-0)" 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: 68px; height: 1px; padding-top: 130px; margin-left: 251px;"><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;">Camera</div></div></div></foreignObject><text x="285" y="134" fill="rgb(0, 0, 0)" font-family="Helvetica" font-size="12px" text-anchor="middle">Camera</text></switch></g></a><a xlink:href="https://github.com/MethanePowered/MethaneKit/tree/master/Modules/Graphics/App"><rect x="641" y="120" width="70" height="50" rx="5" ry="5" fill="#f0f8ff" stroke="#6c8ebf" pointer-events="all"/><path d="M 647.1 119 Q 640 119 640 126.1 L 640 140 Q 676 155 712 140 L 712 126.1 Q 712 119 704.9 119 Z" fill="url(#mx-gradient-ffffff-0.9-ffffff-0.1-s-0)" 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: 68px; height: 1px; padding-top: 145px; margin-left: 642px;"><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;">App</div></div></div></foreignObject><text x="676" y="149" fill="rgb(0, 0, 0)" font-family="Helvetica" font-size="12px" text-anchor="middle">App</text></switch></g></a><path d="M 33 50 L 731 50 L 731 78 C 731 84.63 725.63 90 719 90 L 21 90 L 21 62 C 21 55.37 26.37 50 33 50 Z" fill="#000000" stroke="#000000" stroke-miterlimit="10" pointer-events="all" transform="translate(2,3)" opacity="0.25"/><path d="M 33 50 L 731 50 L 731 78 C 731 84.63 725.63 90 719 90 L 21 90 L 21 62 C 21 55.37 26.37 50 33 50 Z" fill="#d5e8d4" stroke="#82b366" stroke-miterlimit="10" pointer-events="all"/><a xlink:href="https://github.com/MethanePowered/MethaneKit/tree/master/Modules/UserInterface"><path d="M 33 50 L 141 50 L 141 90 L 21 90 L 21 62 C 21 55.37 26.37 50 33 50 Z" fill="#b0d6b0" stroke="#82b366" stroke-miterlimit="10" 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: 1px; height: 1px; padding-top: 70px; margin-left: 81px;"><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: 16px; font-family: Helvetica; color: rgb(0, 0, 0); line-height: 1.2; pointer-events: all; font-weight: bold; white-space: nowrap;">User Interface</div></div></div></foreignObject><text x="81" y="75" fill="rgb(0, 0, 0)" font-family="Helvetica" font-size="16px" text-anchor="middle" font-weight="bold">User Interface</text></switch></g></a><a xlink:href="https://github.com/MethanePowered/MethaneKit/tree/master/Modules/UserInterface/Types"><rect x="161" y="60" width="70" height="20" rx="5.4" ry="5.4" fill="#ebfceb" stroke="#82b366" pointer-events="all"/><path d="M 167.67 59 Q 160 59 160 66.67 L 160 68 Q 196 74 232 68 L 232 66.67 Q 232 59 224.33 59 Z" fill="url(#mx-gradient-ffffff-0.9-ffffff-0.1-s-0)" 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: 68px; height: 1px; padding-top: 70px; margin-left: 162px;"><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;">Types</div></div></div></foreignObject><text x="196" y="74" fill="rgb(0, 0, 0)" font-family="Helvetica" font-size="12px" text-anchor="middle">Types</text></switch></g></a><a xlink:href="https://github.com/MethanePowered/MethaneKit/tree/master/Modules/UserInterface/Typography"><rect x="251" y="60" width="180" height="20" rx="5.4" ry="5.4" fill="#ebfceb" stroke="#82b366" pointer-events="all"/><path d="M 257.67 59 Q 250 59 250 66.67 L 250 68 Q 341 74 432 68 L 432 66.67 Q 432 59 424.33 59 Z" fill="url(#mx-gradient-ffffff-0.9-ffffff-0.1-s-0)" 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: 178px; height: 1px; padding-top: 70px; margin-left: 252px;"><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;">Typography</div></div></div></foreignObject><text x="341" y="74" fill="rgb(0, 0, 0)" font-family="Helvetica" font-size="12px" text-anchor="middle">Typography</text></switch></g></a><a xlink:href="https://github.com/MethanePowered/MethaneKit/tree/master/Modules/UserInterface/App"><rect x="641" y="60" width="69" height="20" rx="5.4" ry="5.4" fill="#ebfceb" stroke="#82b366" pointer-events="all"/><path d="M 647.67 59 Q 640 59 640 66.67 L 640 68 Q 675.5 74 711 68 L 711 66.67 Q 711 59 703.33 59 Z" fill="url(#mx-gradient-ffffff-0.9-ffffff-0.1-s-0)" 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: 67px; height: 1px; padding-top: 70px; margin-left: 642px;"><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;">App</div></div></div></foreignObject><text x="676" y="74" fill="rgb(0, 0, 0)" font-family="Helvetica" font-size="12px" text-anchor="middle">App</text></switch></g></a><a xlink:href="https://github.com/MethanePowered/MethaneKit/tree/master/Modules/UserInterface/Widgets"><rect x="451" y="60" width="170" height="20" rx="5.4" ry="5.4" fill="#ebfceb" stroke="#82b366" pointer-events="all"/><path d="M 457.67 59 Q 450 59 450 66.67 L 450 68 Q 536 74 622 68 L 622 66.67 Q 622 59 614.33 59 Z" fill="url(#mx-gradient-ffffff-0.9-ffffff-0.1-s-0)" 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: 70px; margin-left: 452px;"><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;">Widgets</div></div></div></foreignObject><text x="536" y="74" fill="rgb(0, 0, 0)" font-family="Helvetica" font-size="12px" text-anchor="middle">Widgets</text></switch></g></a><path d="M 763 50 L 871 50 L 871 308 C 871 314.63 865.63 320 859 320 L 751 320 L 751 62 C 751 55.37 756.37 50 763 50 Z" fill="#000000" stroke="#000000" stroke-miterlimit="10" pointer-events="all" transform="translate(2,3)" opacity="0.25"/><path d="M 763 50 L 871 50 L 871 308 C 871 314.63 865.63 320 859 320 L 751 320 L 751 62 C 751 55.37 756.37 50 763 50 Z" fill="#fff2cc" stroke="#d6b656" stroke-miterlimit="10" pointer-events="all"/><a xlink:href="https://github.com/MethanePowered/MethaneKit/tree/master/Modules/Common"><path d="M 763 50 L 871 50 L 871 90 L 751 90 L 751 62 C 751 55.37 756.37 50 763 50 Z" fill="#e8d7a0" stroke="#d6b656" stroke-miterlimit="10" 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: 1px; height: 1px; padding-top: 70px; margin-left: 811px;"><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: 16px; font-family: Helvetica; color: rgb(0, 0, 0); line-height: 1.2; pointer-events: all; font-weight: bold; white-space: nowrap;">Common</div></div></div></foreignObject><text x="811" y="75" fill="rgb(0, 0, 0)" font-family="Helvetica" font-size="16px" text-anchor="middle" font-weight="bold">Common</text></switch></g></a><a xlink:href="https://github.com/MethanePowered/MethaneKit/tree/master/CMake"><rect x="761" y="290" width="100" height="20" rx="5.4" ry="5.4" fill="#fff4e8" stroke="#d79b00" pointer-events="all"/><path d="M 767.67 289 Q 760 289 760 296.67 L 760 298 Q 811 304 862 298 L 862 296.67 Q 862 289 854.33 289 Z" fill="url(#mx-gradient-ffffff-0.9-ffffff-0.1-s-0)" 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: 98px; height: 1px; padding-top: 300px; margin-left: 762px;"><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;">CMake Modules</div></div></div></foreignObject><text x="811" y="304" fill="rgb(0, 0, 0)" font-family="Helvetica" font-size="12px" text-anchor="middle">CMake Modules</text></switch></g></a><a xlink:href="https://github.com/MethanePowered/MethaneKit/tree/master/Modules/Common/Instrumentation"><rect x="761" y="110" width="100" height="100" rx="5" ry="5" fill="#fff4e8" stroke="#d79b00" pointer-events="all"/><path d="M 767.05 109 Q 760 109 760 116.05 L 760 150 Q 811 180 862 150 L 862 116.05 Q 862 109 854.95 109 Z" fill="url(#mx-gradient-ffffff-0.9-ffffff-0.1-s-0)" 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 flex-start; justify-content: unsafe center; width: 98px; height: 1px; padding-top: 117px; margin-left: 762px;"><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;">Instrumentation</div></div></div></foreignObject><text x="811" y="129" fill="rgb(0, 0, 0)" font-family="Helvetica" font-size="12px" text-anchor="middle">Instrumentation</text></switch></g></a><a xlink:href="https://github.com/MethanePowered/Tracy"><rect x="771" y="145" width="80" height="20" rx="5.4" ry="5.4" fill="#fffbf0" stroke="#d6b656" 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: 78px; height: 1px; padding-top: 155px; margin-left: 772px;"><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;">Tracy</div></div></div></foreignObject><text x="811" y="159" fill="rgb(0, 0, 0)" font-family="Helvetica" font-size="12px" text-anchor="middle">Tracy</text></switch></g></a><a xlink:href="https://github.com/MethanePowered/IttApi"><rect x="771" y="180" width="80" height="20" rx="5.4" ry="5.4" fill="#fffbf0" stroke="#d6b656" 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: 78px; height: 1px; padding-top: 190px; margin-left: 772px;"><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;">ITT</div></div></div></foreignObject><text x="811" y="194" fill="rgb(0, 0, 0)" font-family="Helvetica" font-size="12px" text-anchor="middle">ITT</text></switch></g></a><a xlink:href="https://github.com/MethanePowered/MethaneKit/tree/master/Modules/Common/PrecompiledHeaders"><rect x="761" y="250" width="100" height="30" rx="8.1" ry="8.1" fill="#fff4e8" stroke="#d79b00" pointer-events="all"/><path d="M 770.37 249 Q 760 249 760 259.37 L 760 262 Q 811 271 862 262 L 862 259.37 Q 862 249 851.63 249 Z" fill="url(#mx-gradient-ffffff-0.9-ffffff-0.1-s-0)" 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: 98px; height: 1px; padding-top: 265px; margin-left: 762px;"><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;">Precompiled Headers</div></div></div></foreignObject><text x="811" y="269" fill="rgb(0, 0, 0)" font-family="Helvetica" font-size="12px" text-anchor="middle">Precompiled Head...</text></switch></g></a><a xlink:href="https://github.com/MethanePowered/MethaneKit"><path d="M 12 0 L 891 0 L 891 30 L 0 30 L 0 12 C 0 5.37 5.37 0 12 0 Z" fill="#f5f5f5" stroke="#666666" stroke-miterlimit="10" stroke-dasharray="3 3" 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: 1px; height: 1px; padding-top: 15px; margin-left: 446px;"><div data-drawio-colors="color: #333333; " style="box-sizing: border-box; font-size: 0px; text-align: center;"><div style="display: inline-block; font-size: 16px; font-family: Helvetica; color: rgb(51, 51, 51); line-height: 1.2; pointer-events: all; font-weight: bold; white-space: nowrap;">Methane Kit</div></div></div></foreignObject><text x="446" y="20" fill="#333333" font-family="Helvetica" font-size="16px" text-anchor="middle" font-weight="bold">Methane Kit</text></switch></g></a><path d="M 33 340 L 871 340 L 871 398 C 871 404.63 865.63 410 859 410 L 21 410 L 21 352 C 21 345.37 26.37 340 33 340 Z" fill="#000000" stroke="#000000" stroke-miterlimit="10" pointer-events="all" transform="translate(2,3)" opacity="0.25"/><path d="M 33 340 L 871 340 L 871 398 C 871 404.63 865.63 410 859 410 L 21 410 L 21 352 C 21 345.37 26.37 340 33 340 Z" fill="#ebebeb" stroke="#6b6b6b" stroke-miterlimit="10" pointer-events="all"/><a xlink:href="https://github.com/MethanePowered/MethaneKit/tree/master/Externals"><path d="M 33 340 L 141 340 L 141 410 L 21 410 L 21 352 C 21 345.37 26.37 340 33 340 Z" fill="#d6d6d6" stroke="#6b6b6b" stroke-miterlimit="10" 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: 1px; height: 1px; padding-top: 375px; margin-left: 81px;"><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: 16px; font-family: Helvetica; color: rgb(0, 0, 0); line-height: 1.2; pointer-events: all; font-weight: bold; white-space: nowrap;">Externals</div></div></div></foreignObject><text x="81" y="380" fill="rgb(0, 0, 0)" font-family="Helvetica" font-size="16px" text-anchor="middle" font-weight="bold">Externals</text></switch></g></a><a xlink:href="https://github.com/MethanePowered/HLSLpp/"><rect x="162" y="350" width="90" height="20" rx="5.4" ry="5.4" fill="#f5f5f5" stroke="#6b6b6b" pointer-events="all"/><path d="M 168.67 349 Q 161 349 161 356.67 L 161 358 Q 207 364 253 358 L 253 356.67 Q 253 349 245.33 349 Z" fill="url(#mx-gradient-ffffff-0.9-ffffff-0.1-s-0)" 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: 88px; height: 1px; padding-top: 360px; margin-left: 163px;"><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;">Math: HLSL++</div></div></div></foreignObject><text x="207" y="364" fill="rgb(0, 0, 0)" font-family="Helvetica" font-size="12px" text-anchor="middle">Math: HLSL++</text></switch></g></a><a xlink:href="https://github.com/MethanePowered/CLI11/"><rect x="610" y="350" width="70" height="20" rx="5.4" ry="5.4" fill="#f5f5f5" stroke="#6b6b6b" pointer-events="all"/><path d="M 616.67 349 Q 609 349 609 356.67 L 609 358 Q 645 364 681 358 L 681 356.67 Q 681 349 673.33 349 Z" fill="url(#mx-gradient-ffffff-0.9-ffffff-0.1-s-0)" 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: 68px; height: 1px; padding-top: 360px; margin-left: 611px;"><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;">CLI11</div></div></div></foreignObject><text x="645" y="364" fill="rgb(0, 0, 0)" font-family="Helvetica" font-size="12px" text-anchor="middle">CLI11</text></switch></g></a><a xlink:href="https://github.com/MethanePowered/FMT/"><rect x="351" y="350" width="69" height="20" rx="5.4" ry="5.4" fill="#f5f5f5" stroke="#6b6b6b" pointer-events="all"/><path d="M 357.67 349 Q 350 349 350 356.67 L 350 358 Q 385.5 364 421 358 L 421 356.67 Q 421 349 413.33 349 Z" fill="url(#mx-gradient-ffffff-0.9-ffffff-0.1-s-0)" 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: 67px; height: 1px; padding-top: 360px; margin-left: 352px;"><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;">FMT</div></div></div></foreignObject><text x="386" y="364" fill="rgb(0, 0, 0)" font-family="Helvetica" font-size="12px" text-anchor="middle">FMT</text></switch></g></a><a xlink:href="https://github.com/MethanePowered/DirectXShaderCompiler"><rect x="690" y="380" width="90" height="20" rx="5.4" ry="5.4" fill="#f5f5f5" stroke="#6b6b6b" pointer-events="all"/><path d="M 696.67 379 Q 689 379 689 386.67 L 689 388 Q 735 394 781 388 L 781 386.67 Q 781 379 773.33 379 Z" fill="url(#mx-gradient-ffffff-0.9-ffffff-0.1-s-0)" 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: 88px; height: 1px; padding-top: 390px; margin-left: 691px;"><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;">DXC</div></div></div></foreignObject><text x="735" y="394" fill="rgb(0, 0, 0)" font-family="Helvetica" font-size="12px" text-anchor="middle">DXC</text></switch></g></a><a xlink:href="https://github.com/MethanePowered/DirectXTex/"><rect x="351" y="380" width="70" height="20" rx="5.4" ry="5.4" fill="#f5f5f5" stroke="#6b6b6b" pointer-events="all"/><path d="M 357.67 379 Q 350 379 350 386.67 L 350 388 Q 386 394 422 388 L 422 386.67 Q 422 379 414.33 379 Z" fill="url(#mx-gradient-ffffff-0.9-ffffff-0.1-s-0)" 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: 68px; height: 1px; padding-top: 390px; margin-left: 352px;"><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;">DirectXTex</div></div></div></foreignObject><text x="386" y="394" fill="rgb(0, 0, 0)" font-family="Helvetica" font-size="12px" text-anchor="middle">DirectXTex</text></switch></g></a><a xlink:href="https://github.com/MethanePowered/CMRC/"><rect x="790" y="380" width="71" height="20" rx="5.4" ry="5.4" fill="#f5f5f5" stroke="#6b6b6b" pointer-events="all"/><path d="M 796.67 379 Q 789 379 789 386.67 L 789 388 Q 825.5 394 862 388 L 862 386.67 Q 862 379 854.33 379 Z" fill="url(#mx-gradient-ffffff-0.9-ffffff-0.1-s-0)" 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: 69px; height: 1px; padding-top: 390px; margin-left: 791px;"><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;">CMRC</div></div></div></foreignObject><text x="826" y="394" fill="rgb(0, 0, 0)" font-family="Helvetica" font-size="12px" text-anchor="middle">CMRC</text></switch></g></a><a xlink:href="https://github.com/MethanePowered/FreeType2/"><rect x="436.5" y="350" width="69" height="20" rx="5.4" ry="5.4" fill="#f5f5f5" stroke="#6b6b6b" pointer-events="all"/><path d="M 443.17 349 Q 435.5 349 435.5 356.67 L 435.5 358 Q 471 364 506.5 358 L 506.5 356.67 Q 506.5 349 498.83 349 Z" fill="url(#mx-gradient-ffffff-0.9-ffffff-0.1-s-0)" 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: 67px; height: 1px; padding-top: 360px; margin-left: 437px;"><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;">FreeType 2</div></div></div></foreignObject><text x="471" y="364" fill="rgb(0, 0, 0)" font-family="Helvetica" font-size="12px" text-anchor="middle">FreeType 2</text></switch></g></a><a xlink:href="https://github.com/MethanePowered/Taskflow/"><rect x="522" y="350" width="70" height="20" rx="5.4" ry="5.4" fill="#f5f5f5" stroke="#6b6b6b" pointer-events="all"/><path d="M 528.67 349 Q 521 349 521 356.67 L 521 358 Q 557 364 593 358 L 593 356.67 Q 593 349 585.33 349 Z" fill="url(#mx-gradient-ffffff-0.9-ffffff-0.1-s-0)" 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: 68px; height: 1px; padding-top: 360px; margin-left: 523px;"><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;">Taskflow</div></div></div></foreignObject><text x="557" y="364" fill="rgb(0, 0, 0)" font-family="Helvetica" font-size="12px" text-anchor="middle">Taskflow</text></switch></g></a><a xlink:href="https://github.com/MethanePowered/SPIRVCross"><rect x="690" y="350" width="90" height="20" rx="5.4" ry="5.4" fill="#f5f5f5" stroke="#6b6b6b" pointer-events="all"/><path d="M 696.67 349 Q 689 349 689 356.67 L 689 358 Q 735 364 781 358 L 781 356.67 Q 781 349 773.33 349 Z" fill="url(#mx-gradient-ffffff-0.9-ffffff-0.1-s-0)" 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: 88px; height: 1px; padding-top: 360px; margin-left: 691px;"><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;">SPIRV-Cross</div></div></div></foreignObject><text x="735" y="364" fill="rgb(0, 0, 0)" font-family="Helvetica" font-size="12px" text-anchor="middle">SPIRV-Cross</text></switch></g></a><a xlink:href="https://github.com/MethanePowered/STB/"><rect x="641" y="380" width="39" height="20" rx="5.4" ry="5.4" fill="#f5f5f5" stroke="#6b6b6b" pointer-events="all"/><path d="M 647.67 379 Q 640 379 640 386.67 L 640 388 Q 660.5 394 681 388 L 681 386.67 Q 681 379 673.33 379 Z" fill="url(#mx-gradient-ffffff-0.9-ffffff-0.1-s-0)" 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: 37px; height: 1px; padding-top: 390px; margin-left: 642px;"><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;">STB</div></div></div></foreignObject><text x="661" y="394" fill="rgb(0, 0, 0)" font-family="Helvetica" font-size="12px" text-anchor="middle">STB</text></switch></g></a><a xlink:href="https://github.com/MethanePowered/Catch2/"><rect x="266" y="350" width="70" height="20" rx="5.4" ry="5.4" fill="#f5f5f5" stroke="#6b6b6b" pointer-events="all"/><path d="M 272.67 349 Q 265 349 265 356.67 L 265 358 Q 301 364 337 358 L 337 356.67 Q 337 349 329.33 349 Z" fill="url(#mx-gradient-ffffff-0.9-ffffff-0.1-s-0)" 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: 68px; height: 1px; padding-top: 360px; margin-left: 267px;"><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;">Catch 2</div></div></div></foreignObject><text x="301" y="364" fill="rgb(0, 0, 0)" font-family="Helvetica" font-size="12px" text-anchor="middle">Catch 2</text></switch></g></a><a xlink:href="https://github.com/MethanePowered/VulkanHeaders"><rect x="538" y="380" width="96" height="20" rx="5.4" ry="5.4" fill="#f5f5f5" stroke="#6b6b6b" pointer-events="all"/><path d="M 544.67 379 Q 537 379 537 386.67 L 537 388 Q 586 394 635 388 L 635 386.67 Q 635 379 627.33 379 Z" fill="url(#mx-gradient-ffffff-0.9-ffffff-0.1-s-0)" 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: 94px; height: 1px; padding-top: 390px; margin-left: 539px;"><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;">VulkanHeaders</div></div></div></foreignObject><text x="586" y="394" fill="rgb(0, 0, 0)" font-family="Helvetica" font-size="12px" text-anchor="middle">VulkanHeaders</text></switch></g></a><a xlink:href="https://github.com/MethanePowered/DirectXHeaders"><rect x="436" y="380" width="94" height="20" rx="5.4" ry="5.4" fill="#f5f5f5" stroke="#6b6b6b" pointer-events="all"/><path d="M 442.67 379 Q 435 379 435 386.67 L 435 388 Q 483 394 531 388 L 531 386.67 Q 531 379 523.33 379 Z" fill="url(#mx-gradient-ffffff-0.9-ffffff-0.1-s-0)" 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: 92px; height: 1px; padding-top: 390px; margin-left: 437px;"><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;">DirectXHeaders</div></div></div></foreignObject><text x="483" y="394" fill="rgb(0, 0, 0)" font-family="Helvetica" font-size="12px" text-anchor="middle">DirectXHeaders</text></switch></g></a><path d="M 590 240 L 731 240 L 731 260 L 580 260 L 580 250 C 580 244.48 584.48 240 590 240 Z" fill="#d8b9e7" stroke="#9673a6" stroke-miterlimit="10" transform="rotate(180,655.5,250)" 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: 1px; height: 1px; padding-top: 250px; margin-left: 656px;"><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: 10px; font-family: &quot;Courier New&quot;; color: rgb(0, 0, 0); line-height: 1.2; pointer-events: all; font-weight: bold; white-space: nowrap;">Linux</div></div></div></foreignObject><text x="656" y="253" fill="rgb(0, 0, 0)" font-family="Courier New" font-size="10px" text-anchor="middle" font-weight="bold">Linux</text></switch></g><path d="M 141 240 L 288 240 L 288 260 L 141 260 L 141 240 Z" fill="#d8b9e7" stroke="#9673a6" stroke-miterlimit="10" transform="rotate(180,214.5,250)" 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: 1px; height: 1px; padding-top: 250px; margin-left: 215px;"><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: 10px; font-family: &quot;Courier New&quot;; color: rgb(0, 0, 0); line-height: 1.2; pointer-events: all; font-weight: bold; white-space: nowrap;">Windows</div></div></div></foreignObject><text x="215" y="253" fill="rgb(0, 0, 0)" font-family="Courier New" font-size="10px" text-anchor="middle" font-weight="bold">Windows</text></switch></g><path d="M 288 240 L 435 240 L 435 260 L 288 260 L 288 240 Z" fill="#d8b9e7" stroke="#9673a6" stroke-miterlimit="10" transform="rotate(180,361.5,250)" 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: 1px; height: 1px; padding-top: 250px; margin-left: 362px;"><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: 10px; font-family: &quot;Courier New&quot;; color: rgb(0, 0, 0); line-height: 1.2; pointer-events: all; font-weight: bold; white-space: nowrap;"><font style="font-size: 10px;">MacOS</font></div></div></div></foreignObject><text x="362" y="253" fill="rgb(0, 0, 0)" font-family="Courier New" font-size="10px" text-anchor="middle" font-weight="bold">MacOS</text></switch></g><a xlink:href="https://github.com/MethanePowered/MethaneKit/tree/master/Modules/Graphics/RHI"><rect x="341" y="120" width="190" height="50" rx="7.5" ry="7.5" fill="none" stroke="#007fff" stroke-width="6"/></a><rect x="341" y="120" width="190" height="50" rx="8" ry="8" fill="#f0f8ff" stroke="#6c8ebf"/><path d="M 350.16 119 Q 340 119 340 129.16 L 340 140 Q 436 155 532 140 L 532 129.16 Q 532 119 521.84 119 Z" fill="url(#mx-gradient-ffffff-0.9-ffffff-0.1-s-0)" stroke="none"/><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 flex-start; justify-content: unsafe center; width: 188px; height: 1px; padding-top: 127px; margin-left: 342px;"><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: none; font-weight: bold; white-space: normal; overflow-wrap: normal;"><font style="font-size: 11px;">RHI<span style="font-weight: normal;"> (Rendering Hardware Interface)</span></font></div></div></div></foreignObject><text x="436" y="139" fill="rgb(0, 0, 0)" font-family="Helvetica" font-size="12px" text-anchor="middle" font-weight="bold">RHI (Rendering Hardware Interfa...</text></switch></g><a xlink:href="https://github.com/MethanePowered/MethaneKit/tree/master/Modules/Graphics/RHI/Metal"><path d="M 411 150 L 461 150 L 461 170 L 411 170 L 411 150 Z" fill="#99ccff" stroke="#6c8ebf" stroke-miterlimit="10" transform="rotate(180,436,160)"/><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: 1px; height: 1px; padding-top: 160px; margin-left: 436px;"><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: 10px; font-family: &quot;Courier New&quot;; color: rgb(0, 0, 0); line-height: 1.2; pointer-events: none; font-weight: bold; white-space: nowrap;"><font style="font-size: 10px">Metal</font></div></div></div></foreignObject><text x="436" y="163" fill="rgb(0, 0, 0)" font-family="Courier New" font-size="10px" text-anchor="middle" font-weight="bold">Metal</text></switch></g></a><a xlink:href="https://github.com/MethanePowered/MethaneKit/tree/master/Modules/Graphics/RHI/DirectX12"><path d="M 471 150 L 531 150 L 531 170 L 461 170 L 461 160 C 461 154.48 465.48 150 471 150 Z" fill="#99ccff" stroke="#6c8ebf" stroke-miterlimit="10" transform="rotate(180,496,160)"/><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: 1px; height: 1px; padding-top: 160px; margin-left: 496px;"><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: 10px; font-family: &quot;Courier New&quot;; color: rgb(0, 0, 0); line-height: 1.2; pointer-events: none; font-weight: bold; white-space: nowrap;">DirectX 12</div></div></div></foreignObject><text x="496" y="163" fill="rgb(0, 0, 0)" font-family="Courier New" font-size="10px" text-anchor="middle" font-weight="bold">DirectX 12</text></switch></g></a><a xlink:href="https://github.com/MethanePowered/MethaneKit/tree/master/Modules/Graphics/RHI/Vulkan"><path d="M 351 150 L 411 150 L 411 170 L 341 170 L 341 160 C 341 154.48 345.48 150 351 150 Z" fill="#99ccff" stroke="#6c8ebf" stroke-miterlimit="10" transform="translate(0,160)scale(1,-1)translate(0,-160)"/><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: 1px; height: 1px; padding-top: 160px; margin-left: 376px;"><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: 10px; font-family: &quot;Courier New&quot;; color: rgb(0, 0, 0); line-height: 1.2; pointer-events: none; white-space: nowrap;"><b>Vulkan</b></div></div></div></foreignObject><text x="376" y="163" fill="rgb(0, 0, 0)" font-family="Courier New" font-size="10px" text-anchor="middle">Vulkan</text></switch></g></a><a xlink:href="https://github.com/MethanePowered/BoostNowide/"><rect x="265" y="380" width="71" height="20" rx="5.4" ry="5.4" fill="#f5f5f5" stroke="#6b6b6b"/><path d="M 271.67 379 Q 264 379 264 386.67 L 264 388 Q 300.5 394 337 388 L 337 386.67 Q 337 379 329.33 379 Z" fill="url(#mx-gradient-ffffff-0.9-ffffff-0.1-s-0)" stroke="none"/><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: 69px; height: 1px; padding-top: 390px; margin-left: 266px;"><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: none; white-space: normal; overflow-wrap: normal;">Nowide</div></div></div></foreignObject><text x="301" y="394" fill="rgb(0, 0, 0)" font-family="Helvetica" font-size="12px" text-anchor="middle">Nowide</text></switch></g></a><a xlink:href="https://github.com/MethanePowered/MagicEnum/"><rect x="161" y="380" width="91" height="20" rx="5.4" ry="5.4" fill="#f5f5f5" stroke="#6b6b6b"/><path d="M 167.67 379 Q 160 379 160 386.67 L 160 388 Q 206.5 394 253 388 L 253 386.67 Q 253 379 245.33 379 Z" fill="url(#mx-gradient-ffffff-0.9-ffffff-0.1-s-0)" stroke="none"/><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: 89px; height: 1px; padding-top: 390px; margin-left: 162px;"><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: none; white-space: normal; overflow-wrap: normal;">MagicEnum</div></div></div></foreignObject><text x="207" y="394" fill="rgb(0, 0, 0)" font-family="Helvetica" font-size="12px" text-anchor="middle">MagicEnum</text></switch></g></a><a xlink:href="https://github.com/MethanePowered/MethaneKit/tree/master/Modules/Common/Primitives"><rect x="761" y="220" width="100" height="20" rx="5.4" ry="5.4" fill="#fff4e8" stroke="#d79b00"/><path d="M 767.67 219 Q 760 219 760 226.67 L 760 228 Q 811 234 862 228 L 862 226.67 Q 862 219 854.33 219 Z" fill="url(#mx-gradient-ffffff-0.9-ffffff-0.1-s-0)" stroke="none"/><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: 98px; height: 1px; padding-top: 230px; margin-left: 762px;"><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: none; white-space: normal; overflow-wrap: normal;">Primitives</div></div></div></foreignObject><text x="811" y="234" fill="rgb(0, 0, 0)" font-family="Helvetica" font-size="12px" text-anchor="middle">Primitives</text></switch></g></a><a xlink:href="https://github.com/MethanePowered/MethaneKit/tree/master/Modules/Graphics/Mesh"><rect x="251" y="150" width="70" height="20" rx="5" ry="5" fill="#f0f8ff" stroke="#6c8ebf"/><path d="M 257.25 149 Q 250 149 250 156.25 L 250 158 Q 286 164 322 158 L 322 156.25 Q 322 149 314.75 149 Z" fill="url(#mx-gradient-ffffff-0.9-ffffff-0.1-s-0)" stroke="none"/><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: 68px; height: 1px; padding-top: 160px; margin-left: 252px;"><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: none; white-space: normal; overflow-wrap: normal;">Mesh</div></div></div></foreignObject><text x="286" y="164" fill="rgb(0, 0, 0)" font-family="Helvetica" font-size="12px" text-anchor="middle">Mesh</text></switch></g></a><a xlink:href="https://github.com/MethanePowered/CPM.cmake"><rect x="790" y="350" width="71" height="20" rx="5.4" ry="5.4" fill="#f5f5f5" stroke="#6b6b6b"/><path d="M 796.67 349 Q 789 349 789 356.67 L 789 358 Q 825.5 364 862 358 L 862 356.67 Q 862 349 854.33 349 Z" fill="url(#mx-gradient-ffffff-0.9-ffffff-0.1-s-0)" stroke="none"/><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: 69px; height: 1px; padding-top: 360px; margin-left: 791px;"><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: none; white-space: normal; overflow-wrap: normal;">CPM</div></div></div></foreignObject><text x="826" y="364" fill="rgb(0, 0, 0)" font-family="Helvetica" font-size="12px" text-anchor="middle">CPM</text></switch></g></a><path d="M 435 240 L 582 240 L 582 260 L 435 260 L 435 240 Z" fill="#d8b9e7" stroke="#9673a6" stroke-miterlimit="10" transform="rotate(180,508.5,250)"/><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: 1px; height: 1px; padding-top: 250px; margin-left: 508px;"><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: 10px; font-family: &quot;Courier New&quot;; color: rgb(0, 0, 0); line-height: 1.2; pointer-events: none; font-weight: bold; white-space: nowrap;"><font style="font-size: 10px;">iOS / tvOS</font></div></div></div></foreignObject><text x="508" y="253" fill="rgb(0, 0, 0)" font-family="Courier New" font-size="10px" text-anchor="middle" font-weight="bold">iOS / tvOS</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>