Plus la case est foncee, plus le score de cet indicateur est eleve.
MoinsPlus
Derniere relecture Sources et creditsCrédits médiasMéthodologie
Reponses courtes
Quand choisir Diagrammes de texte de sirène ?
Quand le recit est : documents de processus, intégration, logique d'affectation, explications des relations publiques.
Quand l'eviter ?
Dans des cas comme : illustrations de marque au pixel près qui nécessitent une mise en page à main levée.
Qui l'a invente ou popularise ?
Mermaid (2014) a popularisé les diagrammes natifs Markdown sur GitHub
Qu'est-ce que ca encode ?
syntaxe de graphique textuel rendue dans les boîtes et les bords SVG
OK en pub ?
Oui si une these se lit d'un coup dans Meta, Google et print ; sinon liez vers la figure complete.
Un enseignant l'acceptera ?
Oui pour comptes rendus de TP et panneaux si axes, unites et une ligne de source sont la.
Diagrammes de texte de sirène encode les valeurs comme syntaxe de graphique textuel rendue dans les boîtes et les bords SVG. Mermaid (2014) a popularisé les diagrammes natifs Markdown sur GitHub.
Dans les rapports, pubs et devoirs : documents de processus, intégration, logique d'affectation, explications des relations publiques. A eviter quand illustrations de marque au pixel près qui nécessitent une mise en page à main levée.
Logiciels
- Mermaid — Flux, séquence, classe, ER et plus à partir du texte - sous licence MIT. · MIT · github.com/mermaid-js/mermaid
- Mermaid CLI — Rendu des diagrammes au format SVG/PNG dans CI sans SaaS. · MIT · github.com/mermaid-js/mermaid-cli
- markdown-it — Souvent associé pour intégrer des clôtures de diagrammes dans des documents. · MIT · github.com/markdown-it/markdown-it
- GitHub markup notes — Étudiez comment les forges rendent Mermaid dans les fichiers README. · MIT · github.com/github/markup
- Flow demo SVG — Notes d'enseignement d'un organigramme statique sur cet atlas. · CC0 examples · github.com/Tool-Lifes/viz-atlas
Exportations
- Exports 1 — SVG
- Exports 2 — PDF
- Exports 3 — EMF/SVG dans les diapos (pas de captures)
- Exports 4 — SVG pour le web, PDF pour l'impression
Accessibilite
- Accessibilite 1 — Jamais la teinte seule. Superposez motif, libelle et position.
- Accessibilite 2 — 4.5:1 pour le texte, 3:1 pour les grandes marques.
- Accessibilite 3 — Texte alt court sur le graphique ; nombres aussi en tableau HTML.
- Accessibilite 4 — Le mouvement seulement comme accent. Respectez prefers-reduced-motion.
Diagrammes de texte de sirène : honorez syntaxe de graphique textuel rendue dans les boîtes et les bords SVG, et changez quand illustrations de marque au pixel près qui nécessitent une mise en page à main levée.