avatar

Предназначение, разновидности и применение визуализации на практике

Разные типы данных требуют разных способов представления. К данному моменту разработан и выделен ряд базовых типов визуализации, которые подходят для различных случаев. Существует несколько видом визуализации. Рассмотрим их

Графики

Графики строятся по некоторым осям, зависимых данных друг от друга.

ЛИНЕЙНЫЙ ГРАФИК

Наиболее распространенный график. Объединяет линией набор точек, которые соответствуют значениям по осям.

ГРАФИК РАССЕИВАНИЯ

Показывает распределение определенного набора точек, которые соответствуют значениям по осям. Между точек зачастую строится выравнивающая кривая. Она демонстрирует закономерности значений.

СТРУКТУРНЫЕ ДИАГРАММЫ И ДЕРЕВЬЯ.

Отражают структуру  данных, а также взаимосвязи между его частями.

МЕНТАЛЬНАЯ КАРТА

Отображает структуру и состав понятия или явления в виде дерева, где каждый узел имеет дочерние элементы.

ДЕРЕВО

Строится в виде соединенных линиями узлов. Узел выглядит как круг или прямоугольник.

Показывают иерархию данных, где элементы между собой являются дочерними или родительскими.

Пример: карта сайта.

ПЛОСКОЕ ДЕРЕВО

Описывает иерархию определенного набора данных, где элементы являются между собой дочерними либо родительскими. Отображается как набор вложенных прямоугольников, где каждый из них — ветвь дерева. Внутри него — дочерние ветви и элементы. Прямоугольники в зависимости от заданных параметров отличаются размером и цветом.

Пример: детальная структура бюджета компании.

Диаграммы

Диаграммы сравнения отражают соотношения набора данных.

ГИСТОГРАММА

Отражает распределение набора данных внутри выборки (в виде столбиков).

Пример: количество сотрудников школы по нескольким возрастным группам.

СТОЛБИКОВАЯ ДИАГРАММА

Столбиковая диаграмма показывает один/несколько наборов данных. При этом сравнивает их между собой. Есть 2 варианта отображения в случае некоторого количества наборов. Первый — в виде одного поделенного внутри в соответствии с долями значений. Второй вариант отображения-отображение в виде нескольких соседних столбцов.

Пример: прибыль каждый год 3-ех компаний за последние пять лет /их доли рынка за 5 лет.

ПЛОЩАДНАЯ ДИАГРАММА

Сочетание диаграммы и графика — по 2-ум осям расставлены точки, соответствующие значениям. При этом сами точки не соединены, имеют различную величину, которая задается 3-им параметром.

Пример: сравнение общей стоимости покупки, количества купленных товаров и величины всего бюджета покупателя.

КРУГОВАЯ ДИАГРАММА

В случае круговой диаграммы отражается доля, которая занимается каждым значением внутри набора информации. Выглядит как разбитый по частям круг.

Пример: доли рынка сотовых операторов.

Также возможно отображение сразу несколько наборов данных — в этом случае диаграммы наложены друг на друга (каждая меньше предыдущей).

Пример: доли рынка сот. операторов за последние три года.

ДИАГРАММА РАЗБРОСА

Диаграмма разброса показывает максимальную и минимальную величину значений в наборе данных.Смотрится равно как усеченная столбиковая диаграмма. Основание столбика находится в точке наименьшего значения по вертикали.

Пример: разброс оценок по предмету в разных районах населенного пункта.

КОЛЬЦЕВАЯ ДИАГРАММА

Отличается от круговой диаграммы. Выглядит как частично закрашенное кольцо. Показывает процент от максимального количества, занимающее одно из нескольких значений в наборе данных.

В пример возьмём количество завоеванных медалей относительно максимального.

ЛЕПЕСТКОВАЯ ДИАГРАММА

Лепестковая диаграмма сравнивает величины нескольких значений. Точки объединяются линиями. Число осей соответствует числу значений. Пример: успеваемость учеников.

ТЕПЛОВАЯ ДИАГРАММА

Эта диаграмма сравнивает значения в наборе данных. При этом закрашивает эти значения каким то  из цветов в выбранном спектре.

Основа- другая диаграмма, где расставлены значения, или изображение. Цвет соответствует величине параметра.

Пример: элементы страницы сайта, на которые посетители нажимают чаще всего. Также тепловую диаграмму можно увидеть на различных сайтах с прогнозами погоды (например, сайт гисметео).

ДИАГРАММА ВЕННА-ЭЙЛЕРА

Данная диаграмма отражает отношения между значениями набора данных в виде кругов, которые зачастую накладываются или лежат друг на друге, а область пересечения кругов показывает их общее. В данном примере, успех проекта является пересечением бюджета, поставленных задач и соблюдения сроков.

ФОРМАЛИЗОВАННЫЕ СТРУКТУРНЫЕ ДИАГРАММЫ

Показывает структуру и состав системы в виде описанных карточек, связанных между собой как дочерние и родительские.

Пример: все сущности, необходимые для работы одного из модулей программной системы.

ОБЛАКО ТЕГОВ

Облако тегов сравнивает фразы или ключевые слова, содержащиеся внутри фрагмента набора данных. Каждому фрагменту задается свой размер шрифта.

Примера: конспект урока с помощью ключевых слов.

 СКРАЙБИНГ

Скрайбинг — это создание небольших понятных рисунков, которые делают смысл лекции или презентации более понятным.

Пример: план урока в виде небольших картинок, конспект лекции с использованием картинок.

ИНФОГРАФИКА

Инфографика — это графический способ подачи информации, данных и знаний, целью которого является быстро и чётко преподносить сложную информацию.

Пример: Применение инфографики может быть разнообразным: урок, проект, исследовательская деятельность, самообразование. Задания с использованием инфографики могут применяться на любых предметах: информатика, экономика, математика.

Ресурсы

http://www.studfiles.ru/preview/1569143/

http://experiment.ru/technologies/data-visualization-1/

https://habrahabr.ru/company/devexpress/blog/240325/