grafico mermaid para analisar tabelas de banco de dados

Como Visualizar Relações entre Tabelas de um Aplicativo usando o ChatGPT

Quando estamos desenvolvendo um aplicativo, entender as relações entre as tabelas do banco de dados é essencial para garantir um design eficiente e uma implementação bem-sucedida. Uma maneira poderosa de visualizar essas relações é usando o Diagrama de Entidade-Relacionamento (ER Diagram).

Neste artigo, vamos explorar como o ChatGPT pode ajudar a gerar esse tipo de diagrama e como utilizá-lo para organizar o desenvolvimento de um aplicativo.

O que é a linguagem Mermaid?

Mermaid é uma linguagem de marcação simples que permite aos usuários gerar diagramas e fluxogramas com texto simples através de JavaScript. Ela é frequentemente usada em documentação de software para criar gráficos visuais diretamente no código-fonte.

A linguagem Mermaid suporta vários tipos de diagramas, incluindo:

  1. Diagramas de Fluxo: Permite a criação de fluxogramas complexos.
  2. Diagramas de Sequência: Usado para representar sequências de eventos em um formato fácil de entender.
  3. Gráficos de Gantt: Útil para representar cronogramas de projetos e planejamento.
  4. Diagramas de Classe: Usado para modelar a estrutura de sistemas orientados a objetos.
  5. Diagramas de Estado: Representa o comportamento de um sistema através de estados finitos.

Aqui está um exemplo simples de como um diagrama de fluxo pode ser criado usando a linguagem Mermaid:

mermaid
graph TD;
A-->B;
A-->C;
B-->D;
C-->D;

Este código irá gerar um diagrama de fluxo com quatro nós (A, B, C, D) e quatro arestas (A para B, A para C, B para D, C para D).

A linguagem Mermaid é uma ferramenta poderosa para desenvolvedores e escritores técnicos, pois permite a criação de diagramas complexos diretamente em arquivos de texto, tornando mais fácil manter a documentação atualizada com o código.

Como Usar o ChatGPT Para Gerar O Diagrama de Entidade-Relacionamento Mermaid:

Para ilustrar como podemos usar o ChatGPT para gerar um Diagrama de Entidade-Relacionamento, vamos considerar o exemplo do aplicativo “Controle de Chamados”, um aplicativo real que estou fazendo. Este aplicativo tem várias tabelas, como Usuários, Subitens, Setor, Alerta, Status e Chamados, e diferentes relações entre elas.

Primeiro você deve escrever detalhadamente como é seu aplicativo. Veja neste link o exemplo que gerou a visualização que está na capa deste artigo:
https://llbonadie.notion.site/Regras-do-Aplicativo-ae7cdbeaf838408f98f3569bdca39cab?pvs=4

Segue o prompt que você deve usar depois de escrever as relações de seu aplicativo:

“`
Crie um Diagrama de Entidade-Relacionamento para visualizar as relações entre as tabelas do aplicativo [nome do seu aplicativo].

Descrição: Descreva de forma clara as regras do aplicativo, como as tabelas se relacionam e quais campos estão presentes em cada tabela. Certifique-se de incluir detalhes sobre as relações entre as tabelas, como chaves estrangeiras e associações.

Exemplo:
[Inserir a descrição detalhada do aplicativo e suas tabelas, conforme citado anteriormente.]

Instruções: Use a documentação acima para gerar o Diagrama de Entidade-Relacionamento usando a sintaxe do Mermaid. Certifique-se de incluir todas as tabelas, seus campos e as relações entre elas.
“`

O resultado será mais ou menos assim:

erDiagram
    User ||–o{ Setor : “Líderes”
    User ||–o{ Chamados : “Paciente”
    Subitens }|–o{ Setor : “Subitens”
    Setor }|–o{ Chamados : “Setor”
    Alerta }|–o{ Chamados : “Alerta”
    Status }|–o{ Chamados : “Status”
    User {
        string nome
        int nivelPermissao
        string email
        string telefone
        string cpf
        string rg
        date dataNascimento
        string endereco
        string nomeMae
    }
    Subitens {
        string nome
    }
    Setor {
        string nome
        string email
        string observacao
    }
    Alerta {
        string nome
        string cor
        int ordem
    }
    Status {
        string nome
        string cor
        int ordem
    }
    Chamados {
        file anexo
        string solicitacao
    }

Como Visualizar em Gráfico

Para visualizar o diagrama a partir do código mermaid que o ChatGPT gerou, você pode utilizar o site https://mermaid.live.
Basta copiar o código mermaid gerado pelo ChatGPT e colá-lo no site para obter uma representação visual das tabelas e suas relações.

Além disso, o Notion também possui suporte para blocos de código que permitem a renderização do código mermaid. Ao utilizar um bloco de código do Notion, por exemplo, você pode inserir o código mermaid e obter a visualização do diagrama diretamente em sua documentação.

Conclusão.

O uso do ChatGPT juntamente para gerar Diagrama de Entidade-Relacionamento Mermaid pode ser uma ferramenta valiosa para visualizar e organizar as relações entre as tabelas de um aplicativo. Com uma descrição clara das regras do aplicativo e suas tabelas, você pode utilizar o prompt adequado para obter o código mermaid necessário para gerar o diagrama. Em seguida, utilizando plataformas como o mermaid.live ou blocos de código do Notion, você pode renderizar o diagrama e ter uma representação visual clara das relações entre as tabelas.

Essa abordagem pode ajudar a melhorar a compreensão do design do banco de dados e auxiliar no desenvolvimento do aplicativo.

Isso facilitará também para que outras pessoas colaborem no projeto.

Luan L. Bonadie - Desenvolvedor No-Code Certificado Design e Responsividade Comunidade Sem Codar

Luan L. Bonadie – Diretor do Grupo Ide Comunicação
👨‍💻 Crio aplicativos 10x mais rápido usando tecnologia No-Code
⌛ Te ensino a criar sua rotina ideal usando tecnologia
🎯 Meus sonhos passam por pessoas

Outros artigos…

3 Responses