Диаграмма классов UML онлайн
Нажмите «+ Класс», напишите название и атрибуты и перетащите на место. Чтобы соединить, нажмите «Соединить блоки» и выберите тип связи.
Как пользоватьсяКлассы, атрибуты и связи на одном рисунке
Доступно на: 
Диаграмма классов UML онлайн: для чего нужен
Пишите классы с атрибутами и методами, отмечайте видимость (+, -, #, ~) и соединяйте классы ассоциацией, наследованием, композицией, агрегацией или зависимостью с кратностью на каждом конце. Диаграмма рисуется по мере набора.
Код использует открытый синтаксис Mermaid, который рисуют GitHub, GitLab и Notion, поэтому тот же текст можно вставить в документацию проекта.
Как пользоваться
- Напишите классы с атрибутами и методами.
- Соедините классы стрелками связей.
- Скачайте диаграмму в PNG или SVG.
Когда использовать
- Университетская работа по системному анализу.
- Документация проекта.
- Моделирование предметной области перед программированием.
Частые вопросы
Как записать класс?
Используйте class Имя { } и внутри фигурных скобок по строке на атрибут или метод. Знак впереди обозначает видимость: + публичный, - приватный, # защищённый и ~ пакетный. У методов есть скобки, и после них можно указать тип возвращаемого значения, как +total() float.
Как показать наследование, композицию и агрегацию?
Стрелками между классами: A <|-- B — наследование (B наследует от A), A *-- B — композиция, A o-- B — агрегация, A --> B — ассоциация, а A ..> B — зависимость. Для кратности поставьте кавычки с обеих сторон, как Клиент "1" --> "*" Заказ.
Что это за язык?
Это синтаксис Mermaid — открытый стандарт текстовых диаграмм, который работает также в GitHub, GitLab и Notion. Код, который вы пишете здесь, можно вставить в эти места.
Правда бесплатно?
Да, 100% бесплатно. Без регистрации, без подписки и без ограничений использования. Все инструменты Tools123 бесплатны.