Создавай схемы легко и быстро

Вставь любой текст чтобы на основе него создать схему, диаграмму или график

Get Started

Тип схемы: Слева-направо Сверху вниз Описание Примеры Выводы Колчество уровней

@startsalt
{
 {#lightblue {+ <size:20>Система управления пользователями</size> } }
 
 {#f0f0f0
 {Поиск и фильтры}
 {
 {T "Поиск:" | "Иван" | [ Найти ] }
 {S "Отдел:" | "Все" | "IT" | "HR" | "Финансы" }
 {S "Статус:" | "Активные" | "Заблокированные" | "Все" }
 {C "Показать неактивных" }
 }
 }
 
 {Список пользователей}
 {
 {#
 ID | Имя | Email | Отдел | Статус | Действия
 "1" | "Иван Петров" | "ivan@company.com" | "IT" | "Активен" | [Ред.] [Блок.]
 "2" | "Мария Сидорова" | "maria@company.com" | "HR" | "Активен" | [Ред.] [Блок.]
 "3" | "Петр Иванов" | "petr@company.com" | "Финансы" | "Заблок." | [Ред.] [Акт.]
 }
 }
 
 {Редактирование пользователя}
 {
 {T "ФИО:" | "Иван Петров" }
 {T "Email:" | "ivan@company.com" }
 {T "Телефон:" | "+7 (999) 123-45-67" }
 {S "Отдел:" | "IT" | "HR" | "Финансы" | "Маркетинг" }
 {C "Активный пользователь" | checked }
 {S "Роль:" | "User" | "Moderator" | "Admin" }
 }
 
 {
 [ Сохранить ] | [ Сбросить ] | [ Новый ] | [ Удалить ]
 }
 
 {#f5f5f5
 {Статистика}
 {^ Всего пользователей: 156}
 {^ Активных: 142}
 {^ Заблокированных: 14}
 }
}
@endsalt

graph TB A[Прямоугольник] --> B{Ромб} B --> C(Скругленный прямоугольник) B --> D[Еще один]

    graph TB
        A[Прямоугольник] --> B{Ромб}
        B --> C(Скругленный прямоугольник)
        B --> D[Еще один]