Editor de diagramas ER

Descreva as tabelas antes de escrever código

Um diagrama de entidade e relacionamento facilita a discussão sobre uma pequena base de dados. Carregue o exemplo User, Order e OrderItem e renomeie as entidades conforme seu projeto. Selecione uma entidade para editar título e campos. Cada campo possui nome, tipo em texto e marcas opcionais de chave primária, estrangeira ou única. Use nomes e tipos sem espaços, com sublinhados quando necessário; valores como user_id, varchar(120) e datetime são aceitos. Aplique as alterações antes de mudar de entidade. Essas marcas descrevem o projeto: o editor não se conecta ao banco, não lê registros, não executa SQL e não verifica se a chave estrangeira corresponde a uma coluna real.

Declare cardinalidade e relacionamentos opcionais

Selecione duas entidades e escolha 1:1, 1:N, N:1 ou N:M. Acrescente um verbo, como realiza ou contém, para explicar a finalidade. Os controles de opcionalidade indicam se um lado pode não ter registro relacionado. Linhas contínuas e tracejadas representam relacionamentos identificadores e não identificadores. O SVG exportado mantém os rótulos de cardinalidade legíveis. A importação Mermaid erDiagram aceita blocos de entidades, apelidos, campos, restrições PK/FK/UK e os relacionamentos disponíveis no editor. Instruções não suportadas interrompem a importação e preservam o diagrama atual. O arquivo Mermaid inclui as posições em um comentário comum, permitindo recuperar a organização neste editor.

Guarde uma cópia editável além da imagem

O editor funciona no navegador. O conteúdo do diagrama não é enviado a um servidor de conversão e nenhuma conta é necessária. As alterações ficam no localStorage deste navegador e desta ferramenta. Isso ajuda a retomar um rascunho, mas não substitui um backup: navegação privada, limpeza dos dados do site ou troca de dispositivo podem impedir a recuperação. Baixe o arquivo Mermaid ao concluir uma etapa importante. Ele inclui a estrutura e um comentário com as posições atuais. SVG é adequado para documentos e impressão; PNG é prático para apresentações e mensagens. Ambos contêm apenas o diagrama, sem os controles do editor. Abra o arquivo antes de compartilhar e confira os rótulos. Se o PNG ficar grande demais, aproxime os nós ou escolha SVG. O pacote ZIP reúne PNG, SVG, Mermaid e o modelo JSON da mesma versão em um download. Para importar novamente neste editor, use o conteúdo Mermaid.

Perguntas frequentes

Ferramentas relacionadas

• Editor de fluxogramas

  Desenhe processos e decisões; exporte Mermaid, SVG ou PNG.

• Editor de diagramas de sequência

  Edite participantes e mensagens e exporte a sequência.

• Editor de mapas mentais

  Organize ideias em uma árvore e baixe PNG, SVG ou Mermaid.