graph TD
A[Client] -->|request| B[Load Balancer]
B -->|forward| C[Server 1]
B -->|forward| D[Server 2]
C -->|response| B
D -->|response| B
B -->|aggregate| A
classDef default fill:#e1e8ef,stroke:#7C9CBF,stroke-width:2px;
classDef highlight fill:#d1fae5,stroke:#059669,stroke-width:2px;
class A,B highlight
graph TD
A[Network Topologies]
A --> B[Bus]
A --> C[Star]
A --> D[Ring]
A --> E[Mesh]
A --> F[Tree]
A --> G[Hybrid]
B --> B1[Single cable backbone]
C --> C1[Central hub/switch]
D --> D1[Circular connection]
E --> E1[Each node connected to every other node]
F --> F1[Hierarchical arrangement]
G --> G1[Combination of different topologies]
graph LR
A[Internet] -->|traffic| B{Load Balancer}
B -->|route| C[Server 1]
B -->|route| D[Server 2]
B -->|route| E[Server 3]
classDef default fill:#2A2D3E,stroke:#00ff00,stroke-width:2px,color:#fff;
classDef internet fill:#1E1E3F,stroke:#00ffff,stroke-width:3px,color:#00ffff;
classDef loadbal fill:#2D1E4F,stroke:#ff00ff,stroke-width:2px,color:#ff00ff;
classDef servers fill:#3E1E3F,stroke:#ff3366,stroke-width:2px,color:#ff3366;
class A internet
class B loadbal
class C,D,E servers
linkStyle default stroke:#00ffff,stroke-width:2px;
graph TD
A[Network Topologies] -->|types| B[Bus]
A -->|types| C[Star]
A -->|types| D[Ring]
A -->|types| E[Mesh]
A -->|types| F[Tree]
A -->|types| G[Hybrid]
B -->|structure| B1[Single cable backbone]
C -->|structure| C1[Central hub/switch]
D -->|structure| D1[Circular connection]
E -->|structure| E1[Each node connected to every other node]
F -->|structure| F1[Hierarchical arrangement]
G -->|structure| G1[Combination of different topologies]
classDef default fill:#f0f4f8,stroke:#5b6abf,stroke-width:2px,color:#2d3748;
classDef mainNode fill:#e6fffa,stroke:#38b2ac,stroke-width:3px,color:#234e52;
classDef subNode fill:#f3ebff,stroke:#805ad5,stroke-width:2px,color:#44337a;
classDef leafNode fill:#fff5f7,stroke:#d53f8c,stroke-width:2px,color:#702459;
class A mainNode
class B,C,D,E,F,G subNode
class B1,C1,D1,E1,F1,G1 leafNode
linkStyle default stroke:#5b6abf,stroke-width:2px;
graph TD
A[Network Topologies] -->|types| B[Bus]
A -->|types| C[Star]
A -->|types| D[Ring]
A -->|types| E[Mesh]
A -->|types| F[Tree]
A -->|types| G[Hybrid]
B -->|structure| B1[Single cable backbone]
C -->|structure| C1[Central hub/switch]
D -->|structure| D1[Circular connection]
E -->|structure| E1[Each node connected to every other node]
F -->|structure| F1[Hierarchical arrangement]
G -->|structure| G1[Combination of different topologies]
classDef default fill:#f0f4f8,stroke:#5b6abf,stroke-width:2px,color:#2d3748;
classDef mainNode fill:#e6fffa,stroke:#38b2ac,stroke-width:3px,color:#234e52;
classDef subNode fill:#f3ebff,stroke:#805ad5,stroke-width:2px,color:#44337a;
classDef leafNode fill:#fff5f7,stroke:#d53f8c,stroke-width:2px,color:#702459;
class A mainNode
class B,C,D,E,F,G subNode
class B1,C1,D1,E1,F1,G1 leafNode
linkStyle default stroke:#5b6abf,stroke-width:2px;Network System Design
Introduction to Networks
A computer network is a collection of interconnected computing devices that can share resources and communicate with each other using a set of rules called protocols. Modern networks form the backbone of digital communication, enabling everything from simple file sharing between two computers to complex global systems like the internet.
graph TD
A[Network Topologies] -->|types| B[Bus]
A -->|types| C[Star]
A -->|types| D[Ring]
A -->|types| E[Mesh]
A -->|types| F[Tree]
A -->|types| G[Hybrid]
B -->|structure| B1[Single cable backbone]
C -->|structure| C1[Central hub/switch]
D -->|structure| D1[Circular connection]
E -->|structure| E1[Each node connected to every other node]
F -->|structure| F1[Hierarchical arrangement]
G -->|structure| G1[Combination of different topologies]
classDef default fill:#f0f4f8,stroke:#5b6abf,stroke-width:2px,color:#2d3748;
classDef mainNode fill:#e6fffa,stroke:#38b2ac,stroke-width:3px,color:#234e52;
classDef subNode fill:#f3ebff,stroke:#805ad5,stroke-width:2px,color:#44337a;
classDef leafNode fill:#fff5f7,stroke:#d53f8c,stroke-width:2px,color:#702459;
class A mainNode
class B,C,D,E,F,G subNode
class B1,C1,D1,E1,F1,G1 leafNode
linkStyle default stroke:#5b6abf,stroke-width:2px;
