The latest articles on DEV Community by karan (@knkrn5). https://dev.to/knkrn5 https://media2.dev.to/dynamic/image/width=90,height=90,fit=cover,gravity=auto,format=auto/https:%2F%2Fdev-to-uploads.s3.amazonaws.com%2Fuploads%2Fuser%2Fprofile_image%2F3941253%2Fbe185b37-f641-4aab-968f-8f1b34c5d025.png https://dev.to/knkrn5 en karan Wed, 20 May 2026 03:04:22 +0000 https://dev.to/knkrn5/a-visual-guide-to-the-osi-model-5ce4 https://dev.to/knkrn5/a-visual-guide-to-the-osi-model-5ce4 <p><a href="https://media2.dev.to/dynamic/image/width=800%2Cheight=%2Cfit=scale-down%2Cgravity=auto%2Cformat=auto/https%3A%2F%2Fdev-to-uploads.s3.amazonaws.com%2Fuploads%2Farticles%2Fe5horcffi2tqw300f4e2.png" class="article-body-image-wrapper"><img src="https://media2.dev.to/dynamic/image/width=800%2Cheight=%2Cfit=scale-down%2Cgravity=auto%2Cformat=auto/https%3A%2F%2Fdev-to-uploads.s3.amazonaws.com%2Fuploads%2Farticles%2Fe5horcffi2tqw300f4e2.png" alt=" " width="800" height="1113"></a></p> <p>I have been building a visual breakdown of the OSI Model and what actually happens when data travels from your browser to a server. 🌐</p> <p>Most explanations stop at “7 layers,” but I wanted to understand the real flow behind the scenes:<br> • How HTTP requests move through the stack<br> • Where ARP, MAC addresses, switches, and routers come into play<br> • How Ethernet frames are created and stripped<br> • How bits become electrical signals, radio waves, or light pulses<br> • What happens at every hop between client and server</p> <p>While studying networking, I realized the OSI model becomes much easier once you connect theory with real packet flow.<br> This diagram helped me visualize:<br> → Encapsulation &amp; decapsulation<br> → Application → Physical layer journey<br> → Local subnet vs gateway communication<br> → Ethernet, Wi-Fi, fiber optics, and routing concepts<br> If you're interested in exploring the full high-quality SVG version (the uploaded image might gets blurry when zoomed), here’s the complete diagram link: <a href="https://github.com/knkrn5/Programming-Concepts/blob/main/computer-networking/network-models/open-systems-interconnection/osi.svg" rel="noopener noreferrer">https://github.com/knkrn5/Programming-Concepts/blob/main/computer-networking/network-models/open-systems-interconnection/osi.svg</a></p> <p>In upcoming posts, I’ll also break down each OSI layer in detail — what it does, how protocols work internally, and how data actually moves across networks. 🚀</p> networking webdev osimodel backend