
- •«Пермский национальный исследовательский политехнический университет»
- •А.В. Кычкин
- •Содержание
- •1. Теоретические основы технологии визуализации
- •2. Роль методов визуализации учебной информации в обучении
- •3. Растровая и векторная графика Классификация компьютерной графики по способу представления изображения
- •Растровая графика
- •Векторная графика
- •Фрактальная графика
- •Принципы представления изображения
- •Пиксели и координаты
- •Физические пиксели
- •Логические пиксели
- •Пиксельная глубина и устройства отображения
- •Цветовые модели
- •Цветовая модель rgb
- •Цветовая модель cmyk
- •Цветовая модель hsb
- •Цветовая модель сiе l·a·b
- •Серая шкала
- •Цветовая палитра
- •4. Модели визуализации данных Графики
- •Диаграммы сравнения
- •Деревья и структурные диаграммы
- •Диаграммы визуализации процесса
- •Диаграммы времени
- •Диаграммы связей
- •Трехмерные модели визуализации
- •График поверхности
- •Гистограммы двух переменных
- •Трехмерные диаграммы диапазонов
- •Точечные диапазоны
- •Граничные диапазоны
- •Диапазоны двойных лент
- •«Летящие ящики»
- •«Летящие блоки»
- •Трехмерные диаграммы размаха
- •Трехмерные диаграммы рассеяния
- •Пространственный график
- •Спектральная диаграмма
- •Трехмерные диаграммы отклонений
- •Графики поверхности
- •Трассировочные графики
- •Тернарные графики
- •5. Визуализация данных в пакете Excel
- •Гистограммы
- •Графики
- •Круговые диаграммы
- •Линейчатые диаграммы
- •Диаграммы с областями
- •Точечные диаграммы
- •Биржевые диаграммы
- •Поверхностные диаграммы
- •Кольцевые диаграммы
- •Пузырьковые диаграммы
- •Лепестковые диаграммы
- •Другие типы диаграмм, которые можно создать в приложении Excel
- •6. Графика и визуализация данных в пакете matlab
- •Графика и визуализация данных
- •Графики в линейном масштабе
- •Оформление графиков
- •Диаграммы и гистограммы векторных данных
- •Трехмерные графики функций
- •Построение освещенной поверхности
- •Работа с несколькими графиками
- •7. Сервисная платформа jevis Введение
- •Архитектура jeVis
- •Распределенный сбор данных, хранение, доступ
- •Глобальный энергетический менеджмент
- •Система My-Jevis
- •Перспективы
- •8. Обзор программных средств разработки приложений визуализации данных
Деревья и структурные диаграммы
Показывают структуру набора данных и взаимосвязи между его элементами.
Граф и дерево (graph, tree). Показывает иерархию набора данных, в которой элементы являются родительскими или дочерними по отношению друг к другу. Выстраивается в виде соединенных линиями узлов либо сверху вниз, либо из центра композиции. Узел обычно отображается кругом или прямоугольником. Например, карта сайта.
Рисунок 18. Пример дерева
Ментальная карта (mind map). Показывает состав и структуру явления или понятия в виде графа, в котором каждый узел имеет один или несколько дочерних элементов. Это частный случай графа с той разницей, что ветви обычно симметрично расходятся из узла, расположенного в центре изображения. Например, конспект книги по управлению проектами, который отражает ее содержание и основные понятия.
Рисунок 19. Пример ментальной карты
Формализованные структурные диаграммы. Показывают состав и структуру системы или ее части в виде карточек, которые описаны с разной степенью детализации и связаны друг с другом как родительские и дочерние. Отображается в стандартизованном виде — например, с помощью UML (Unified Modeling Language) или IDEF1X (Integration Definition for Information Modeling). Например, все сущности, необходимые для работы одного из модулей программной системы.
Рисунок 20. Пример UML - диаграммы
Диаграмма Венна/Эйлера (Venn/Euler diagram). Показывает отношения между значениями набора данных в виде накладывающихся друг на друга кругов (чаще всего трех). Область, в которой пересекаются все круги, показывает общее между ними. Например, пересечением соблюдения сроков, бюджета и поставленных задач является успех проекта.
Рисунок 21. Пример диаграммы Эйлера
Плоское дерево (tree map). Показывает иерархию набора данных, в которой элементы являются родительскими или дочерними по отношению друг к другу. Отображается в виде набора вложенных прямоугольников, каждый из которых является ветвью дерева, а находящиеся внутри него — дочерними элементами и ветвями. Прямоугольники различаются по размеру в зависимости от параметра и имеют цвет, который задается другим параметром. Например, детальная структура бюджета компании, в котором цветом показан процент изменения каждого пункта по сравнению с предыдущим годом.
Рисунок 22. Пример плоского дерева
Диаграммы визуализации процесса
Показывают процесс, состоящий из последовательности действий. Может включать один или несколько сценариев развития событий.
Формализованная блок-схема (block diagram). Показывает ключевые шаги, которые проходит процесс, в виде связанных друг с другом однонаправленными стрелками блоков. Отображается в стандартизированном формате, где вид блока зависит от его роли в процессе. Например, схема процесса утверждения и публикации статьи внутри редакции.
Рисунок 23. Пример формализованной блок-схемы
Неформализованная блок-схема (block diagram). Показывает ключевые шаги, которые проходит процесс, в виде связанных друг с другом стрелками блоков. Отображается в свободной форме, когда шаги показаны произвольными фигурами, а стрелки могут быть двунаправленными или вообще не иметь направления. Кроме того, блоки могут быть объединены в группы. Например, упрощенная схема передвижения средств при SMS-платежах.
Рисунок 24. Пример неформализованной блок-схемы
Диаграмма циклического процесса. Показывает ключевые шаги процесса, который содержит набор повторяющихся действий. Циклическая часть отображается в виде кольца, которое образуют соединенные стрелками шаги. А начало и окончание процесса — входящей и выходящей из круга стрелками. Например, последовательность процесса проверки качества, который проходит во время работы над программным продуктом.
Рисунок 25. Пример диаграммы циклического процесса
Диаграмма Сэнки (Sankey diagram). Показывает ключевые шаги процесса и интенсивность его протекания на каждом из участков. Отображается без узлов, в виде соединяющихся и разветвляющихся линий разной толщины (в зависимости от величины параметра). Имеет любое количество начальных и конечных точек, а значит и множество сценариев развития. Например, процесс передачи тепла от ТЭЦ к бойлерной станции, включая его потери по различным причинам. На диаграммах Сэнки элементы исследуемой схемы соединяются изображениями потоков в виде полос. Ширина этих полос соответствует величинам энергетических и эксергетических потоков.
Рисунок 26. Пример диаграммы Сэнки