Mermaid (Diagram as Code)
Εργαλείο δημιουργίας διαγραμμάτων και οπτικοποίησης **μέσω κώδικα (Markdown-style)** από κείμενο. Υποστηρίζει flowcharts, sequence diagrams, class diagrams, state diagrams, ER diagrams, user journey, gantt charts, pie charts, mindmaps, git graphs, και quadrant charts. Ενσωματώνεται σε Markdown (GitHub, GitLab, Jupyter, Notion, Obsidian) και παράγει SVG/PNG. Ιδανικό για τεκμηρίωση λογισμικού, documentation-as-code, και presentation.
Επίσκεψη ΙστοσελίδαςΤο Mermaid είναι η λύση για διαγράμματα που μένουν version controlled (git).
Παράδειγμα (Sequence Diagram):
sequenceDiagram
Alice->>John: Hello John, how are you?
John-->>Alice: Great!Υποστηριζόμενοι Τύποι Διαγραμμάτων (14+):
- Flowchart (Ροή)
- Sequence diagram (Ακολουθίας)
- Class diagram
- State diagram
- Entity-Relationship (ER)
- User Journey (Διαδρομή χρήστη)
- Gantt chart
- Pie chart
- Quadrant chart
- Mindmap
- Git (Gitgraph)
- C4 (Context, Container, Component, Code)
- Sankey (διάγραμμα ροής ενέργειας)
- XY chart (γραμμές, σημεία)
- Block diagram
Σημείωση: Ιδανικό για developers που γράφουν τεκμηρίωση (ReadTheDocs, GitHub wiki). Αντί να σχεδιάζετε με ποντίκι, γράφετε κώδικα. Μπορείτε να ενσωματώσετε Mermaid σε VuePress, Docusaurus, Hugo, MkDocs.