images/how_django_works.svg

<?xml version="1.0" encoding="UTF-8"?><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" fill-opacity="1" color-rendering="auto" color-interpolation="auto" text-rendering="auto" stroke="black" stroke-linecap="square" width="631" stroke-miterlimit="10" shape-rendering="auto" stroke-opacity="1" fill="black" stroke-dasharray="none" font-weight="normal" stroke-width="1" height="654" font-family="'Dialog'" font-style="normal" stroke-linejoin="miter" font-size="12px" stroke-dashoffset="0" image-rendering="auto">
  <!--Generated by ySVG 2.5-->
  <defs id="genericDefs"/>
  <g>
    <defs id="defs1">
      <linearGradient x1="326" gradientUnits="userSpaceOnUse" x2="406" y1="141" y2="543.75" id="linearGradient1" spreadMethod="reflect">
        <stop stop-opacity="1" stop-color="rgb(232,238,247)" offset="0%"/>
        <stop stop-opacity="1" stop-color="rgb(183,201,227)" offset="100%"/>
      </linearGradient>
      <linearGradient x1="495.9695" gradientUnits="userSpaceOnUse" x2="717.9695" y1="-17.3333" y2="22.6667" id="linearGradient2" spreadMethod="reflect">
        <stop stop-opacity="1" stop-color="rgb(232,238,247)" offset="0%"/>
        <stop stop-opacity="1" stop-color="rgb(183,201,227)" offset="100%"/>
      </linearGradient>
      <linearGradient x1="421.9695" gradientUnits="userSpaceOnUse" x2="786.9695" y1="141" y2="181" id="linearGradient3" spreadMethod="reflect">
        <stop stop-opacity="1" stop-color="rgb(232,238,247)" offset="0%"/>
        <stop stop-opacity="1" stop-color="rgb(183,201,227)" offset="100%"/>
      </linearGradient>
      <linearGradient x1="421.9695" gradientUnits="userSpaceOnUse" x2="786.9695" y1="194" y2="234" id="linearGradient4" spreadMethod="reflect">
        <stop stop-opacity="1" stop-color="rgb(232,238,247)" offset="0%"/>
        <stop stop-opacity="1" stop-color="rgb(183,201,227)" offset="100%"/>
      </linearGradient>
      <linearGradient x1="421.9695" gradientUnits="userSpaceOnUse" x2="786.9695" y1="247" y2="287" id="linearGradient5" spreadMethod="reflect">
        <stop stop-opacity="1" stop-color="rgb(232,238,247)" offset="0%"/>
        <stop stop-opacity="1" stop-color="rgb(183,201,227)" offset="100%"/>
      </linearGradient>
      <linearGradient x1="633.5195" gradientUnits="userSpaceOnUse" x2="786.9695" y1="414.375" y2="454.375" id="linearGradient6" spreadMethod="reflect">
        <stop stop-opacity="1" stop-color="rgb(232,238,247)" offset="0%"/>
        <stop stop-opacity="1" stop-color="rgb(183,201,227)" offset="100%"/>
      </linearGradient>
      <linearGradient x1="421.9695" gradientUnits="userSpaceOnUse" x2="575.4196" y1="490.125" y2="530.125" id="linearGradient7" spreadMethod="reflect">
        <stop stop-opacity="1" stop-color="rgb(232,238,247)" offset="0%"/>
        <stop stop-opacity="1" stop-color="rgb(183,201,227)" offset="100%"/>
      </linearGradient>
      <linearGradient x1="697.9695" gradientUnits="userSpaceOnUse" x2="851.4196" y1="336.375" y2="376.375" id="linearGradient8" spreadMethod="reflect">
        <stop stop-opacity="1" stop-color="rgb(232,238,247)" offset="0%"/>
        <stop stop-opacity="1" stop-color="rgb(183,201,227)" offset="100%"/>
      </linearGradient>
      <linearGradient x1="802.9391" gradientUnits="userSpaceOnUse" x2="926.389" y1="141" y2="181" id="linearGradient9" spreadMethod="reflect">
        <stop stop-opacity="1" stop-color="white" offset="0%"/>
        <stop stop-opacity="1" stop-color="white" offset="100%"/>
      </linearGradient>
      <linearGradient x1="421.9695" gradientUnits="userSpaceOnUse" x2="575.4196" y1="336.375" y2="376.375" id="linearGradient10" spreadMethod="reflect">
        <stop stop-opacity="1" stop-color="rgb(232,238,247)" offset="0%"/>
        <stop stop-opacity="1" stop-color="rgb(183,201,227)" offset="100%"/>
      </linearGradient>
      <clipPath clipPathUnits="userSpaceOnUse" id="clipPath1">
        <path d="M0 0 L631 0 L631 654 L0 654 L0 0 Z"/>
      </clipPath>
      <clipPath clipPathUnits="userSpaceOnUse" id="clipPath2">
        <path d="M311 -95 L942 -95 L942 559 L311 559 L311 -95 Z"/>
      </clipPath>
      <clipPath clipPathUnits="userSpaceOnUse" id="clipPath3">
        <path d="M-158.0251 206.4539 L-158.0251 -424.5461 L495.9749 -424.5461 L495.9749 206.4539 L-158.0251 206.4539 Z"/>
      </clipPath>
      <clipPath clipPathUnits="userSpaceOnUse" id="clipPath4">
        <path d="M215.7526 -385.4852 L215.7526 245.5148 L-438.2474 245.5148 L-438.2474 -385.4852 L215.7526 -385.4852 Z"/>
      </clipPath>
    </defs>
    <g fill="white" text-rendering="geometricPrecision" shape-rendering="geometricPrecision" transform="translate(-311,95)" stroke="white">
      <rect x="311" width="631" height="654" y="-95" clip-path="url(#clipPath2)" stroke="none"/>
    </g>
    <g text-rendering="geometricPrecision" stroke-miterlimit="1.45" shape-rendering="geometricPrecision" transform="matrix(1,0,0,1,-311,95)" stroke-linecap="butt">
      <path fill="none" d="M326 141 L926.389 141 L926.389 543.75 L326 543.75 Z" clip-path="url(#clipPath2)"/>
    </g>
    <g fill="url(#linearGradient1)" text-rendering="geometricPrecision" shape-rendering="geometricPrecision" transform="matrix(1,0,0,1,-311,95)" stroke="url(#linearGradient1)">
      <path d="M326 141 L406 141 L406 543.75 L326 543.75 Z" stroke="none" clip-path="url(#clipPath2)"/>
    </g>
    <g text-rendering="geometricPrecision" stroke-miterlimit="1.45" shape-rendering="geometricPrecision" transform="matrix(1,0,0,1,-311,95)" stroke-linecap="butt">
      <path fill="none" d="M326 141 L406 141 L406 543.75 L326 543.75 Z" clip-path="url(#clipPath2)"/>
      <text x="332.8066" xml:space="preserve" y="346.5293" clip-path="url(#clipPath2)" font-family="sans-serif" stroke="none">settings.py</text>
    </g>
    <g fill="url(#linearGradient2)" text-rendering="geometricPrecision" shape-rendering="geometricPrecision" transform="matrix(1,0,0,1,-311,95)" stroke="url(#linearGradient2)">
      <path d="M495.9695 -17.3333 L717.9695 -17.3333 L717.9695 22.6667 L495.9695 22.6667 Z" stroke="none" clip-path="url(#clipPath2)"/>
    </g>
    <g text-rendering="geometricPrecision" stroke-miterlimit="1.45" shape-rendering="geometricPrecision" transform="matrix(1,0,0,1,-311,95)" stroke-linecap="butt">
      <path fill="none" d="M495.9695 -17.3333 L717.9695 -17.3333 L717.9695 22.6667 L495.9695 22.6667 Z" clip-path="url(#clipPath2)"/>
      <text x="578.0193" font-size="20px" y="9.5905" clip-path="url(#clipPath2)" font-family="sans-serif" stroke="none" xml:space="preserve">Client</text>
    </g>
    <g fill="url(#linearGradient3)" text-rendering="geometricPrecision" shape-rendering="geometricPrecision" transform="matrix(1,0,0,1,-311,95)" stroke="url(#linearGradient3)">
      <path d="M421.9695 141 L786.9695 141 L786.9695 181 L421.9695 181 Z" stroke="none" clip-path="url(#clipPath2)"/>
    </g>
    <g text-rendering="geometricPrecision" stroke-miterlimit="1.45" shape-rendering="geometricPrecision" transform="matrix(1,0,0,1,-311,95)" stroke-linecap="butt">
      <path fill="none" d="M421.9695 141 L786.9695 141 L786.9695 181 L421.9695 181 Z" clip-path="url(#clipPath2)"/>
      <text x="569.908" xml:space="preserve" y="165.1543" clip-path="url(#clipPath2)" font-family="sans-serif" stroke="none">Middleware</text>
    </g>
    <g fill="url(#linearGradient4)" text-rendering="geometricPrecision" shape-rendering="geometricPrecision" transform="matrix(1,0,0,1,-311,95)" stroke="url(#linearGradient4)">
      <path d="M421.9695 194 L786.9695 194 L786.9695 234 L421.9695 234 Z" stroke="none" clip-path="url(#clipPath2)"/>
    </g>
    <g text-rendering="geometricPrecision" stroke-miterlimit="1.45" shape-rendering="geometricPrecision" transform="matrix(1,0,0,1,-311,95)" stroke-linecap="butt">
      <path fill="none" d="M421.9695 194 L786.9695 194 L786.9695 234 L421.9695 234 Z" clip-path="url(#clipPath2)"/>
      <text x="569.908" xml:space="preserve" y="218.1543" clip-path="url(#clipPath2)" font-family="sans-serif" stroke="none">Middleware</text>
    </g>
    <g fill="url(#linearGradient5)" text-rendering="geometricPrecision" shape-rendering="geometricPrecision" transform="matrix(1,0,0,1,-311,95)" stroke="url(#linearGradient5)">
      <path d="M421.9695 247 L786.9695 247 L786.9695 287 L421.9695 287 Z" stroke="none" clip-path="url(#clipPath2)"/>
    </g>
    <g text-rendering="geometricPrecision" stroke-miterlimit="1.45" shape-rendering="geometricPrecision" transform="matrix(1,0,0,1,-311,95)" stroke-linecap="butt">
      <path fill="none" d="M421.9695 247 L786.9695 247 L786.9695 287 L421.9695 287 Z" clip-path="url(#clipPath2)"/>
      <text x="569.908" xml:space="preserve" y="271.1543" clip-path="url(#clipPath2)" font-family="sans-serif" stroke="none">Middleware</text>
    </g>
    <g fill="url(#linearGradient6)" text-rendering="geometricPrecision" shape-rendering="geometricPrecision" transform="matrix(1,0,0,1,-311,95)" stroke="url(#linearGradient6)">
      <path d="M633.5195 414.375 L786.9695 414.375 L786.9695 454.375 L633.5195 454.375 Z" stroke="none" clip-path="url(#clipPath2)"/>
    </g>
    <g text-rendering="geometricPrecision" stroke-miterlimit="1.45" shape-rendering="geometricPrecision" transform="matrix(1,0,0,1,-311,95)" stroke-linecap="butt">
      <path fill="none" d="M633.5195 414.375 L786.9695 414.375 L786.9695 454.375 L633.5195 454.375 Z" clip-path="url(#clipPath2)"/>
      <text x="681.0844" font-size="20px" y="441.2988" clip-path="url(#clipPath2)" font-family="sans-serif" stroke="none" xml:space="preserve">Views</text>
    </g>
    <g fill="url(#linearGradient7)" text-rendering="geometricPrecision" shape-rendering="geometricPrecision" transform="matrix(1,0,0,1,-311,95)" stroke="url(#linearGradient7)">
      <path d="M421.9695 490.125 L575.4196 490.125 L575.4196 530.125 L421.9695 530.125 Z" stroke="none" clip-path="url(#clipPath2)"/>
    </g>
    <g text-rendering="geometricPrecision" stroke-miterlimit="1.45" shape-rendering="geometricPrecision" transform="matrix(1,0,0,1,-311,95)" stroke-linecap="butt">
      <path fill="none" d="M421.9695 490.125 L575.4196 490.125 L575.4196 530.125 L421.9695 530.125 Z" clip-path="url(#clipPath2)"/>
      <text x="437.9182" font-size="20px" y="517.0488" clip-path="url(#clipPath2)" font-family="sans-serif" stroke="none" xml:space="preserve">Models (DB)</text>
    </g>
    <g fill="url(#linearGradient8)" text-rendering="geometricPrecision" shape-rendering="geometricPrecision" transform="matrix(1,0,0,1,-311,95)" stroke="url(#linearGradient8)">
      <path d="M697.9695 336.375 L851.4196 336.375 L851.4196 376.375 L697.9695 376.375 Z" stroke="none" clip-path="url(#clipPath2)"/>
    </g>
    <g text-rendering="geometricPrecision" stroke-miterlimit="1.45" shape-rendering="geometricPrecision" transform="matrix(1,0,0,1,-311,95)" stroke-linecap="butt">
      <path fill="none" d="M697.9695 336.375 L851.4196 336.375 L851.4196 376.375 L697.9695 376.375 Z" clip-path="url(#clipPath2)"/>
      <text x="718.0539" font-size="20px" y="363.2988" clip-path="url(#clipPath2)" font-family="sans-serif" stroke="none" xml:space="preserve">Templating</text>
    </g>
    <g fill="url(#linearGradient9)" text-rendering="geometricPrecision" shape-rendering="geometricPrecision" transform="matrix(1,0,0,1,-311,95)" stroke="url(#linearGradient9)">
      <path d="M802.9391 141 L926.389 141 L926.389 181 L802.9391 181 Z" stroke="none" clip-path="url(#clipPath2)"/>
    </g>
    <g text-rendering="geometricPrecision" stroke-miterlimit="1.45" shape-rendering="geometricPrecision" transform="matrix(1,0,0,1,-311,95)" stroke-linecap="butt">
      <path fill="none" d="M802.9391 141 L926.389 141 L926.389 181 L802.9391 181 Z" clip-path="url(#clipPath2)"/>
      <text x="813.9336" xml:space="preserve" y="165.1543" clip-path="url(#clipPath2)" font-family="sans-serif" stroke="none">Django-Web-App</text>
    </g>
    <g text-rendering="geometricPrecision" stroke-miterlimit="1.45" shape-rendering="geometricPrecision" transform="matrix(1,0,0,1,-311,95)" stroke-linecap="butt">
      <path fill="none" d="M495.9695 52.6667 L520.9695 52.6667 L520.9695 126.6667 L495.9695 126.6667 Z" clip-path="url(#clipPath2)"/>
    </g>
    <g text-rendering="geometricPrecision" stroke-miterlimit="1.45" shape-rendering="geometricPrecision" font-family="sans-serif" transform="matrix(0,1,-1,0,206.4539,158.0251)" stroke-linecap="butt">
      <text x="2" xml:space="preserve" y="13.1387" clip-path="url(#clipPath3)" stroke="none">Request</text>
    </g>
    <g text-rendering="geometricPrecision" stroke-miterlimit="1.45" shape-rendering="geometricPrecision" transform="matrix(1,0,0,1,-311,95)" stroke-linecap="butt">
      <path fill="none" d="M692.9695 52.6667 L717.9695 52.6667 L717.9695 126.6667 L692.9695 126.6667 Z" clip-path="url(#clipPath2)"/>
    </g>
    <g text-rendering="geometricPrecision" stroke-miterlimit="1.45" shape-rendering="geometricPrecision" font-family="sans-serif" transform="matrix(-0,-1,1,-0,385.4852,215.7526)" stroke-linecap="butt">
      <text x="2" xml:space="preserve" y="13.1387" clip-path="url(#clipPath4)" stroke="none">Response</text>
    </g>
    <g fill="url(#linearGradient10)" text-rendering="geometricPrecision" shape-rendering="geometricPrecision" transform="matrix(1,0,0,1,-311,95)" stroke="url(#linearGradient10)">
      <path d="M421.9695 336.375 L575.4196 336.375 L575.4196 376.375 L421.9695 376.375 Z" stroke="none" clip-path="url(#clipPath2)"/>
    </g>
    <g text-rendering="geometricPrecision" stroke-miterlimit="1.45" shape-rendering="geometricPrecision" transform="matrix(1,0,0,1,-311,95)" stroke-linecap="butt">
      <path fill="none" d="M421.9695 336.375 L575.4196 336.375 L575.4196 376.375 L421.9695 376.375 Z" clip-path="url(#clipPath2)"/>
      <text x="479.2756" font-size="20px" y="363.2988" clip-path="url(#clipPath2)" font-family="sans-serif" stroke="none" xml:space="preserve">Urls</text>
    </g>
    <g font-size="20px" stroke-linecap="butt" transform="matrix(1,0,0,1,-311,95)" text-rendering="geometricPrecision" font-family="sans-serif" shape-rendering="geometricPrecision" stroke-miterlimit="1.45">
      <text x="708.2031" xml:space="preserve" y="-30.4095" clip-path="url(#clipPath2)" stroke="none">JS</text>
    </g>
    <g text-rendering="geometricPrecision" stroke-miterlimit="1.45" stroke-dasharray="6,2" shape-rendering="geometricPrecision" transform="matrix(1,0,0,1,-311,95)" stroke-linecap="butt">
      <path fill="none" d="M717.9879 2.665 L722.1472 2.455 L726.2181 1.8337 L730.1473 0.8234 L733.9142 -0.5553 L737.4982 -2.2818 L740.8786 -4.3355 L744.0349 -6.6957 L746.9465 -9.342 L749.5927 -12.2535 L751.953 -15.4098 L754.0067 -18.7903 L755.7332 -22.3743 L757.1119 -26.1412 L758.1222 -30.0704 L758.7435 -34.1413 L758.9551 -38.3333 L758.7435 -42.5253 L758.1222 -46.5963 L757.1119 -50.5255 L755.7332 -54.2924 L754.0067 -57.8764 L751.953 -61.2568 L749.5927 -64.4131 L746.9465 -67.3247 L744.035 -69.9709 L740.8787 -72.3312 L737.4982 -74.3848 L733.9142 -76.1114 L730.1473 -77.4901 L726.2181 -78.5004 L722.1472 -79.1217 L717.9551 -79.3333 L713.7631 -79.1217 L709.6922 -78.5004 L705.763 -77.4901 L701.9961 -76.1114 L698.4121 -74.3849 L695.0317 -72.3312 L691.8754 -69.9709 L688.9637 -67.3247 L686.3176 -64.4132 L683.9573 -61.2568 L681.9036 -57.8764 L680.1771 -54.2924 L678.7984 -50.5255 L677.7881 -46.5963 L677.1668 -42.5254 L676.9551 -38.3333 L677.1668 -34.1413 L677.5841 -31.4069 L677.6207 -31.3138" clip-path="url(#clipPath2)"/>
    </g>
    <g stroke-linecap="butt" transform="matrix(1,0,0,1,-311,95)" fill="white" text-rendering="geometricPrecision" shape-rendering="geometricPrecision" stroke-dasharray="6,2" stroke="white" stroke-miterlimit="1.45">
      <path d="M682.8207 -17.244 L682.9019 -34.3318 L671.6461 -30.1718 Z" stroke="none" clip-path="url(#clipPath2)"/>
      <path fill="none" stroke-dasharray="none" d="M682.8207 -17.244 L682.9019 -34.3318 L671.6461 -30.1718 Z" clip-path="url(#clipPath2)" stroke="black"/>
      <path fill="none" stroke-dasharray="none" d="M685.4706 414.3724 L685.4706 37.691" clip-path="url(#clipPath2)" stroke="black"/>
      <path stroke-dasharray="none" d="M685.4706 22.691 L679.4706 38.691 L691.4706 38.691 Z" clip-path="url(#clipPath2)" stroke="none"/>
      <path fill="none" stroke-dasharray="none" d="M685.4706 22.691 L679.4706 38.691 L691.4706 38.691 Z" clip-path="url(#clipPath2)" stroke="black"/>
      <path fill="none" d="M633.487 446.9258 L574.882 482.3523" clip-path="url(#clipPath2)" stroke="black"/>
      <path d="M562.0451 490.1121 L578.8417 486.9697 L572.6339 476.7002 Z" clip-path="url(#clipPath2)" stroke="none"/>
      <path fill="none" stroke-dasharray="none" d="M562.0451 490.1121 L578.8417 486.9697 L572.6339 476.7002 Z" clip-path="url(#clipPath2)" stroke="black"/>
      <path fill="none" d="M575.4164 510.1065 L661.5831 461.7076" clip-path="url(#clipPath2)" stroke="black"/>
      <path d="M674.6613 454.3618 L657.7729 456.9661 L663.6495 467.4286 Z" clip-path="url(#clipPath2)" stroke="none"/>
      <path fill="none" stroke-dasharray="none" d="M674.6613 454.3618 L657.7729 456.9661 L663.6495 467.4286 Z" clip-path="url(#clipPath2)" stroke="black"/>
      <path fill="none" d="M758.1729 376.3701 L736.3447 402.7875" clip-path="url(#clipPath2)" stroke="black"/>
      <path d="M726.7901 414.3509 L741.6069 405.8385 L732.3563 398.1948 Z" clip-path="url(#clipPath2)" stroke="none"/>
      <path fill="none" stroke-dasharray="none" d="M726.7901 414.3509 L741.6069 405.8385 L732.3563 398.1948 Z" clip-path="url(#clipPath2)" stroke="black"/>
      <path fill="none" stroke-dasharray="none" d="M528.8395 22.6815 L528.8395 321.3672" clip-path="url(#clipPath2)" stroke="black"/>
      <path stroke-dasharray="none" d="M528.8395 336.3672 L534.8395 320.3672 L522.8395 320.3672 Z" clip-path="url(#clipPath2)" stroke="none"/>
      <path fill="none" stroke-dasharray="none" d="M528.8395 336.3672 L534.8395 320.3672 L522.8395 320.3672 Z" clip-path="url(#clipPath2)" stroke="black"/>
      <path fill="none" stroke-dasharray="none" d="M533.2988 376.3892 L620.5464 426.8509" clip-path="url(#clipPath2)" stroke="black"/>
      <path stroke-dasharray="none" d="M633.5311 434.3608 L622.6848 421.1564 L616.6768 431.5441 Z" clip-path="url(#clipPath2)" stroke="none"/>
      <path fill="none" stroke-dasharray="none" d="M633.5311 434.3608 L622.6848 421.1564 L616.6768 431.5441 Z" clip-path="url(#clipPath2)" stroke="black"/>
    </g>
  </g>
</svg>