Criador de diagramas ERD

Definir entidades

Os nomes de entidades, campos e relações permanecem neste navegador. No fluxo, este separador guarda o projeto no armazenamento de sessão até 30 minutos. Nunca entra no Livewire nem no URL.

Definir entidades e campos

Comece com um modelo ou construa um modelo compacto. Os nomes de entidades e campos usam letras, números e sublinhados para que o Mermaid gerado se mantenha portátil.

Com este editor, você modela um diagrama entidade-relacionamento em campos estruturados, em vez de escrever uma definição de texto livre: entidades, nomes e tipos de campos, papéis visuais de PK e FK, relacionamentos e cardinalidades. Comece com o modelo de loja, blog ou um projeto vazio. A partir desses dados, a ferramenta gera código Mermaid e um diagrama que você pode exportar localmente como SVG ou PNG. Seu projeto fica apenas no sessionStorage desta aba por até 30 minutos e não passa por URL, Livewire nem por um servidor.

Como criar um diagrama ERD

  1. 1

    Comece com um modelo ou do zero

    Escolha loja, blog ou um projeto vazio. Os modelos são apenas pontos de partida e podem ser alterados por completo.

  2. 2

    Defina entidades e campos

    Crie até 12 entidades com, no máximo, 20 campos cada uma. Informe nome e tipo de cada campo e marque o papel PK ou FK quando necessário.

  3. 3

    Adicione relacionamentos e cardinalidades

    Conecte as entidades pertinentes e escolha a cardinalidade. O diagrama e o código Mermaid são gerados a partir dessa estrutura.

  4. 4

    Copie ou exporte localmente

    Copie Mermaid ou exporte o diagrama como SVG ou PNG. Para retomar o trabalho depois, exporte o projeto para JSON e importe-o localmente.

O que você pode modelar no editor

Elemento Limite ou função
Entidades Até 12 por projeto
Campos Até 20 por entidade, com nome e tipo
Papéis de chave PK e FK são indicadas visualmente no diagrama
Relacionamentos Conexões entre entidades com cardinalidades
Ponto de partida Modelos de loja e blog, ou um projeto vazio

As entradas são campos estruturados do formulário. O editor não é um analisador de DBML ou SQL e não importa esquemas de banco de dados nesses formatos.

Como fica a exportação Mermaid

O editor gera código Mermaid no formato erDiagram a partir das suas entidades e relacionamentos. Um resultado simplificado pode ficar assim:

erDiagram
  CUSTOMER ||--o{ ORDER : places
  CUSTOMER {
    int id PK
    string email
  }
  ORDER {
    int id PK
    int customer_id FK
  }

Você não edita esse código diretamente. Em vez disso, altere entidades, campos e relacionamentos no editor e copie o Mermaid gerado quando quiser incluí-lo em documentação ou Markdown.

Fluxo prático para um modelo pequeno

  1. Comece pelo modelo mais próximo do seu caso ou por um projeto vazio.
  2. Dê às entidades o nome das coisas que o sistema armazena, como cliente, pedido ou artigo.
  3. Adicione campos com tipos úteis e marque as chaves primárias e estrangeiras onde elas tiverem papel no modelo.
  4. Crie cada relacionamento com a respectiva cardinalidade e verifique o diagrama resultante.
  5. Copie Mermaid para a documentação ou exporte SVG e PNG para uma apresentação.

Exportação e conservação local

  • Mermaid: código erDiagram copiável para renderizadores Markdown compatíveis.
  • SVG: gráfico vetorial escalável para documentação e ferramentas de design.
  • PNG: imagem para slides e outros destinos rasterizados.
  • JSON: exportação local do projeto para importar depois neste editor.

O projeto em andamento vive apenas no sessionStorage da aba atual e expira em até 30 minutos. Se quiser guardá-lo fora dessa aba, exporte-o explicitamente como JSON.

Limites que vale considerar

O editor é voltado a modelos compactos. Ele não aceita entrada de SQL ou DBML, não gera SQL e não permite arrastar nem reordenar nós. O layout do diagrama é calculado automaticamente a partir da estrutura. Para um banco de dados grande, é mais claro criar um projeto para cada área ou contexto.

Perguntas frequentes

Não. O editor trabalha com entidades, campos e relacionamentos estruturados e não analisa DBML nem SQL. Ele só pode importar um arquivo JSON que tenha sido exportado antes localmente deste mesmo editor.

Não. O layout é calculado automaticamente pela estrutura do modelo. Você pode alterar entidades, campos, relacionamentos e cardinalidades, mas não arrastar ou ordenar nós manualmente.

Não. O conteúdo do projeto fica exclusivamente no sessionStorage desta aba por até 30 minutos. Ele não é enviado para URL, Livewire nem para um servidor. Exportações e importações JSON acontecem localmente no navegador.

Um projeto pode conter até 12 entidades, com até 20 campos por entidade. O limite ajuda a manter legíveis tanto o modelo quanto o diagrama produzido.

O editor produz código Mermaid no formato erDiagram a partir do seu modelo. Você pode copiá-lo para usar o diagrama em Markdown compatível, enquanto a edição continua sendo feita nos campos estruturados da ferramenta.

Ferramentas relacionadas