```sequence Alice->Bob: Hello Bob, how are you? Note right of Bob: Bob thinks Bob-->Alice: I am good thanks! ``` ```flow st=>start: Start op=>operation: Your Operation cond=>condition: Yes or No? e=>end st->op->cond cond(yes)->e cond(no)->op ``` ```mermaid %% Example of sequence diagram sequenceDiagram Alice->>Bob: Hello Bob, how are you? alt is sick Bob->>Alice: Not so good :( else is well Bob->>Alice: Feeling fresh like a daisy end opt Extra response Bob->>Alice: Thanks for asking end ``` ```mermaid graph LR classDef zclass fill:#f5f5dc classDef tpclass fill:#f96 classDef pmclass fill:#4f7 classDef ansclass fill:#ff9 %%f4c430 %%#ffbf00 A[Hard edge] -->B(Round edge) B --> C{Decision} C -->|One| D[Result one] C -->|Two| E[Result two] ``` ```mermaid %% Example with selection of syntaxes gantt dateFormat YYYY-MM-DD title Adding GANTT diagram functionality to mermaid section A section Completed task :done, des1, 2014-01-06,2014-01-08 Active task :active, des2, 2014-01-09, 3d Future task : des3, after des2, 5d Future task2 : des4, after des3, 5d section Critical tasks Completed task in the critical line :crit, done, 2014-01-06,24h Implement parser and jison :crit, done, after des1, 2d Create tests for parser :crit, active, 3d Future task in critical line :crit, 5d Create tests for renderer :2d Add to mermaid :1d section Documentation Describe gantt syntax :active, a1, after des1, 3d Add gantt diagram to demo page :after a1 , 20h Add another diagram to demo page :doc1, after a1 , 48h section Last section Describe gantt syntax :after doc1, 3d Add gantt diagram to demo page : 20h Add another diagram to demo page : 48h ``` ```mermaid classDiagram Animal <|-- Duck Animal <|-- Fish Animal <|-- Zebra Animal : +int age Animal : +String gender Animal: +isMammal() Animal: +mate() class Duck{ +String beakColor +swim() +quack() } class Fish{ -int sizeInFeet -canEat() } class Zebra{ +bool is_wild +run() } ``` ```mermaid stateDiagram [*] --> Still Still --> [*] Still --> Moving Moving --> Still Moving --> Crash Crash --> [*] ``` ```mermaid pie title Pie Chart "Dogs" : 386 "Cats" : 85 "Rats" : 150 ``` ```mermaid graph LR classDef pclass fill:#f5f5dc classDef wclass fill:#f96 classDef pmclass fill:#4f7 classDef yclass fill:#ff9 classDef oclass fill:#ffbf00 B(IDEA) --> |Code pre-Review|B1(AI Devoxx):::pclass B1 --> C(Правка):::wclass C --> D{Самопроверка}:::oclass B --> |Твой код идеален|F F --> H2{Code Review}:::oclass H2 -.-> |На доработку|B1 D --> |Проверено|F(MR):::pmclass H2 --> E(Merged) ``` ```mermaid flowchart TD classDef zclass fill:#f5f5dc classDef tpclass fill:#f96 classDef pmclass fill:#4f7 classDef ansclass fill:#ff9 %%f4c430 %%#ffbf00 a((Начало)):::tpclass h1([ТП создает
карточку Passwork
после получения доступов
к VPN и серверам]):::tpclass j1([DevOps принимает
контур от ТП
и фиксирует начальное состояние
контура в карточку окружения
в формате Markdown
https://akk.demo.haulmont.com
http://10.5.316.104:3009]) o1([DevOps готовит
схему окружения с IP-адресами
в формате Drawio
на основании карточки Passwork
и описания в Confluence]) o11[Добавляет схему:
- в карточку
- в тикет YT
- в проектный чат] o2([Описывает верхнеуровневое взаимодействие
пользователя и серверов]) o3([Создает список прослушиваемых портов и
таблицу сетевого взаимодействия серверов]) o5([Выполняет тонкие настройки ОС, лимиты, JVM]) o7([Подготавливает точки монтирования разделов]) p1([ТП или DevOps
Настраивает первичный кластер
на базе сингл-экземпляра СЭД
1 LB + 2 Web + 2 Mid + 1 DB]):::tpclass r3([Настройка сетевых папок и
синхронизации файлового хранилища]) r4([Развертывание контроллера Ansible]) r5([Настройка репликации СУБД master-slave]) r6([Настройка второго балансировщика, VIP]) r7([Подготовка среды автоматизации
установки обновлений]) r9([ТП пробует обновить СЭД]):::tpclass r10([ТП принимает кластер в работу]):::tpclass a --Начинает ТП--> h1 h1 --DevOps свободен?--> k{ } k -.7b
Нет, продолжает ТП.-> p1 k --1, 2
Да, приступает DevOps--> j1 j1 --3--> o1 o1 --> o11 o11 --4--> o2 o2 --5--> o3 o3 --6--> o5 o5 --7a--> o7 o7 --7b
Если ТП не может,
то продолжает DevOps--> p1 p1 --8, 9
ТП передает кластер в DevOps
Далее DevOps--> r3 r3 --10--> r4 r4 --11--> r5 r5 --12--> r6 r6 --13--> r7 r7 --DevOps сдает кластер
Далее ТП--> r9 r9 --> r10 ``` ```mermaid --- config: logLevel: 'debug' theme: 'base' themeVariables: commitLabelFontSize: '14px' tagLabelFontSize: '14px' 'gitInv0': 'green' gitGraph: showBranches: true showCommitLabel: true mainBranchOrder: 2 rotateCommitLabel: false --- gitGraph TB: commit id: "Alpha" commit id: "Alpha1" tag: "RC_1" commit id: "Beta" type: REVERSE commit id: "Alpha2" tag: "RC_1" commit id: "Gamma" type: HIGHLIGHT commit id: "Alpha3" tag: "RC_1" ``` ```mermaid classDiagram note for Телеграм "Бесплатно" note for Форум "Регистрация" note for Плюс "100 руб. в месяц" note for Про "Свяжитесь с нами" class Телеграм{ + +() } class Форум{ - -() } class Плюс{ + +() } class Про{ - -() } ``` ```mermaid --- config: logLevel: 'debug' theme: 'neutral' timeline: disableMulticolor: false --- timeline title Тарифные планы section Бесплатные Телеграм-канал
Комната ломки
: Лента с анонсами статей, которые публикуются на сайте : Аудиоподкасты статей без сокращений : Скачиваемые материалы из открытой части форума
(базовые схемы
и диаграммы) Форум
(погружение
в детали) : Всё, что есть
в открытом телеграм-канале + преимущества поиска, истории, сортировки, личного кабинета
и настраиваемых рассылок : Полные версии статей
(без регистрации) : Переводы топиков
(без регистрации) : Задать вопрос, обсуждить тему
и оставить комментарий АНОНИМНО : Задать вопрос, обсуждить тему
и оставить комментарий лично : Переписка с ботом ИИ : Функции ИИ при написании ответов и создании новых тем : Построить краткую сводку по теме : Создавать темы и отвечать с помощью почты : Участвовать
в улучшении переводов : Стать модератором и получить приглашение
в закрытый телеграм-канал section Платные Персональный
100 руб. в месяц
(бесплатный пробный период
30 дней) : Все опции бесплатного доступа в телеграм и на форуме : Ранний доступ
к новым статьям и аудиоподкастам на форуме : Доступ к разборам тем на форуме
(включая прошлые) : Доступ к расширенным схемам и диаграммам : Доступ к авторским стримам
(включая прошлые) : Задать вопрос автору во время стрима : *Школьникам и студентам БЕСПЛАТНО до окончания обучения
(требуется селфи
с дневником или студенческим билетом) Для команд : Все привилегии платного доступа : Отдельное пространство для работы на форуме
(с чатом и личными сообщениями) : Услуга создания собственной платформы
в облаке или закрытой сети + поддержка : Разборы и консультации
на заказ
(права на созданные материалы остаются у авторов канала и сайта, позднее эти материалы
в обезличенном виде могут быть использованы
в персональной подписке) : Создание
и доработка диаграмм
и процессов : Разработка плана ввода нового сервиса и сопровождение такого ввода : Консультации по проблемным кейсам ИТ-подразделений : Разработка антикризисного плана и помощь в переводе ИТ-подразделений в согласованный рабочий режим : Организация, сбор и отслеживание ключевых показателей эффективности ``` ```mermaid sankey-beta Pumped heat,"Heating and cooling, homes",193.026 Pumped heat,"Heating and cooling, commercial",70.672 ``` ```mermaid --- config: kanban: ticketBaseUrl: 'https://mermaidchart.atlassian.net/browse/#TICKET#' --- kanban Todo [Create Documentation] docs[Create Blog about the new diagram] [In progress] id6[Create renderer so that it works in all cases. We also add some extra text here for testing purposes. And some more just for the extra flare.] id9[Ready for deploy] id8[Design grammar]@{ assigned: 'knsv' } id10[Ready for test] id4[Create parsing tests]@{ ticket: MC-2038, assigned: 'K.Sveidqvist', priority: 'High' } id66[last item]@{ priority: 'Very Low', assigned: 'knsv' } id11[Done] id5[define getData] id2[Title of diagram is more than 100 chars when user duplicates diagram with 100 char]@{ ticket: MC-2036, priority: 'Very High'} id3[Update DB function]@{ ticket: MC-2037, assigned: knsv, priority: 'High' } id12[Can't reproduce] id3[Weird flickering in Firefox] ```