Покажу как редактировать диаграмму на языке mermaid и видеть при этом визуализацию в VS Code.
Про синтаксис Mermaid и варианты диаграмм можно почитать отдельно, например, тут.
Примеры для тестирования брала из соседней статьи.
Проблематика и ограничения
Работаю в закрытом контуре, доступ к инструментам визуализации в онлайне ограничен, да и требованиями безопасности запрещено размещать в онлайн-инструментах корпоративные данные.