docs/assets/sliding-window-counter.svg

<?xml version="1.0" encoding="UTF-8"?>
<!-- Do not edit this file with editors other than diagrams.net -->
<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd">
<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" version="1.1" width="521px" height="232px" viewBox="-0.5 -0.5 521 232" content="&lt;mxfile host=&quot;drawio-plugin&quot; modified=&quot;2023-04-16T11:54:40.666Z&quot; agent=&quot;5.0 (Macintosh; Intel Mac OS X 10_15_7) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/104.0.5112.102 Safari/537.36&quot; etag=&quot;LO4WKpfO04lXblhTrbuA&quot; version=&quot;20.5.3&quot; type=&quot;embed&quot;&gt;&lt;diagram id=&quot;23iRSUPoRavnBvh4doch&quot; name=&quot;Page-1&quot;&gt;7Vpbb+I4FP41SLsvKHYuhMeWDrMvs6rah515dBMD1oS4k5hC99fvsWNDEpuWYRKaFQNSFJ/4En/fufkoI3+23n0uyPPqC09pNsJeuhv5dyOMJ5EHVyl4rQShN60Ey4KllQgdBI/sX6qFetxyw1JaNjoKzjPBnpvChOc5TURDRoqCb5vdFjxrrvpMltQSPCYks6X/sFSsKmmMJwf5X5QtV2ZlFOn9rYnprHdSrkjKtzWR/2nkzwrORXW33s1oJrEzuFTj5kee7l+soLk4ZQAOqhEvJNvozekXE69mtwXf5CmVA7yRf7tdMUEfn0kin26BXpCtxDqDFoLblJQr1Vc2SlHw73TGM16AJOc5jLld8FxoShHWbdNlhP3gTv6lnGVZTT5XP5DbW9S7fqGFoLuaSG/5M+VrKopX6GKeBhp+rX/Y1+3tgc3QULSqMbnvSLQGLfdzH0CGG43zEcw7hrwFVBrSOA0s9OFJjJ/8KOoIwqgJoR/aEOLAAWHUAYJ+vwguFgucJC4E0+gpCjtCMPA+EEHb7B9oQtkLIIa9e5J8p6IcSQuYw/VvuoXrrHKmjOelhTZsWTQhdZt+DWctIhlb5tBMAEgK8lsJIANXe6MfrFmaymWcHDZZbnmSSP0+WN27cBjhb7IuY1ldkBVZZIXmdQbJgQnFgWnrl3SkEr9uNfEFiYgtIvDVEmFZxCWJmFpEyLzvBl5JXf4/jFwotgTYJidycIM74Aaht8ix06qrIyeMP5AcO8+tW874Nz2HkoBxbA56Jn3RY+dlFiE0T29kwUEim5GyZNWxghTCFtdYOw/PimtTkcCuA8z+dH0Ue5o2ah828vUzsgNZIytoRgTkqI3JXXDrFe45gzc5Tqw3HcfNSUq+KRKqx9VrHK2pgvDdqYCQJRXWVEoD9ls/TSns/A9JlaAJz1OFXi4LPsM3XFOaMWmII2d/X5nON2Q8dWQofl+WPLFIq45RD/THhpZSl4i81Lwvkt43yiRpTwXcLeXdAxEw/AZ6/qGSftgc5Jzj+E91OgOYPJWCemoJL5L3858/nwHyt+o/XIVoVAE70I6glSJhx4kOxQ7tCLrQDvsk8Zaf1zRcxsk7tWNPA90x8VX2Gnse1u1vcr0xQqZ9t9MvoBqvtcY9LRiAJXVIydSO5iwz7w971i01IgdYv6rJcWja3/ZdoXFYSbXMUkfVo/Lv+7xHySpH3bTaoUQs3AozaDqeTGu/8MzwNTniGXsIXvh9Tf+5wuqJSs1hBibkBpHXdh+t4qynfj1lj4Ej6LiOxXEXbsU+F5/gVhrQWCGi7haaRFlOotLJIz7+LWfi1RwJetOJnGTZ00EZMWrniu0CyKlWe7Rg3L3VGr9z5YpknNdANKntWwJ0piZhOK6EuBVa+gsBtjLVs15LsYZ3cOm54uC3wvElC0LYrtZdi6UPxKqj1pcDQfuAcapVtyfqMz6ckNUNUWvQr2vNgONDuyp1dnywyls9Bgf7s4F2SeTqw0McNNnoLzxA8/ChWMXm4Ws7/9N/&lt;/diagram&gt;&lt;/mxfile&gt;"><defs/><g><rect x="0" y="0" width="520" height="230" fill="#ffffff" stroke="none" pointer-events="all"/><rect x="20" y="120" width="240" height="60" fill="#d5e8d4" stroke="#82b366" pointer-events="all"/><rect x="260" y="120" width="240" height="60" fill="#fff2cc" stroke="#d6b656" pointer-events="all"/><rect x="20" y="120" width="240" height="30" fill="none" stroke="none" pointer-events="all"/><g transform="translate(-0.5 -0.5)"><switch><foreignObject pointer-events="none" width="100%" height="100%" requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility" style="overflow: visible; text-align: left;"><div xmlns="http://www.w3.org/1999/xhtml" style="display: flex; align-items: unsafe center; justify-content: unsafe center; width: 238px; height: 1px; padding-top: 135px; margin-left: 21px;"><div data-drawio-colors="color: #666666; " style="box-sizing: border-box; font-size: 0px; text-align: center;"><div style="display: inline-block; font-size: 12px; font-family: Helvetica; color: rgb(102, 102, 102); line-height: 1.2; pointer-events: all; white-space: normal; overflow-wrap: normal;">Received Packets / New Connections</div></div></div></foreignObject><text x="140" y="139" fill="#666666" font-family="Helvetica" font-size="12px" text-anchor="middle">Received Packets / New Connections</text></switch></g><rect x="260" y="120" width="240" height="30" fill="none" stroke="none" pointer-events="all"/><g transform="translate(-0.5 -0.5)"><switch><foreignObject pointer-events="none" width="100%" height="100%" requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility" style="overflow: visible; text-align: left;"><div xmlns="http://www.w3.org/1999/xhtml" style="display: flex; align-items: unsafe center; justify-content: unsafe center; width: 238px; height: 1px; padding-top: 135px; margin-left: 261px;"><div data-drawio-colors="color: #666666; " style="box-sizing: border-box; font-size: 0px; text-align: center;"><div style="display: inline-block; font-size: 12px; font-family: Helvetica; color: rgb(102, 102, 102); line-height: 1.2; pointer-events: all; white-space: normal; overflow-wrap: normal;">Received Packets / New Connections</div></div></div></foreignObject><text x="380" y="139" fill="#666666" font-family="Helvetica" font-size="12px" text-anchor="middle">Received Packets / New Connections</text></switch></g><rect x="20" y="150" width="240" height="30" fill="none" stroke="none" pointer-events="all"/><g transform="translate(-0.5 -0.5)"><switch><foreignObject pointer-events="none" width="100%" height="100%" requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility" style="overflow: visible; text-align: left;"><div xmlns="http://www.w3.org/1999/xhtml" style="display: flex; align-items: unsafe center; justify-content: unsafe center; width: 238px; height: 1px; padding-top: 165px; margin-left: 21px;"><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: 14px; font-family: Helvetica; color: rgb(0, 0, 0); line-height: 1.2; pointer-events: all; font-weight: bold; white-space: normal; overflow-wrap: normal;">500</div></div></div></foreignObject><text x="140" y="169" fill="rgb(0, 0, 0)" font-family="Helvetica" font-size="14px" text-anchor="middle" font-weight="bold">500</text></switch></g><rect x="260" y="150" width="240" height="30" fill="none" stroke="none" pointer-events="all"/><g transform="translate(-0.5 -0.5)"><switch><foreignObject pointer-events="none" width="100%" height="100%" requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility" style="overflow: visible; text-align: left;"><div xmlns="http://www.w3.org/1999/xhtml" style="display: flex; align-items: unsafe center; justify-content: unsafe center; width: 238px; height: 1px; padding-top: 165px; margin-left: 261px;"><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: 14px; font-family: Helvetica; color: rgb(0, 0, 0); line-height: 1.2; pointer-events: all; font-weight: bold; white-space: normal; overflow-wrap: normal;">200</div></div></div></foreignObject><text x="380" y="169" fill="rgb(0, 0, 0)" font-family="Helvetica" font-size="14px" text-anchor="middle" font-weight="bold">200</text></switch></g><rect x="20" y="190" width="60" height="20" fill="none" stroke="none" pointer-events="all"/><g transform="translate(-0.5 -0.5)"><switch><foreignObject pointer-events="none" width="100%" height="100%" requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility" style="overflow: visible; text-align: left;"><div xmlns="http://www.w3.org/1999/xhtml" style="display: flex; align-items: unsafe center; justify-content: unsafe center; width: 58px; height: 1px; padding-top: 200px; margin-left: 21px;"><div data-drawio-colors="color: #666666; " style="box-sizing: border-box; font-size: 0px; text-align: center;"><div style="display: inline-block; font-size: 14px; font-family: Helvetica; color: rgb(102, 102, 102); line-height: 1.2; pointer-events: all; white-space: normal; overflow-wrap: normal;">12:00:00</div></div></div></foreignObject><text x="50" y="204" fill="#666666" font-family="Helvetica" font-size="14px" text-anchor="middle">12:00:00</text></switch></g><rect x="440" y="190" width="60" height="20" fill="none" stroke="none" pointer-events="all"/><g transform="translate(-0.5 -0.5)"><switch><foreignObject pointer-events="none" width="100%" height="100%" requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility" style="overflow: visible; text-align: left;"><div xmlns="http://www.w3.org/1999/xhtml" style="display: flex; align-items: unsafe center; justify-content: unsafe center; width: 58px; height: 1px; padding-top: 200px; margin-left: 441px;"><div data-drawio-colors="color: #666666; " style="box-sizing: border-box; font-size: 0px; text-align: center;"><div style="display: inline-block; font-size: 14px; font-family: Helvetica; color: rgb(102, 102, 102); line-height: 1.2; pointer-events: all; white-space: normal; overflow-wrap: normal;">12:00:02</div></div></div></foreignObject><text x="470" y="204" fill="#666666" font-family="Helvetica" font-size="14px" text-anchor="middle">12:00:02</text></switch></g><rect x="70" y="90" width="70" height="20" fill="none" stroke="none" pointer-events="all"/><g transform="translate(-0.5 -0.5)"><switch><foreignObject pointer-events="none" width="100%" height="100%" requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility" style="overflow: visible; text-align: left;"><div xmlns="http://www.w3.org/1999/xhtml" style="display: flex; align-items: unsafe center; justify-content: unsafe center; width: 68px; height: 1px; padding-top: 100px; margin-left: 71px;"><div data-drawio-colors="color: #666666; " style="box-sizing: border-box; font-size: 0px; text-align: center;"><div style="display: inline-block; font-size: 14px; font-family: Helvetica; color: rgb(102, 102, 102); line-height: 1.2; pointer-events: all; white-space: normal; overflow-wrap: normal;">12:00:00.2</div></div></div></foreignObject><text x="105" y="104" fill="#666666" font-family="Helvetica" font-size="14px" text-anchor="middle">12:00:00.2</text></switch></g><path d="M 78.24 79.8 L 301.76 79.8" fill="none" stroke="#4d4d4d" stroke-width="2" stroke-miterlimit="10" pointer-events="stroke"/><path d="M 72.24 79.8 L 80.24 75.8 L 78.24 79.8 L 80.24 83.8 Z" fill="#4d4d4d" stroke="#4d4d4d" stroke-width="2" stroke-miterlimit="10" pointer-events="all"/><path d="M 307.76 79.8 L 299.76 83.8 L 301.76 79.8 L 299.76 75.8 Z" fill="#4d4d4d" stroke="#4d4d4d" stroke-width="2" stroke-miterlimit="10" pointer-events="all"/><rect x="70" y="60" width="230" height="20" fill="none" stroke="none" pointer-events="all"/><g transform="translate(-0.5 -0.5)"><switch><foreignObject pointer-events="none" width="100%" height="100%" requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility" style="overflow: visible; text-align: left;"><div xmlns="http://www.w3.org/1999/xhtml" style="display: flex; align-items: unsafe center; justify-content: unsafe center; width: 228px; height: 1px; padding-top: 70px; margin-left: 71px;"><div data-drawio-colors="color: #4D4D4D; " style="box-sizing: border-box; font-size: 0px; text-align: center;"><div style="display: inline-block; font-size: 12px; font-family: Helvetica; color: rgb(77, 77, 77); line-height: 1.2; pointer-events: all; white-space: normal; overflow-wrap: normal;">1 second window</div></div></div></foreignObject><text x="185" y="74" fill="#4D4D4D" font-family="Helvetica" font-size="12px" text-anchor="middle">1 second window</text></switch></g><rect x="320" y="20" width="180" height="40" fill="none" stroke="#b3b3b3" 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: 178px; height: 1px; padding-top: 40px; margin-left: 321px;"><div data-drawio-colors="color: #4D4D4D; " style="box-sizing: border-box; font-size: 0px; text-align: center;"><div style="display: inline-block; font-size: 12px; font-family: Helvetica; color: rgb(77, 77, 77); line-height: 1.2; pointer-events: all; white-space: normal; overflow-wrap: normal;">New Request at 12:00:01.2<br />Rate: (500 x 0.8) + 200 = 600/s</div></div></div></foreignObject><text x="410" y="44" fill="#4D4D4D" font-family="Helvetica" font-size="12px" text-anchor="middle">New Request at 12:00:01.2...</text></switch></g><path d="M 314.8 114.28 L 365 60" fill="none" stroke="#4d4d4d" stroke-miterlimit="10" pointer-events="stroke"/><path d="M 311.24 118.14 L 313.42 110.62 L 314.8 114.28 L 318.56 115.38 Z" fill="#4d4d4d" stroke="#4d4d4d" stroke-miterlimit="10" pointer-events="all"/><rect x="70" y="110" width="240" height="80" fill-opacity="0.1" fill="#000000" stroke="rgb(0, 0, 0)" stroke-opacity="0.1" stroke-dasharray="3 3" pointer-events="all"/><path d="M 20 210 L 20 120" fill="none" stroke="#999999" stroke-miterlimit="10" stroke-dasharray="3 3" pointer-events="stroke"/><path d="M 70 190 L 69.52 80" fill="none" stroke="#999999" stroke-miterlimit="10" stroke-dasharray="3 3" pointer-events="stroke"/><rect x="230" y="190" width="60" height="20" fill="none" stroke="none" pointer-events="all"/><g transform="translate(-0.5 -0.5)"><switch><foreignObject pointer-events="none" width="100%" height="100%" requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility" style="overflow: visible; text-align: left;"><div xmlns="http://www.w3.org/1999/xhtml" style="display: flex; align-items: unsafe center; justify-content: unsafe center; width: 58px; height: 1px; padding-top: 200px; margin-left: 231px;"><div data-drawio-colors="color: #666666; " style="box-sizing: border-box; font-size: 0px; text-align: center;"><div style="display: inline-block; font-size: 14px; font-family: Helvetica; color: rgb(102, 102, 102); line-height: 1.2; pointer-events: all; white-space: normal; overflow-wrap: normal;">12:00:01</div></div></div></foreignObject><text x="260" y="204" fill="#666666" font-family="Helvetica" font-size="14px" text-anchor="middle">12:00:01</text></switch></g><path d="M 500 210 L 500 120" fill="none" stroke="#999999" stroke-miterlimit="10" stroke-dasharray="3 3" pointer-events="stroke"/><path d="M 310 190 L 310 80" fill="none" stroke="#999999" stroke-miterlimit="10" stroke-dasharray="3 3" pointer-events="stroke"/><rect x="244" y="90" width="60" height="20" fill="none" stroke="none" pointer-events="all"/><g transform="translate(-0.5 -0.5)"><switch><foreignObject pointer-events="none" width="100%" height="100%" requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility" style="overflow: visible; text-align: left;"><div xmlns="http://www.w3.org/1999/xhtml" style="display: flex; align-items: unsafe center; justify-content: unsafe center; width: 58px; height: 1px; padding-top: 100px; margin-left: 245px;"><div data-drawio-colors="color: #666666; " style="box-sizing: border-box; font-size: 0px; text-align: center;"><div style="display: inline-block; font-size: 14px; font-family: Helvetica; color: rgb(102, 102, 102); line-height: 1.2; pointer-events: all; white-space: normal; overflow-wrap: normal;">12:00:01.2</div></div></div></foreignObject><text x="274" y="104" fill="#666666" font-family="Helvetica" font-size="14px" text-anchor="middle">12:00:01...</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>