Справочник / Визуализация JSON
Визуализация JSON: синтаксис и примеры
Структура JSON-документа в виде дерева. Между @startjson и @endjson вставляется обычный JSON. PlantUML рисует его как дерево таблиц.
Пример
@startjson
{
"заказ": 42,
"оплачен": true,
"клиент": {
"имя": "Иван",
"email": "ivan@mail.ru"
},
"позиции": [
{ "товар": "Книга", "количество": 2, "цена": 750 },
{ "товар": "Ручка", "количество": 1, "цена": 300 }
]
}
@endjsonКонструкции
Объект
{
"имя": "Иван",
"возраст": 30
}Подсветить поле
Пишется сразу после @startjson.
#highlight "клиент" / "имя"
Общее
| @startuml / @enduml | начало и конец диаграммы |
| ' текст | комментарий |
| /' … '/ | многострочный комментарий |
| title Заголовок | заголовок над диаграммой |
| left to right direction | раскладка слева направо |
Другие виды диаграмм
- Диаграмма классов UMLКлассы, атрибуты, операции и связи между ними
- Диаграмма объектов UMLЭкземпляры классов и их значения в момент времени
- Диаграмма пакетов UMLПакеты (модули) системы и зависимости между ними
- Диаграмма компонентов UMLКомпоненты, интерфейсы и зависимости
- Диаграмма развёртывания UMLУзлы, среды выполнения и артефакты на них
- ER-диаграмма (сущность–связь)Таблицы, ключи и кратность связей (нотация IE)
- Диаграмма прецедентов UMLАктёры и варианты использования системы
- Диаграмма последовательностей UMLОбмен сообщениями между участниками во времени
- Диаграмма деятельности UMLДействия, решения, параллельные ветки и дорожки
- Диаграмма состояний UMLЖизненный цикл объекта и переходы
- Временная диаграмма UML (timing)Изменение состояний участников во времени
- Диаграмма ГантаПлан работ по дням с зависимостями и вехами
- Интеллект-карта (mind map)Идеи вокруг одной темы
- WBS — структура декомпозиции работДекомпозиция проекта на пакеты работ
- Сетевая диаграмма (nwdiag)Сети, адреса и подключённые к ним серверы