Celulas mais escuras marcam uma pontuacao mais alta nesse indicador.
MenosMais
Ultima revisao Fontes e creditosCréditos de mídiaMetodologia
Respostas curtas
Quando escolho Diagramas de texto de sereia?
Quando a historia e: documentos de processo, integração, lógica de atribuição, explicações de relações públicas.
Quando evitar?
Em casos como: ilustrações de marca com pixels perfeitos que precisam de layout à mão livre.
Quem inventou ou popularizou?
Mermaid (2014) popularizou diagramas nativos de Markdown no GitHub
O que codifica?
sintaxe de gráfico textual renderizada em caixas e bordas SVG
Serve em anuncios?
Sim se uma tese se ve de relance em Meta, Google e impressos; senao ligue para a figura completa.
Um professor aceita?
Sim em relatorios de laboratorio e cartazes se houver eixos, unidades e uma linha de fonte.
Diagramas de texto de sereia codifica valores como sintaxe de gráfico textual renderizada em caixas e bordas SVG. Mermaid (2014) popularizou diagramas nativos de Markdown no GitHub.
Em relatorios, anuncios e trabalhos: documentos de processo, integração, lógica de atribuição, explicações de relações públicas. Evite quando ilustrações de marca com pixels perfeitos que precisam de layout à mão livre.
Programas
- Mermaid — Fluxo, sequência, classe, ER e muito mais do texto - licenciado pelo MIT. · MIT · github.com/mermaid-js/mermaid
- Mermaid CLI — Renderize diagramas para SVG/PNG em CI sem SaaS. · MIT · github.com/mermaid-js/mermaid-cli
- markdown-it — Freqüentemente emparelhado para incorporar cercas de diagramas em documentos. · MIT · github.com/markdown-it/markdown-it
- GitHub markup notes — Estude como forges renderizam Mermaid em arquivos README. · MIT · github.com/github/markup
- Flow demo SVG — Marcas de ensino de fluxograma estático neste atlas. · CC0 examples · github.com/Tool-Lifes/viz-atlas
Exportar
- Exportar 1 — SVG
- Exportar 2 — PDF
- Exportar 3 — EMF/SVG nos slides (sem capturas)
- Exportar 4 — SVG para web, PDF para impressao
Acessibilidade
- Acessibilidade 1 — Nunca o matiz sozinho. Empilhe padrao, rotulo e posicao.
- Acessibilidade 2 — 4.5:1 para texto, 3:1 para marcas grandes.
- Acessibilidade 3 — Texto alt curto no grafico; numeros tambem como tabela HTML.
- Acessibilidade 4 — Movimento so como enfase. Respeite prefers-reduced-motion.
Diagramas de texto de sereia: honre sintaxe de gráfico textual renderizada em caixas e bordas SVG, e mude quando ilustrações de marca com pixels perfeitos que precisam de layout à mão livre.