🍱 Update SVG

tiangolo · tiangolo · commit 5d27a8b3df6e · 2025-05-11T19:10:19.000+02:00
diff --git a/docs/img/databases/single-file.drawio.svg b/docs/img/databases/single-file.drawio.svg
@@ -1,37 +1,119 @@
-<mxfile host="65bd71144e">
-    <diagram id="objTApYHlBqCKos3M7rL" name="Page-1">
-        <mxGraphModel dx="1289" dy="836" grid="1" gridSize="10" guides="1" tooltips="1" connect="1" arrows="1" fold="1" page="1" pageScale="1" pageWidth="1920" pageHeight="1200" math="0" shadow="0">
-            <root>
-                <mxCell id="0"/>
-                <mxCell id="1" parent="0"/>
-                <mxCell id="4" value="" style="rounded=0;whiteSpace=wrap;html=1;fillColor=#FFFFFF;" parent="1" vertex="1">
-                    <mxGeometry x="420" y="460" width="450" height="260" as="geometry"/>
-                </mxCell>
-                <mxCell id="3" value="&lt;font face=&quot;Roboto, sans-serif&quot; style=&quot;font-size: 18px&quot;&gt;Machine / Computer&lt;/font&gt;" style="text;html=1;strokeColor=none;fillColor=none;align=center;verticalAlign=middle;whiteSpace=wrap;rounded=0;" parent="1" vertex="1">
-                    <mxGeometry x="540" y="480" width="230" height="20" as="geometry"/>
-                </mxCell>
-                <mxCell id="12" style="edgeStyle=orthogonalEdgeStyle;rounded=0;orthogonalLoop=1;jettySize=auto;html=1;" parent="1" source="9" target="7" edge="1">
-                    <mxGeometry relative="1" as="geometry"/>
-                </mxCell>
-                <mxCell id="9" value="&lt;font face=&quot;Roboto, sans-serif&quot; color=&quot;#ffffff&quot; style=&quot;font-size: 18px;&quot;&gt;Your code&lt;/font&gt;" style="shape=hexagon;perimeter=hexagonPerimeter2;whiteSpace=wrap;html=1;fixedSize=1;fillColor=#7e56c2;" parent="1" vertex="1">
-                    <mxGeometry x="450" y="560" width="120" height="80" as="geometry"/>
-                </mxCell>
-                <mxCell id="11" value="" style="group;fillColor=#808080;" parent="1" vertex="1" connectable="0">
-                    <mxGeometry x="610" y="520" width="210" height="160" as="geometry"/>
-                </mxCell>
-                <mxCell id="10" value="" style="group" parent="11" vertex="1" connectable="0">
-                    <mxGeometry width="210" height="160" as="geometry"/>
-                </mxCell>
-                <mxCell id="7" value="" style="rounded=0;whiteSpace=wrap;html=1;fillColor=#999999;" parent="10" vertex="1">
-                    <mxGeometry width="210" height="160" as="geometry"/>
-                </mxCell>
-                <mxCell id="8" value="&lt;font face=&quot;Roboto, sans-serif&quot; style=&quot;font-size: 18px&quot;&gt;File: heroes.db&lt;/font&gt;" style="text;html=1;strokeColor=none;fillColor=none;align=center;verticalAlign=middle;whiteSpace=wrap;rounded=0;" parent="10" vertex="1">
-                    <mxGeometry x="28" y="20" width="154" height="20" as="geometry"/>
-                </mxCell>
-                <mxCell id="5" value="&lt;font face=&quot;Roboto, sans-serif&quot; style=&quot;font-size: 18px&quot;&gt;Data&lt;/font&gt;" style="ellipse;whiteSpace=wrap;html=1;aspect=fixed;fillColor=#fa0;" parent="10" vertex="1">
-                    <mxGeometry x="70" y="60" width="80" height="80" as="geometry"/>
-                </mxCell>
-            </root>
-        </mxGraphModel>
-    </diagram>
-</mxfile>
+<svg host="65bd71144e" xmlns="http://www.w3.org/2000/svg" style="background: transparent; background-color: transparent;" xmlns:xlink="http://www.w3.org/1999/xlink" version="1.1" width="451px" height="261px" viewBox="-0.5 -0.5 451 261" content="&lt;mxfile&gt;&lt;diagram id=&quot;objTApYHlBqCKos3M7rL&quot; name=&quot;Page-1&quot;&gt;1VdNc5swEP01HNPhw9j4mDh2emhmOs2h06MCa1ArEBUitvvruwLJIINTtyFtSmZi9Hb19d7uSjjBKt/fCVJm9zwB5vhusneCW8f3PTcI8EchhxaJgnkLpIIm2qkDHugPMD01WtMEKstRcs4kLW0w5kUBsbQwIgTf2W5bzuxZS5LCAHiICRuin2kiM40ufbczvAeaZmZq39WWnBhvDVQZSfiuBwVrJ1gJzmX7lu9XwBR7hpi23+aM9bgyAYW8pMOs7fBEWK03p9clD2a3gtdFAsrfdYKbXUYlPJQkVtYd6otYJnOGLQ9ft5SxFWdcNH2DTfMgPlyXXuoTCAn7HqTXeQc8BykO6KKtM8OZjprZXLd3nQazUGNZj37fOBKte3ocu2MGXzQ540QFI0TNmVRb5rgljKKWEkS/10q9m0/8kUvu+CtFJymqqwoE3XZ2i2UDqsGuqibir9HBi8p9v8c8Vb/3JM5oAY4iZIP/VzwvawnCrAjRdlGt+0BRJFzaslVS8G9ghCs4Dm5rqSHCaFpgM0YZcb7gRslHMTOutSGnSaKmGY0TO5ImCIlwdhIS0TAk/GAsJCaICG+YKpBgndBNLmTGU14Qtu7QEwo6nw+cl1qLryDlQRc9UmMEWUqdZa3itdAR6C91USQiBe21aCG1wmeZFcCIpE92pXsJTcvXSJz4WGI6MNg2zx8kWJNZJzn2BelsJkrg0rTCWl6q1wz2BEVFlxIXjoSpTDHoRwP5lxTTPZjjb6S4LiCcx/5ExTW0MykcKa6eP5JJ0RSZ5I3EyAm5KWZOOeQgctXfb3FwvBeQRzO4+yw3c++EG3+kyngj3HhTHDxm4F+TM2Tg5RT8lS0uXvcSsmye8RhxzzD0j5iI3tAtY0OZtmcgOFTvksf//oJxudzaahQ52PeGflUMZ69zvwjfUCzcEkkuFR93gR9i5yTqxQSpyvbrrDnnhnm7JVOpuLAL+MjZFk1ztGGz+3ZrbL1P4GD9Ew==&lt;/diagram&gt;&lt;/mxfile&gt;">
+    <defs/>
+    <g>
+        <g>
+            <rect x="0" y="0" width="450" height="260" fill="#ffffff" stroke="#000000" pointer-events="all" style="fill: light-dark(rgb(255, 255, 255), rgb(18, 18, 18)); stroke: light-dark(rgb(0, 0, 0), rgb(255, 255, 255));"/>
+        </g>
+        <g>
+            <rect x="120" y="20" width="230" height="20" fill="none" stroke="none" pointer-events="all"/>
+        </g>
+        <g>
+            <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: 228px; height: 1px; padding-top: 30px; margin-left: 121px;">
+                            <div style="box-sizing: border-box; font-size: 0; text-align: center; color: #000000; ">
+                                <div style="display: inline-block; font-size: 12px; font-family: &quot;Helvetica&quot;; color: light-dark(#000000, #ffffff); line-height: 1.2; pointer-events: all; white-space: normal; word-wrap: normal; ">
+                                    <font style="font-size: 18px" face="Roboto, sans-serif">
+                                        Machine / Computer
+                                    </font>
+                                </div>
+                            </div>
+                        </div>
+                    </foreignObject>
+                    <text x="235" y="34" fill="light-dark(#000000, #ffffff)" font-family="&quot;Helvetica&quot;" font-size="12px" text-anchor="middle">
+                        Machine / Computer
+                    </text>
+                </switch>
+            </g>
+        </g>
+        <g>
+            <path d="M 150 140 L 183.63 140" fill="none" stroke="#000000" stroke-miterlimit="10" pointer-events="stroke" style="stroke: light-dark(rgb(0, 0, 0), rgb(255, 255, 255));"/>
+            <path d="M 188.88 140 L 181.88 143.5 L 183.63 140 L 181.88 136.5 Z" fill="#000000" stroke="#000000" stroke-miterlimit="10" pointer-events="all" style="fill: light-dark(rgb(0, 0, 0), rgb(255, 255, 255)); stroke: light-dark(rgb(0, 0, 0), rgb(255, 255, 255));"/>
+        </g>
+        <g>
+            <path d="M 50 100 L 130 100 L 150 140 L 130 180 L 50 180 L 30 140 Z" fill="#7e56c2" stroke="#000000" stroke-miterlimit="10" pointer-events="all" style="fill: light-dark(rgb(126, 86, 194), rgb(169, 135, 228)); stroke: light-dark(rgb(0, 0, 0), rgb(255, 255, 255));"/>
+        </g>
+        <g>
+            <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: 140px; margin-left: 31px;">
+                            <div style="box-sizing: border-box; font-size: 0; text-align: center; color: #000000; ">
+                                <div style="display: inline-block; font-size: 12px; font-family: &quot;Helvetica&quot;; color: light-dark(#000000, #ffffff); line-height: 1.2; pointer-events: all; white-space: normal; word-wrap: normal; ">
+                                    <font style="font-size: 18px; color: light-dark(rgb(255, 255, 255), rgb(18, 18, 18));" color="#ffffff" face="Roboto, sans-serif">
+                                        Your code
+                                    </font>
+                                </div>
+                            </div>
+                        </div>
+                    </foreignObject>
+                    <text x="90" y="144" fill="light-dark(#000000, #ffffff)" font-family="&quot;Helvetica&quot;" font-size="12px" text-anchor="middle">
+                        Your code
+                    </text>
+                </switch>
+            </g>
+        </g>
+        <g>
+            <rect x="190" y="60" width="210" height="160" fill="#808080" stroke="none" pointer-events="all" style="fill: light-dark(rgb(128, 128, 128), rgb(127, 127, 127));"/>
+        </g>
+        <g/>
+        <g>
+            <rect x="190" y="60" width="210" height="160" fill="#999999" stroke="#000000" pointer-events="all" style="fill: light-dark(rgb(153, 153, 153), rgb(106, 106, 106)); stroke: light-dark(rgb(0, 0, 0), rgb(255, 255, 255));"/>
+        </g>
+        <g>
+            <rect x="218" y="80" width="154" height="20" fill="none" stroke="none" pointer-events="all"/>
+        </g>
+        <g>
+            <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: 152px; height: 1px; padding-top: 90px; margin-left: 219px;">
+                            <div style="box-sizing: border-box; font-size: 0; text-align: center; color: #000000; ">
+                                <div style="display: inline-block; font-size: 12px; font-family: &quot;Helvetica&quot;; color: light-dark(#000000, #ffffff); line-height: 1.2; pointer-events: all; white-space: normal; word-wrap: normal; ">
+                                    <font style="font-size: 18px" face="Roboto, sans-serif">
+                                        File: heroes.db
+                                    </font>
+                                </div>
+                            </div>
+                        </div>
+                    </foreignObject>
+                    <text x="295" y="94" fill="light-dark(#000000, #ffffff)" font-family="&quot;Helvetica&quot;" font-size="12px" text-anchor="middle">
+                        File: heroes.db
+                    </text>
+                </switch>
+            </g>
+        </g>
+        <g>
+            <ellipse cx="300" cy="160" rx="40" ry="40" fill="#fa0" stroke="#000000" pointer-events="all" style="fill: light-dark(rgb(255, 170, 0), rgb(0, 0, 0)); stroke: light-dark(rgb(0, 0, 0), rgb(255, 255, 255));"/>
+        </g>
+        <g>
+            <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: 160px; margin-left: 261px;">
+                            <div style="box-sizing: border-box; font-size: 0; text-align: center; color: #000000; ">
+                                <div style="display: inline-block; font-size: 12px; font-family: &quot;Helvetica&quot;; color: light-dark(#000000, #ffffff); line-height: 1.2; pointer-events: all; white-space: normal; word-wrap: normal; ">
+                                    <font style="font-size: 18px" face="Roboto, sans-serif">
+                                        Data
+                                    </font>
+                                </div>
+                            </div>
+                        </div>
+                    </foreignObject>
+                    <text x="300" y="164" fill="light-dark(#000000, #ffffff)" font-family="&quot;Helvetica&quot;" font-size="12px" text-anchor="middle">
+                        Data
+                    </text>
+                </switch>
+            </g>
+        </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>
