|
| 1 | +--- |
| 2 | +layout: slide |
| 3 | +title: How Mesh Networks Work |
| 4 | +--- |
| 5 | + |
| 6 | +## How Mesh Networks Work |
| 7 | + |
| 8 | +<div style="text-align: center;"> |
| 9 | + <svg width="600" height="400" viewBox="0 0 600 400" xmlns="http://www.w3.org/2000/svg"> |
| 10 | + <!-- Nodes --> |
| 11 | + <circle cx="100" cy="200" r="30" fill="#2a76dd" opacity="0.8"/> |
| 12 | + <text x="100" y="208" text-anchor="middle" fill="white" font-size="14" font-weight="bold">Node 1</text> |
| 13 | + |
| 14 | + <circle cx="250" cy="100" r="30" fill="#2a76dd" opacity="0.8"/> |
| 15 | + <text x="250" y="108" text-anchor="middle" fill="white" font-size="14" font-weight="bold">Node 2</text> |
| 16 | + |
| 17 | + <circle cx="250" cy="300" r="30" fill="#2a76dd" opacity="0.8"/> |
| 18 | + <text x="250" y="308" text-anchor="middle" fill="white" font-size="14" font-weight="bold">Node 3</text> |
| 19 | + |
| 20 | + <circle cx="400" cy="150" r="30" fill="#2a76dd" opacity="0.8"/> |
| 21 | + <text x="400" y="158" text-anchor="middle" fill="white" font-size="14" font-weight="bold">Node 4</text> |
| 22 | + |
| 23 | + <circle cx="400" cy="250" r="30" fill="#2a76dd" opacity="0.8"/> |
| 24 | + <text x="400" y="258" text-anchor="middle" fill="white" font-size="14" font-weight="bold">Node 5</text> |
| 25 | + |
| 26 | + <circle cx="500" cy="200" r="30" fill="#2a76dd" opacity="0.8"/> |
| 27 | + <text x="500" y="208" text-anchor="middle" fill="white" font-size="14" font-weight="bold">Node 6</text> |
| 28 | + |
| 29 | + <!-- Connections --> |
| 30 | + <line x1="130" y1="200" x2="220" y2="120" stroke="#2a76dd" stroke-width="2" opacity="0.5"/> |
| 31 | + <line x1="130" y1="200" x2="220" y2="280" stroke="#2a76dd" stroke-width="2" opacity="0.5"/> |
| 32 | + <line x1="250" y1="130" x2="250" y2="270" stroke="#2a76dd" stroke-width="2" opacity="0.5"/> |
| 33 | + <line x1="280" y1="110" x2="370" y2="145" stroke="#2a76dd" stroke-width="2" opacity="0.5"/> |
| 34 | + <line x1="280" y1="290" x2="370" y2="255" stroke="#2a76dd" stroke-width="2" opacity="0.5"/> |
| 35 | + <line x1="400" y1="180" x2="400" y2="220" stroke="#2a76dd" stroke-width="2" opacity="0.5"/> |
| 36 | + <line x1="430" y1="160" x2="470" y2="190" stroke="#2a76dd" stroke-width="2" opacity="0.5"/> |
| 37 | + <line x1="430" y1="240" x2="470" y2="210" stroke="#2a76dd" stroke-width="2" opacity="0.5"/> |
| 38 | + </svg> |
| 39 | +</div> |
| 40 | + |
| 41 | +Messages hop from device to device until they reach their destination |
| 42 | +{: .small style="text-align: center; margin-top: 1em;"} |
0 commit comments