GitHub e Mermaid permite criação de diagramas rapidamente

COMPARTILHAR POSTAGEM:

O GitHub adicionou suporte nativo para Mermaid — permitindo que os desenvolvedores gerem diagramas rapidamente.

🚨DICA: Crie um projeto de programação web com HTML5, CSS3 e JavaScript do zero em 3 aulas: MiniCurso Gratuito! 🚀

Acesso ao GitHub Mermaid.

fullstack javascript onebitcode

De acordo com o GitHub, desenvolvedores de código aberto e corporativos veem um aumento de produtividade de cerca de 50% quando recebem documentação detalhada. Formatos visuais ricos geralmente ajudam a apresentar melhor as informações.

No mês passado, o GitHub adicionou suporte para arquivos .svg a comentários em questões, PRs, discussões e arquivos Markdown como READMEs. No entanto, o GitHub diz que reconhece a necessidade de manter os diagramas atualizados e criá-los facilmente.

Banner Amazon Notebook 300x300

A ferramenta de diagramação e gráficos baseada em JavaScript Mermaid pega definições de texto inspiradas no Markdown e cria diagramas dinamicamente no navegador.

O GitHub agora adicionou suporte para Mermaid para que os desenvolvedores possam criar gráficos usando uma sintaxe fácil como:

Banner Amazon Livros de Programação 300x300
```mermaid
  graph TD;
      A-->B;
      A-->C;
      B-->D;
      C-->D;
```

O que, por sua vez, criará o seguinte diagrama:

O diagrama resultante é simples de editar, se necessário, evitando que os desenvolvedores tenham que criar e carregar novos arquivos .svg para apresentar informações visualmente.

Um editor Mermaid ao vivo com diagramas de amostra está disponível aqui.

Banner Amazon Celular 300x300

Leia também: 8 maneiras que o Windows 11 é melhor que o Windows 10

COMPARTILHAR POSTAGEM:
brayan

Brayan

Bacharel em sistemas de informações e desenvolvedor PHP. Trabalho com desenvolvimento web e gosto muito de tecnologia e programação.

Artigos: 569

Deixe um comentário

O seu endereço de e-mail não será publicado. Campos obrigatórios são marcados com *

13 − 5 =