پیکان هایی مثل User -> API -> Database بنویسید و نمودار معماری یا جریانِ چیده شده بگیرید. برای نمای کلی گروه ها را جمع کنید و برای جریان دقیق مراحل را شماره گذاری کنید.
جعبه ها را بکشید تا جابه جا شوند. برای تغییر نام یا افزودن جعبه دوبار کلیک کنید. نقطه روی جعبه را بکشید تا وصل شود. Ctrl+Z بازگردانی می کند.
چیزی بارگذاری نمی شود: نمودار در مرورگر شما و پیوندهایی که به اشتراک می گذارید می ماند.
در ابزارهای تخته سفید هر جعبه و پیکان را خودتان می کشید و با دست مرتب می کنید. اینجا می نویسید چه چیزی با چه چیزی حرف می زند، هر پیکان یک خط، و چیدمان خودکار انجام می شود. سرویس های مرتبط را در یک گروه بگذارید و برای نمای کلی آن را به یک جعبه جمع کنید؛ برای جزئیات دوباره باز کنید.
Excalidraw یک تخته سفید آزاد است که هر شکل و پیکان را خودتان می گذارید. اینجا متن همان نمودار است و چیدمان خودکار است، پس افزودن یک سرویس یک خط است نه کشیدن و تراز کردن جعبه ها. برای طرح آزاد، Excalidraw هنوز مناسب تر است.
جعبه های مرتبط را با Name { ... } در یک گروه بگذارید. نمای کلی هر گروه را به یک جعبه جمع می کند و پیکان هایش را یکی می کند؛ جزئیات دوباره بازشان می کند. می توانید هر گروه را جداگانه از سرتیترش جمع کنید.
خیر. در مرورگر شما رسم و در حافظه محلی آن نگه داشته می شود. پیوند اشتراک، نمودار را درون خود پیوند و بعد از علامت # حمل می کند که مرورگرها هرگز به سرور نمی فرستند.
مستقیما نه؛ ورود از Mermaid وجود ندارد. خط های ساده مانند A -> B کار می کنند، اما سه تفاوت هست. سرخط graph TD را پاک کنید، وگرنه به یک جعبه تبدیل می شود، و به جای آن direction: down بنویسید. برچسب های Mermaid داخل کروشه را بردارید، چون اینجا متن داخل [ ] برچسب شکل و رنگ خوانده می شود. و --> اینجا پیکان خط چین برای فراخوانی ناهمگام می کشد، در حالی که در Mermaid پیکان معمولی است؛ برای پیکان پیوسته از -> استفاده کنید.
A -> B: متن روی پیکان برچسب می گذارد، A --> B پیکان خط چین، A <-> B پیکان دوطرفه می کشد و A <- B رو به عقب است. نام [db, blue] شکل و رنگ را تعیین می کند؛ شکل ها عبارت اند از service، db، cache، queue، actor، client، storage، external، decision، terminal و note. خط title: نام نمودار را می گذارد، direction: down آن را از بالا به پایین می چیند و خطی که با # یا // شروع شود توضیح است. هر نمودار تا 300 جعبه، 600 پیکان و 20,000 نویسه متن جا می گیرد.