Mermaid.js גרפים מתקדמים

[[מארקדאון בסיסי]] [[ל-מארקדאון HTML]]]

• מרמייד הוא רכיב Javascript שמיועד ליצירה של גרפים ויזואליים מתקדמים (יחסית). הוא מוטמע ב-Obsidian והוא לא חלק מ-Markdown.
• שווה לעיין בדוקומנטציה, אבל כדאי לזכור שרוב הפיצ'רים לא עובדים באובסידיאן. הוא בעיקר יודע לצייר את הגרפים הבסיסים (זה לא מעט).

תרשים זרימה:

דוקומנטציה

graph TD;
id1(("¬(α∧ꞵ)")) --> id2((¬α));
id1(("¬(α∧ꞵ)")) --> id3((¬ꞵ));

graph TD;
id1("¬(α∧ꞵ)"
ꞵ
ꞵ
ꞵ
ꞵ) --> id2(¬α);
id1("¬(α∧ꞵ)"
ꞵ
ꞵ
ꞵ
ꞵ) --> id3(¬ꞵ);

• בגדול, יוצרים Codeblock עם התגית Mermaid בראשו, כמו בדוגמה. משם הכל די straightforward.
• הצורה שבה עוטפים את המידע מגדירה את הצורה של האלמנטים, אבל יש גם דרכים נוספות אם רוצים צורות מיוחדות. הכל בדוקומנטציה.
• אם רוצים לכתוב משהו שיש בו סוגריים, אפשר להשתמש בגרשיים כדי לעטוף את התוכן
• כדאי לשים לב: אם ערכת ID מסוים רק באחת מההופעות שלו, הוא לא זהה לעצמו ובגדול זה אמור להיות Error. מרמייד חכם מספיק כדי פשוט להישאר על הפלט האחרון שעבד, אז אם השינוי שביצעת לא עובד, כנראה שכחת לשנות את ה-ID באחת מההופעות הנוספות שלו.

תחומים בתרשים זרימה:

• צריך לשים את כל הקשרים שחולקים את התחום אחד אחרי השני, מעליהם לתת שם לגרף ובסופם לכתוב end (קשרים שמחוץ לקוד הזה יהיו רגילים.) קוד לדוגמה:

  mermaid graph TD; subgraph כל הפסוקים נכונים id1(p↔q ,¬p↔r) --> id2(p q); id2 --> id5(p ¬r); end id1 --> id3(¬p ¬q) id2 --> id4(¬p r X); id3 --> id6(¬p r); id3 --> id7(p ¬r X);