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.
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.
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:
```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.
Leia também: 8 maneiras que o Windows 11 é melhor que o Windows 10