עורך דיאגרמות Mermaid בחינם
כתוב תרשימי זרימה, דיאגרמות רצף, תרשימי Gantt ועוד בתחביר Mermaid עם תצוגה מקדימה חיה. יצא כ-SVG או PNG. פועל לחלוטין בדפדפן שלך.
גררו או גללו להזזה. צביטה, או Ctrl + גלגלת, להתקרבות. גררו את הקצה התחתון כדי להגביה את התצוגה המקדימה.
💡 כתבו תרשימים בתחביר Mermaid — תרשימי זרימה, תרשימי רצף, גאנט, תרשימי מחלקות ועוד — וייצאו כ־SVG או PNG. הכול רץ בדפדפן שלכם: טקסט התרשים לעולם לא מועלה, ומנוע הרינדור של Mermaid מוגש מהאתר הזה ולא מ־CDN חיצוני.
שימושים נפוצים
- צור תרשים זרימהצור תרשים זרימה מטקסט וייצא אותו כתמונה.
- ציירו תרשים רצףתרשים כיצד מערכות או אנשים מתקשרים לאורך זמן.
- הוסף תרשים ל-READMEצור תרשימים ש-GitHub עושה רינדור באופן טבעי ב-README שלך.
- בנה תרשים Ganttהצג ציר זמן של פרויקט כתרשים Gantt מטקסט.
- צור תרשים מחלקהתרשים מחלקות והקשריהן לעיצוב תוכנה.
כיצד זה עובד
Mermaid מאפשר לכתוב דיאגרמות כטקסט ולהציג אותן אוטומטית — מעולה לשמירת דיאגרמות בבקרת גרסאות. זהו עורך חי שמציג את התוצאה בזמן ההקלדה.
- 1מנוע Mermaid נטעןספריית Mermaid נטענת מ-LibraTool בפעם הראשונה שמשתמשים בכלי, ואחר כך הדפדפן שומר אותה במטמון.
- 2אתם כותבים קוד דיאגרמהתרשימי זרימה, תרשימי רצף, תרשימי גאנט, תרשימי מחלקות, תרשימי עוגה ועוד — בתחביר הטקסט של Mermaid.
- 3הוא מוצג בזמן אמתהקוד שלך מנותח ומעובד ל-SVG בדפדפן בזמן ההקלדה, עם ערכות נושא בהירה וכהה.
- 4ייצוא SVG או PNGהורידו את הדיאגרמה כ-SVG הניתן להגדלה או כ-PNG ב-2× כדי להוסיף למסמכים, למצגות או ל-README.
קוד הדיאגרמה שלך — שעשוי לתאר מערכות פנימיות — מעובד כולו בדפדפן שלך ולעולם אינו מועלה.
כלים קשורים
עורך Markdown
כתוב וצפה מקדים Markdown בזמן אמת. תומך בכותרות, מודגש, נטוי, בלוקי קוד, טבלאות ורשימות.
יוצר CSS Grid
עצב רשת CSS חזותית — מסלולים, יחידות ורווחים — והעתק את ה-CSS וה-HTML שנוצרו.
מחולל עץ ASCII
המר רשימה מוזחת לעץ תיקיות מסודר (├── └──) ל-README ומסמכים. פלט Unicode או ASCII רגיל. פועל לחלוטין בדפדפן שלך.