# Diagrama Mermaid

> Renderize diagramas Mermaid a partir de texto: fluxogramas, diagramas de sequência, ER e mais. Cole o DSL, veja o grafo e copie o fonte para a documentação. A renderização é no cliente, então esboços de arquitetura não saem da sua máquina.

Roda no seu navegador. Nada é enviado.

[Web](https://toolbuddy.dev/pt/categories/web.md)

## Sobre esta ferramenta

Renderize fluxogramas, sequências e outro DSL Mermaid no navegador. A biblioteca carrega sob demanda e os diagramas são redesenhados com um pequeno atraso enquanto você digita. Um DSL inválido mostra um erro em vez de uma tela em branco.

Comece por um modelo de fluxograma ou de sequência, edite o fonte e espere o SVG. Se você precisa converter uma captura, experimente o [Online Image Converter](https://onlineimageconverter.net/). Se precisa do diagrama em um PDF, experimente o [LoveThisPDF](https://lovethispdf.com/). O trabalho fica nesta aba. Depois de carregar a página, dá para continuar sem rede.

## Mais ferramentas de Web

- [Formatador JSON](https://toolbuddy.dev/pt/tools/json-formatter.md): Formate, minifique e valide JSON no navegador. Cole uma carga, corrija o recuo e ache erros de sintaxe sem enviar dados a um servidor. Serve para APIs, arquivos de configuração e objetos aninhados. O resultado fica no seu dispositivo.
- [Formatador JavaScript](https://toolbuddy.dev/pt/tools/javascript-formatter.md): Embeleze ou compacte JavaScript no navegador. Recue trechos minificados do DevTools, ou tire espaços para uma estimativa rápida de tamanho. A formatação fica no dispositivo, então scripts próprios não vão para um embelezador online.
- [Formatador SQL](https://toolbuddy.dev/pt/tools/sql-formatter.md): Embeleze SQL no navegador com formatação por dialeto para PostgreSQL, MySQL, SQLite e T-SQL. Cole uma consulta, escolha o recuo e copie SQL legível sem enviar comandos a um serviço de formatação.
- [Formatador HTML](https://toolbuddy.dev/pt/tools/html-formatter.md): Embeleze ou minifique HTML localmente. Recue tags aninhadas, compacte espaços para trechos de produção e copie a marcação sem publicar modelos em um serviço de formatação. Útil para e-mails, parciais e cópias bagunçadas do DevTools.
- [Formatador CSS](https://toolbuddy.dev/pt/tools/css-formatter.md): Formate e minifique CSS no navegador. Expanda regras para leitura ou comprima folhas de estilo para uma estimativa rápida de tamanho. Cole um trecho, organize seletores e declarações, e copie o resultado. Estilos próprios não são enviados.
- [Formatador XML](https://toolbuddy.dev/pt/tools/xml-formatter.md): Embeleze ou minifique documentos XML no navegador. Recue elementos aninhados de SOAP, RSS e arquivos de configuração, ou compacte espaços. A análise e a formatação não saem da aba.