img/recommender_diagram.svg

<?xml version="1.0" encoding="UTF-8"?>
<!-- Do not edit this file with editors other than draw.io -->
<!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" style="background-color: rgb(255, 255, 255);" xmlns:xlink="http://www.w3.org/1999/xlink" version="1.1" width="811px" height="379px" viewBox="-0.5 -0.5 811 379" content="&lt;mxfile host=&quot;app.diagrams.net&quot; modified=&quot;2023-11-12T13:13:00.238Z&quot; agent=&quot;Mozilla/5.0 (Windows NT 10.0; Win64; x64; rv:109.0) Gecko/20100101 Firefox/119.0&quot; etag=&quot;Y9n3mJ5yBQB1pYhr0ek0&quot; version=&quot;22.1.0&quot; type=&quot;device&quot;&gt;&lt;diagram name=&quot;Page-1&quot; id=&quot;hgK9O7wFYK8cDDtvCwnX&quot;&gt;7VrbcuI4EP0aHofyHXgMkMxuVVKT2jzs7lNK2MJoI1seSQTI128Ly3dDHCaGyUxSVMVqSy18zulWS3hgz6LtV46S1R0LMB1YRrAd2POBZZmO7cA/ZdmllvHYTQ0hJ4HuVBgeyAvWRkNb1yTAotJRMkYlSapGn8Ux9mXFhjhnm2q3JaPVWRMU4obhwUe0af2bBHKln8IaFfY/MAlX2cymN0nvLJD/FHK2jvV8MYtxeidCmRv9jGKFArYpmezrgT3jjMn0KtrOMFWwZoil424O3M2/Msex7DJgJq3/ttfJTSiC8G56bW6N59sv2sszomsNxcDyKPibBuQZLkN1mTAhQ47Fd5rdhFlK91uGBEiiBRL40IA9IHKX4Q/YJOrS31ESB5jb0GmzIhI/JMhXNzagO7CtZEShZcLlQoGOg9tFbsip+LaW4AZru0jVZrr5xM+YS7w9CKOZkwN6xyzCku+gix7gaTq10u3RUEt9UxKO7rMqaWaibUhLNcw9F5zBhabtDRRaLRQegHdJ8fZKhQtAgeNAX859ioQgfhVfnuILLSMHDgeNMHoVthIsbgssmY1jiiR5rrpvw0rPcM8ITJyzYhpVWkw35yVzItia+1iPK8fJK66sUcOVRDzEsuFqT1/+6Kcz6nQJSskRiR8jlYqHya5jnBWkmq9H2DsEi1ODctIWLabVoguvr3BxG+DerPejVMqCf9/XWM9SBg4gkFV0hOTsCc8YZRws+7xvT5eE0poJURLGKsgAMgz2qQKUwNJzpW9EJAjUNK10tEXhDzFimrVAaaXEa2HE7ouRyWcCgwHj2rqS1R5vTV+21XB05vSVKex4/orSIrJjPSEwJxBJLwAxizsmu18mZq1azFrjrkVHbzFrNtPoIY6HyVN3nuWSBMtHWNtisWQ8wrw8esHrI7uWlevFIbJOqSgDxJ++gRsiFSHG0HCrRmtvLdee7yQE23U6CMF0vKYSRr0pYfyZvqHQsbyMicNlY9cU7mS5/3Ax23cKb1uTfzCFwwb/d07iTr0WNi+exLNI7Td08ZbIf+D6CyRKc6QN/6quQ9u2dXu+LfWe70qNexANPK5i8E2ZAJ5iH27Hnt++aMVXO0k4PV/US76zb1hTIF9LF4LEIcjKMvy1kDCnWs1RpIItXojkyKre8KT3aL9XAjEnHU6eWvfS/SWQTicVCQoJRcFiGDD/CXNAuvOx4IZEFO3JWDFOXlgsEdWI9n94UYuqrFmptFrQNi23L7g7Fd2Ab4QScla0OZPpog5pXu1k36fatZ3XCAAGWuTeLJfer9oddaGAY59FEVYn2Zc8mzsioiOgVzD3Ln1cZ3pdNf+oRP/B0O6QYs6KttW2mWugDUkigLV8oH9XO3l3XuSbJeSaB31HZQ9/RWhwi3ZsrZ5YSNiIZ61qbkrXc8Sl/k3RNio9HtRI7ZNjtRu/zxgza6Y7tK10vEVCZt+GUYoSQRY0OwGIoJ4i8ZRJqGPOth55o1MXpN7k0twm5qnvUCH21uqL4qU8VnsJdeYSh7f7bnOnsPylEVAmBsOXdL9jWcFAHKuyRFXDe0TcKXwAo5kB64YL33UGbbNow0d153LGYrH/3UX5xSCQDRYyW/7QIpdvf+lk3K6QrCTsqIjeCsLMcUkQulYvFf2fuji3LryL66LTewawgEMfqFvF2/Z2n9LpTzqTi0unrQD82Q+pyuIL8BKtaaHfn/cQ222eIzkTo/irOex6POW51tBw6p7P/EpF22+S766iD0p77YWX0fgD89xpobmBPHt1/+fJO5df5kzRtavUux03oCdke2gW7zqmdBfvktrX/wM=&lt;/diagram&gt;&lt;/mxfile&gt;"><defs/><g><path d="M 50 42.5 C 50 34.22 67.91 27.5 90 27.5 C 100.61 27.5 110.78 29.08 118.28 31.89 C 125.79 34.71 130 38.52 130 42.5 L 130 102.5 C 130 110.78 112.09 117.5 90 117.5 C 67.91 117.5 50 110.78 50 102.5 Z" fill="rgb(255, 255, 255)" stroke="rgb(0, 0, 0)" stroke-miterlimit="10" pointer-events="all"/><path d="M 130 42.5 C 130 50.78 112.09 57.5 90 57.5 C 67.91 57.5 50 50.78 50 42.5" fill="none" stroke="rgb(0, 0, 0)" stroke-miterlimit="10" 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: 78px; height: 1px; padding-top: 85px; margin-left: 51px;"><div style="box-sizing: border-box; font-size: 0px; text-align: center;" data-drawio-colors="color: rgb(0, 0, 0); "><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;"><div>postgresql</div><div>database</div></div></div></div></foreignObject><text x="90" y="89" fill="rgb(0, 0, 0)" font-family="Helvetica" font-size="12px" text-anchor="middle">postgresql...</text></switch></g><path d="M 85 148 L 95 148 L 95 248 L 105.5 248 L 90 267 L 74.5 248 L 85 248 Z" fill="none" stroke="rgb(0, 0, 0)" stroke-miterlimit="10" pointer-events="all"/><rect x="30" y="287.5" width="120" height="60" rx="9" ry="9" fill="rgb(255, 255, 255)" stroke="rgb(0, 0, 0)" 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: 318px; margin-left: 31px;"><div style="box-sizing: border-box; font-size: 0px; text-align: center;" data-drawio-colors="color: rgb(0, 0, 0); "><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;"><div>train_model.py</div></div></div></div></foreignObject><text x="90" y="321" fill="rgb(0, 0, 0)" font-family="Helvetica" font-size="12px" text-anchor="middle">train_model.py</text></switch></g><rect x="100" y="187.5" width="60" height="30" fill="none" stroke="none" 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: 58px; height: 1px; padding-top: 203px; margin-left: 101px;"><div style="box-sizing: border-box; font-size: 0px; text-align: center;" data-drawio-colors="color: rgb(0, 0, 0); "><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;">Full data query</div></div></div></foreignObject><text x="130" y="206" fill="rgb(0, 0, 0)" font-family="Helvetica" font-size="12px" text-anchor="middle">Full data...</text></switch></g><path d="M 170.48 322 L 170.52 312 L 290.52 312.43 L 290.56 301.93 L 309.5 317.5 L 290.44 332.93 L 290.48 322.43 Z" fill="none" stroke="rgb(0, 0, 0)" stroke-miterlimit="10" pointer-events="all"/><rect x="200" y="277.5" width="80" height="30" fill="none" stroke="none" 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: 78px; height: 1px; padding-top: 293px; margin-left: 201px;"><div style="box-sizing: border-box; font-size: 0px; text-align: center;" data-drawio-colors="color: rgb(0, 0, 0); "><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;"><div>model</div><div>serialization</div></div></div></div></foreignObject><text x="240" y="296" fill="rgb(0, 0, 0)" font-family="Helvetica" font-size="12px" text-anchor="middle">model...</text></switch></g><path d="M 344 277.5 L 480 277.5 L 490 287.5 L 490 347.5 L 354 347.5 L 344 337.5 L 344 277.5 Z" fill="rgb(255, 255, 255)" stroke="rgb(0, 0, 0)" stroke-miterlimit="10" pointer-events="all"/><path d="M 344 277.5 L 480 277.5 L 490 287.5 L 354 287.5 Z" fill-opacity="0.05" fill="#000000" stroke="none" pointer-events="all"/><path d="M 344 277.5 L 354 287.5 L 354 347.5 L 344 337.5 Z" fill-opacity="0.1" fill="#000000" stroke="none" pointer-events="all"/><path d="M 354 347.5 L 354 287.5 L 344 277.5 M 354 287.5 L 490 287.5" fill="none" stroke="rgb(0, 0, 0)" stroke-miterlimit="10" 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: 134px; height: 1px; padding-top: 318px; margin-left: 355px;"><div style="box-sizing: border-box; font-size: 0px; text-align: center;" data-drawio-colors="color: rgb(0, 0, 0); "><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;"><div>model.pkl</div><div>tfidf_transformer.pkl<br /></div></div></div></div></foreignObject><text x="422" y="321" fill="rgb(0, 0, 0)" font-family="Helvetica" font-size="12px" text-anchor="middle">model.pkl...</text></switch></g><path d="M 421.5 267.02 L 411.5 266.98 L 411.92 166.98 L 401.42 166.94 L 417 148 L 432.42 167.06 L 421.92 167.02 Z" fill="none" stroke="rgb(0, 0, 0)" stroke-miterlimit="10" pointer-events="all"/><rect x="430" y="207.5" width="80" height="30" fill="none" stroke="none" 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: 78px; height: 1px; padding-top: 223px; margin-left: 431px;"><div style="box-sizing: border-box; font-size: 0px; text-align: center;" data-drawio-colors="color: rgb(0, 0, 0); "><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;"><div>model</div><div>deserialization</div></div></div></div></foreignObject><text x="470" y="226" fill="rgb(0, 0, 0)" font-family="Helvetica" font-size="12px" text-anchor="middle">model...</text></switch></g><path d="M 178.46 72.49 L 178.46 62.49 L 290.5 62.5 L 290.5 52 L 309.5 67.5 L 290.5 83 L 290.5 72.5 Z" fill="none" stroke="rgb(0, 0, 0)" stroke-miterlimit="10" pointer-events="all"/><rect x="180" y="27.5" width="120" height="30" fill="none" stroke="none" 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: 43px; margin-left: 181px;"><div style="box-sizing: border-box; font-size: 0px; text-align: center;" data-drawio-colors="color: rgb(0, 0, 0); "><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;"><div>single customer </div><div>query</div></div></div></div></foreignObject><text x="240" y="46" fill="rgb(0, 0, 0)" font-family="Helvetica" font-size="12px" text-anchor="middle">single customer...</text></switch></g><path d="M 33 10 L 10 10 L 10 135 L 33 135" fill="rgb(255, 255, 255)" stroke="rgb(0, 0, 0)" stroke-miterlimit="10" pointer-events="all"/><path d="M 33 10 L 150 10 L 150 135 L 33 135" fill="none" stroke="rgb(0, 0, 0)" stroke-miterlimit="10" pointer-events="none"/><path d="M 33 10 L 33 135" fill="none" stroke="rgb(0, 0, 0)" stroke-miterlimit="10" pointer-events="none"/><g transform="translate(-0.5 -0.5)rotate(-90 21.5 72.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: 123px; height: 1px; padding-top: 73px; margin-left: -40px;"><div style="box-sizing: border-box; font-size: 0px; text-align: center;" data-drawio-colors="color: rgb(0, 0, 0); "><div style="display: inline-block; font-size: 12px; font-family: Helvetica; color: rgb(0, 0, 0); line-height: 1.2; pointer-events: all; font-weight: bold; white-space: normal; overflow-wrap: normal;"><div>pagiladb.dockerfile</div></div></div></div></foreignObject><text x="22" y="76" fill="rgb(0, 0, 0)" font-family="Helvetica" font-size="12px" text-anchor="middle" font-weight="bold">pagiladb.dockerfile</text></switch></g><path d="M 347 10 L 324 10 L 324 367.5 L 347 367.5" fill="rgb(255, 255, 255)" stroke="rgb(0, 0, 0)" stroke-miterlimit="10" transform="rotate(-180,431,188.75)" pointer-events="all"/><path d="M 347 10 L 538 10 L 538 367.5 L 347 367.5" fill="none" stroke="rgb(0, 0, 0)" stroke-miterlimit="10" transform="rotate(-180,431,188.75)" pointer-events="none"/><path d="M 347 10 L 347 367.5" fill="none" stroke="rgb(0, 0, 0)" stroke-miterlimit="10" transform="rotate(-180,431,188.75)" pointer-events="none"/><g transform="translate(-0.5 -0.5)rotate(-270 526.5 188.75)"><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: 356px; height: 1px; padding-top: 189px; margin-left: 349px;"><div style="box-sizing: border-box; font-size: 0px; text-align: center;" data-drawio-colors="color: rgb(0, 0, 0); "><div style="display: inline-block; font-size: 12px; font-family: Helvetica; color: rgb(0, 0, 0); line-height: 1.2; pointer-events: all; font-weight: bold; white-space: normal; overflow-wrap: normal;"><div>filmapi.dockerfile</div></div></div></div></foreignObject><text x="527" y="192" fill="rgb(0, 0, 0)" font-family="Helvetica" font-size="12px" text-anchor="middle" font-weight="bold">filmapi.dockerfile</text></switch></g><rect x="357" y="75" width="120" height="60" rx="9" ry="9" fill="rgb(255, 255, 255)" stroke="rgb(0, 0, 0)" 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: 105px; margin-left: 358px;"><div style="box-sizing: border-box; font-size: 0px; text-align: center;" data-drawio-colors="color: rgb(0, 0, 0); "><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;"><div>recommender.py</div></div></div></div></foreignObject><text x="417" y="109" fill="rgb(0, 0, 0)" font-family="Helvetica" font-size="12px" text-anchor="middle">recommender.py</text></switch></g><rect x="344" y="30" width="120" height="60" rx="9" ry="9" fill="rgb(255, 255, 255)" stroke="rgb(0, 0, 0)" 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: 60px; margin-left: 345px;"><div style="box-sizing: border-box; font-size: 0px; text-align: center;" data-drawio-colors="color: rgb(0, 0, 0); "><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;"><div>film_api.py</div></div></div></div></foreignObject><text x="404" y="64" fill="rgb(0, 0, 0)" font-family="Helvetica" font-size="12px" text-anchor="middle">film_api.py</text></switch></g><path d="M 660 40 L 660 10 L 800 10 L 800 40" fill="rgb(255, 255, 255)" stroke="rgb(0, 0, 0)" stroke-miterlimit="10" pointer-events="all"/><path d="M 660 40 L 660 130 L 800 130 L 800 40" fill="none" stroke="rgb(0, 0, 0)" stroke-miterlimit="10" pointer-events="none"/><path d="M 660 40 L 800 40" fill="none" stroke="rgb(0, 0, 0)" stroke-miterlimit="10" pointer-events="none"/><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: 138px; height: 1px; padding-top: 25px; margin-left: 661px;"><div style="box-sizing: border-box; font-size: 0px; text-align: center;" data-drawio-colors="color: rgb(0, 0, 0); "><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;"><div>landing page<br /></div></div></div></div></foreignObject><text x="730" y="29" fill="rgb(0, 0, 0)" font-family="Helvetica" font-size="12px" text-anchor="middle">landing page&#xa;</text></switch></g><rect x="660" y="40" width="140" height="30" fill="none" stroke="none" 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 flex-start; width: 130px; height: 1px; padding-top: 55px; margin-left: 666px;"><div style="box-sizing: border-box; font-size: 0px; text-align: left; max-height: 26px; overflow: hidden;" data-drawio-colors="color: rgb(0, 0, 0); "><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;">recommend</div></div></div></foreignObject><text x="666" y="59" fill="rgb(0, 0, 0)" font-family="Helvetica" font-size="12px">recommend</text></switch></g><rect x="660" y="70" width="140" height="30" fill="none" stroke="none" 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 flex-start; width: 130px; height: 1px; padding-top: 85px; margin-left: 666px;"><div style="box-sizing: border-box; font-size: 0px; text-align: left; max-height: 26px; overflow: hidden;" data-drawio-colors="color: rgb(0, 0, 0); "><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;">query customer</div></div></div></foreignObject><text x="666" y="89" fill="rgb(0, 0, 0)" font-family="Helvetica" font-size="12px">query customer</text></switch></g><rect x="660" y="100" width="140" height="30" fill="none" stroke="none" 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 flex-start; width: 130px; height: 1px; padding-top: 115px; margin-left: 666px;"><div style="box-sizing: border-box; font-size: 0px; text-align: left; max-height: 26px; overflow: hidden;" data-drawio-colors="color: rgb(0, 0, 0); "><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;"><div>api docs</div></div></div></div></foreignObject><text x="666" y="119" fill="rgb(0, 0, 0)" font-family="Helvetica" font-size="12px">api docs</text></switch></g><path d="M 510.5 72.49 L 510.5 62.49 L 622.54 62.5 L 622.54 52 L 641.54 67.5 L 622.54 83 L 622.54 72.5 Z" fill="rgb(255, 255, 255)" stroke="rgb(0, 0, 0)" stroke-miterlimit="10" pointer-events="all"/><path d="M 490.52 73 L 490.48 63 L 622.52 62.56 L 622.49 52.06 L 641.54 67.5 L 622.59 83.06 L 622.56 72.56 Z" fill="rgb(255, 255, 255)" stroke="rgb(0, 0, 0)" stroke-miterlimit="10" pointer-events="all"/><rect x="520" y="40" width="120" height="30" fill="none" stroke="none" 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: 55px; margin-left: 521px;"><div style="box-sizing: border-box; font-size: 0px; text-align: center;" data-drawio-colors="color: rgb(0, 0, 0); "><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;"><div>FastAPI<br /></div></div></div></div></foreignObject><text x="580" y="59" fill="rgb(0, 0, 0)" font-family="Helvetica" font-size="12px" text-anchor="middle">FastAPI&#xa;</text></switch></g></g><switch><g requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility"/><a transform="translate(0,-5)" xlink:href="https://www.drawio.com/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>