Las celdas mas oscuras marcan una puntuacion mas alta en ese indicador.
MenosMas
Ultima revision Fuentes y creditosCréditos de mediosMetodología
Respuestas rapidas
Cuando elijo Diagramas de texto de sirena?
Cuando el relato es: documentos de proceso, incorporación, lógica de asignación, explicaciones de relaciones públicas.
Cuando lo evito?
En casos como: ilustraciones de marca con píxeles perfectos que necesitan un diseño a mano alzada.
Quien lo invento o popularizo?
Mermaid (2014) popularizó los diagramas nativos de Markdown en GitHub
Que codifica?
sintaxis de gráfico textual representada en cuadros y bordes SVG
Vale en anuncios?
Si si una tesis se ve de un vistazo en Meta, Google e impresion; si no, enlaza a la figura completa.
Lo aceptara un profesor?
Si en informes de laboratorio y cartulinas si hay ejes, unidades y una linea de fuente.
Diagramas de texto de sirena codifica valores como sintaxis de gráfico textual representada en cuadros y bordes SVG. Mermaid (2014) popularizó los diagramas nativos de Markdown en GitHub.
En informes, anuncios y tareas encaja: documentos de proceso, incorporación, lógica de asignación, explicaciones de relaciones públicas. Evitelo cuando ilustraciones de marca con píxeles perfectos que necesitan un diseño a mano alzada.
Software
- Mermaid — Flujo, secuencia, clase, ER y más a partir de texto: con licencia del MIT. · MIT · github.com/mermaid-js/mermaid
- Mermaid CLI — Renderice diagramas en SVG/PNG en CI sin SaaS. · MIT · github.com/mermaid-js/mermaid-cli
- markdown-it — A menudo se combina para insertar vallas de diagramas en documentos. · MIT · github.com/markdown-it/markdown-it
- GitHub markup notes — Estudie cómo las forjas representan Mermaid en archivos README. · MIT · github.com/github/markup
- Flow demo SVG — Marcas de enseñanza de diagramas de flujo estáticos en este atlas. · CC0 examples · github.com/Tool-Lifes/viz-atlas
Exportar
- Exportar 1 — SVG
- Exportar 2 — PDF
- Exportar 3 — EMF/SVG en diapositivas (sin capturas)
- Exportar 4 — SVG para web, PDF para impresion
Accesibilidad
- Accesibilidad 1 — Nunca el matiz solo. Apila patron, etiqueta y posicion.
- Accesibilidad 2 — 4.5:1 para texto, 3:1 para marcas grandes.
- Accesibilidad 3 — Texto alt corto en el grafico; numeros tambien como tabla HTML.
- Accesibilidad 4 — Movimiento solo como enfasis. Respeta prefers-reduced-motion.
Diagramas de texto de sirena: honra sintaxis de gráfico textual representada en cuadros y bordes SVG, y cambia cuando ilustraciones de marca con píxeles perfectos que necesitan un diseño a mano alzada.