Деревья и структурные диаграммы

Граф и дерево (graph, tree). Показывает иерархию набора данных, в которой элементы являются родительскими или дочерними по отношению друг к другу. Выстраивается в виде соединенных линиями узлов либо сверху вниз, либо из центра композиции. Узел обычно отображается кругом или прямоугольником. Например, карта сайта. Примеры: © Concept Draw, Karen Leech, (автор неизвестен) Другие примеры в галерее паттернов

Ментальная карта (mind map). Показывает состав и структуру явления или понятия в виде графа, в котором каждый узел имеет один или несколько дочерних элементов. Это частный случай графа, с той разницей что ветви обычно симметрично расходятся из узла, расположенного в центре изображения. Например, конспект книги по управлению проектами, который отражает ее содержание и основные понятия. Примеры: © Adaptive Path, Ethan Hein, Comic vs Audience Другие примеры в галерее паттернов

Формализованные структурные диаграммы. Показывают состав и структуру системы или ее части в виде карточек, которые описаны с разной степенью детализации и связаны друг с другом как родительские и дочерние. Отображается в стандартизованном виде — например, с помощью UML (Unified Modeling Language) или IDEF1X (Integration Definition for Information Modeling). Например, все сущности, необходимые для работы одного из модулей программной системы. Примеры: © Concept Draw, Wikipedia Другие примеры в галерее паттернов

Диаграмма Венна/Эйлера (Venn/Euler diagram). Показывает отношения между значениями набора данных в виде накладывающихся друг на друга кругов (чаще всего трех). Область, в которой пересекаются все круги, показывает общее между ними. Например, пересечением соблюдения сроков, бюджета и поставленных задач является успех проекта. Примеры: © Phil Glockner, Dan Saffer Другие примеры в галерее паттернов

Плоское дерево (tree map). Показывает иерархию набора данных, в которой элементы являются родительскими или дочерними по отношению друг к другу. Отображается в виде набора вложенных прямоугольников, каждый из которых является ветвью дерева, а находящиеся внутри него — дочерними элементами и ветвями. Прямоугольники различаются по размеру в зависимости от параметра и имеют цвет, который задается другим параметром. Например, детальная структура бюджета компании, в котором цветом показан процент изменения каждого пункта по сравнению с предыдущим годом. Примеры: © Tableau Software, Panopticon, Panopticon Другие примеры в галерее паттернов

Формализованная блок-схема (block diagram). Показывает ключевые шаги, которые проходит процесс, в виде связанных друг с другом однонаправленными стрелками блоков. Отображается в стандартизированном формате, где вид блока зависит от его роли в процессе. Например, схема процесса утверждения и публикации статьи внутри редакции. Примеры: © Density Design, Allen Holub, Concept Draw Другие примеры в галерее паттернов

Неформализованная блок-схема (block diagram). Показывает ключевые шаги, которые проходит процесс, в виде связанных друг с другом стрелками блоков. Отображается в свободной форме, когда шаги показаны произвольными фигурами, а стрелки могут быть двунаправленными или вообще не иметь направления. Кроме того, блоки могут быть объединены в группы. Например, упрощенная схема передвижения средств при SMS-платежах. Примеры: © Tapulous, Секрет Фирмы, David Armano Другие примеры в галерее паттернов

Диаграмма циклического процесса. Показывает ключевые шаги процесса, который содержит набор повторяющихся действий. Циклическая часть отображается в виде кольца, которое образуют соединенные стрелками шаги. А начало и окончание процесса — входящей и выходящей из круга стрелками. Например, последовательность процесса проверки качества, который проходит во время работы над программным продуктом. Примеры: © Fruitful, eStrara, Idiagram Другие примеры в галерее паттернов

Диаграмма Сэнки (Sankey diagram). Показывает ключевые шаги процесса и интенсивность его протекания на каждом из участков. Отображается без узлов, в виде соединяющихся и разветвляющихся линий разной толщины (в зависимости от величины параметра). Имеет любое количество начальных и конечных точек, а значит и множество сценариев развития. Например, процесс передачи тепла от ТЭЦ к бойлерной станции, включая его потери по различным причинам. Примеры: © World Resources Institute, Sankey-diagrams.com, IBM Другие примеры в галерее паттернов