DevBento logoDevBento
Ferramentas/Editor Online de Diagramas Mermaid/Gerador de Diagrama ER Mermaid Online

Gerador de Diagrama ER Mermaid Online

Crie diagramas ER com sintaxe Mermaid. Defina entidades, atributos, tipos e relacionamentos com notação de cardinalidade. Visualização ao vivo.

Modelos:

Carregando editor...

A visualização do diagrama aparecerá aqui...

Ferramentas Relacionadas
.mdPré-visualização Markdown
Converta Markdown para HTML em tempo real. Com suporte GFM para tabelas, listas de tarefas, blocos de código e texto tachado. Copie a saída HTML com um clique.
</>Formatador de SQL / CSS / HTML
Formaté e minifique consultas SQL, folhas de estilo CSS e markup HTML com realce de sintaxe. Indente, embeleze ou comprima código no seu navegador.
{}Formatador e Validador de JSON
Ferramenta completa para formatar, minificar e validar dados JSON com realce de sintaxe, visualização em árvore interativa e detecção de erros instantânea.
+/-Comparador de Texto Online (Diff Checker)
Compare dois blocos de texto em vista lado a lado ou inline com destaque a nível de caractere. Encontre adições, remoções e alterações instantaneamente.
SVG Viewer & Optimizer
Export diagram as SVG

Sintaxe de Diagrama ER Mermaid

Diagramas entidade-relacionamento mapeiam visualmente esquemas de banco de dados. Cada entidade é uma tabela, cada atributo é uma coluna e as linhas entre entidades mostram como as tabelas se relacionam através de chaves estrangeiras. A sintaxe ER do Mermaid permite definir tudo isso como texto plano e ver o diagrama renderizado atualizar enquanto você digita.

Entidades e Atributos

Defina uma entidade com seus atributos entre chaves:

erDiagram
    USER {
        int id PK
        string email UK
        string name
        string password_hash
        timestamp created_at
    }

Cada linha de atributo tem três partes: tipo nome restrição. A restrição (PK, FK, UK) é opcional.

Relacionamentos

Relacionamentos conectam entidades e especificam cardinalidade:

CUSTOMER ||--o{ ORDER : "places"

Isso significa: um CLIENTE faz zero ou mais PEDIDOS. O rótulo após os dois pontos descreve o verbo da relação.

Símbolos de Cardinalidade

Lado esquerdo Símbolo Significado
Exatamente um `
Zero ou um `o `
Um ou mais `} `
Zero ou mais }o Opcional, qualquer número

A linha de relação é -- entre os dois lados. Então ||--o{ significa “exatamente um à esquerda, zero ou mais à direita.”

Padrões Comuns

Relação Sintaxe Exemplo
Um para muitos `
Muitos para um `}o–
Um para um `
Muitos para muitos (via junção) Dois `

Padrões de Modelagem

Um para muitos (o mais comum)

erDiagram
    AUTHOR ||--o{ BOOK : writes
    AUTHOR {
        int id PK
        string name
    }
    BOOK {
        int id PK
        int author_id FK
        string title
        daté published
    }

Auto-referência

erDiagram
    EMPLOYEE ||--o{ EMPLOYEE : "manages"
    EMPLOYEE {
        int id PK
        int manager_id FK
        string name
        string role
    }

Muitos para muitos via junção

erDiagram
    STUDENT }o--|| ENROLLMENT : enrolls
    ENROLLMENT ||--o{ COURSE : "enrolled in"
    STUDENT {
        int id PK
        string name
    }
    ENROLLMENT {
        int id PK
        int student_id FK
        int course_id FK
        daté enrolled_at
        string grade
    }
    COURSE {
        int id PK
        string title
        int credits
    }

Sempre modele muitos-para-muitos como duas relações um-para-muitos através de uma tabela de junção explícita. Isso corresponde ao esquema real do banco de dados e permite adicionar atributos à junção (enrolled_at, grade, etc.).

Dicas para Diagramas ER Legíveis

Mantenha nomes de entidade em maiúsculas e singular (USER, não users). Use rótulos de relação curtos e descritivos. Coloque a entidade “pai” no lado esquerdo da relação (a que tem ||). Para esquemas grandes, divida o diagrama em seções específicas de domínio em vez de comprimir tudo em um diagrama.

Para documentar interações de API com essas entidades, tente o Diagrama de Sequência Mermaid. Para fluxos de processador que operam sobre esses dados, use o Fluxograma Mermaid.

🔒

Nothing you paste leaves this tab. Every tool runs entirely in your browser — no upload, no server, no account.

© 2026 devbento.dev · construído localmenteChangelog