Visualizador de Diagramas de Rede

Esta página demonstra como visualizar diagramas de rede usando Mermaid.js. Você pode visualizar diferentes exemplos de arquiteturas de rede selecionando as abas abaixo.

Arquitetura Híbrida
Rede em Estrela
Rede com Firewall

📊 Arquitetura Híbrida

Diagrama mostrando acesso remoto via RustDesk a um jump host com conexões SSH internas.

graph LR Internet -->|RustDesk| A[Jump Host] A -->|SSH Interno| B[Servidor 1] A -->|SSH Interno| C[Servidor 2] A -->|SSH Interno| D[Servidor 3] style Internet fill:#ffcccc style A fill:#ccffcc style B fill:#e6f3ff style C fill:#e6f3ff style D fill:#e6f3ff
Código Mermaid
graph LR
    Internet -->|RustDesk| A[Jump Host]
    A -->|SSH Interno| B[Servidor 1]
    A -->|SSH Interno| C[Servidor 2]
    A -->|SSH Interno| D[Servidor 3]
    
    style Internet fill:#ffcccc
    style A fill:#ccffcc
    style B fill:#e6f3ff
    style C fill:#e6f3ff
    style D fill:#e6f3ff

📊 Rede em Estrela

Diagrama mostrando uma topologia em estrela com um servidor central gerenciando as conexões.

graph TD Central[Servidor Central] -->|Conexão| A[Computador 1] Central -->|Conexão| B[Computador 2] Central -->|Conexão| C[Computador 3] Central -->|Conexão| D[Computador 4] Central -->|Conexão| E[Computador 5] style Central fill:#ffcc99 style A fill:#ccffcc style B fill:#ccffcc style C fill:#ccffcc style D fill:#ccffcc style E fill:#ccffcc
Código Mermaid
graph TD
    Central[Servidor Central] -->|Conexão| A[Computador 1]
    Central -->|Conexão| B[Computador 2]
    Central -->|Conexão| C[Computador 3]
    Central -->|Conexão| D[Computador 4]
    Central -->|Conexão| E[Computador 5]
    
    style Central fill:#ffcc99
    style A fill:#ccffcc
    style B fill:#ccffcc
    style C fill:#ccffcc
    style D fill:#ccffcc
    style E fill:#ccffcc

📊 Rede com Firewall

Diagrama mostrando uma rede com firewall protegendo os servidores internos.

graph LR Internet -->|Tráfego| F[Firewall] F -->|Tráfego Permitido| R[Roteador] R --> S1[Servidor Web] R --> S2[Servidor BD] R --> S3[Servidor App] style Internet fill:#ffcccc style F fill:#ff9999 style R fill:#99ccff style S1 fill:#ccffcc style S2 fill:#ccffcc style S3 fill:#ccffcc
Código Mermaid
graph LR
    Internet -->|Tráfego| F[Firewall]
    F -->|Tráfego Permitido| R[Roteador]
    R --> S1[Servidor Web]
    R --> S2[Servidor BD]
    R --> S3[Servidor App]
    
    style Internet fill:#ffcccc
    style F fill:#ff9999
    style R fill:#99ccff
    style S1 fill:#ccffcc
    style S2 fill:#ccffcc
    style S3 fill:#ccffcc
Documentação do Mermaid.js