Пишите стрелки вроде User -> API -> Database и получайте готовую схему архитектуры или процесса. Сворачивайте группы для общей картины и нумеруйте шаги для деталей.
Перетаскивайте блоки, чтобы двигать их. Двойной щелчок переименует блок или добавит новый. Тяните точку на блоке, чтобы соединить. Ctrl+Z отменяет.
Ничего не загружается: схема хранится в вашем браузере и в ссылках, которыми вы делитесь.
На онлайн-доске вы рисуете каждый блок и стрелку и выравниваете всё вручную. Здесь вы пишете, кто с кем общается, по строке на стрелку, а раскладка делается сама. Объедините связанные сервисы в группу и сверните её в один блок для общей картины; разверните снова для деталей.
Excalidraw - свободная доска: каждую фигуру и стрелку вы ставите сами. Здесь текст и есть схема, а раскладка автоматическая, поэтому новый сервис - это одна строка, а не рисование и выравнивание блоков. Для вольного эскиза Excalidraw подходит лучше.
Поместите связанные блоки в группу через Имя { ... }. Обзор сворачивает каждую группу в один блок и объединяет её стрелки; Детали раскрывают их снова. Можно сворачивать и по одной группе через её заголовок.
Нет. Она рисуется в вашем браузере и хранится в его локальном хранилище. Ссылка для обмена несёт схему внутри себя, после знака #, который браузеры никогда не отправляют на сервер.
Напрямую нет, импорта 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 символов текста.