Transcript Визуализация

Колокольцева И.В, методист МКУ
«ЦФРЭО»Колосовского МР
1





Визуализация в общем смысле — метод представления информации в
виде оптического изображения (например, в виде
рисунков и фотографий, графиков, диаграмм,
структурных схем, таблиц, карт и т. д.).
Очень эффективно визуализация используется для представления
изначально не зрительной информации (например, температуры, плотности
населения, распределения уровней электромагнитных полей и т. д.), т.е. для
их более наглядного изображения
Инфографика — это визуальное представление информации
Инфогра́фика (от лат. informatio — осведомление, разъяснение, изложение;
и греч. γραφικος — письменный, от греч. γραφω — пишу) — это
графический способ подачи информации, данных и знаний. Иначе
именуется как информационный дизайн.
КРАТКАЯ ИСТОРИЯ ВИЗУАЛИЗАЦИИ ЗДЕСЬ
Материал из Википедии — свободной энциклопедии
2
Что может донести информацию
лучше слов?
ИЗОБРАЖЕНИЕ!
Силой визуализации пользуются
все, кто ставит своей целью
донесение информации до
аудитории.
3
Почему визуализация важна?




Она позволяет видеть то, что иначе сложно заметить. Да, информация
присутствует в данных, но без визуализации вы не замечаете зависимостей.
Она дает ответы на многие вопросы быстрее. В простейшем случае гораздо
проще поглядеть на график и увидеть, чем на колонку цифр.
Хорошая визуализация позволяет “исследовать данные”, поиграть с ними,
выявляя интересные вещи, что особенно важно в исследованиях.
В наше время объемы данных растут с невероятной скоростью.
Визуализация помогает справиться с возрастающей сложностью и
разнообразием данных.
Все любят смотреть на интригующие цветные картинки, но практически
никто не любит скучные таблицы с цифрами. Субъективное восприятие
информации, доверие к информации выше, когда она подана визуально.
4
Классический
пример
использования
визуализацииэпидемия
холеры в
Лондоне доктором
Джоном Сноу.
5
Области использования визуализации данных






Статистика и отчеты. Данные за некий период времени показываются вместе. Например,
статической картинкой в приложении к отчету или настраиваемым графиком в сервисе
статистики, с возможностью изменения параметров его отображения.
Справочная информация. Дополнение к основному тексту, наглядно иллюстрирующее его
упоминаемыми данными. Например, дать общее представление о динамике одного из
показателей, либо отобразить какой-то процесс и его этапы; может быть — показать структуру
некоего явления.
Интерактивные сервисы. Продукты и проекты, в которых инфографика является частью
функциональности. Так, в качестве средства навигации по сервисам может являться диаграмма
процесса. Почти все, что связано с работой с картами специализированных системах вроде
диспетчерских и большей части компьютерных игр.
Иллюстрации. Красивое отображение данных для создания самостоятельных иллюстраций.
Чертежи и схемы. Специализированные документы, показывающие структуру и процесс работы
сложных инженерных и природных систем
Эксперименты и искусство. Визуализация данных в виде сложных и громоздких изображений,
которые сложно “прочитать” бегло — объем данных и взаимосвязей между ними таков, что
нужно разбираться с картинкой по частям; либо просто абстрактные изображения, автоматически
сгенерированные. В последнее время направление все более популярно и периодически
выходит за рамки компьютерной графики — например, в виде графиков-скульптур.
6
Набор инструментов визуализации обширен — от простейших линейных
графиков до сложных отображений множества связей.
Разбить их можно на несколько типов:

Графики

Диаграммы сравнения

Деревья и структурные диаграммы

Карты

Диаграммы связей

Деревья и структурные диаграммы

Диаграммы визуализации процесса

Матрицы

Диаграммы времени

Карты

Диаграммы связей

Иллюстрации

Подробнее здесь
7
Периодическая таблица методов визуализации информации
Кликните по
картинке и
посмотрите таблицу - когда наводишь
мышкой на любой
элемент всплывает
окошко с примером
указанного метода
графического
представления
информации
8



С развитием технологий Web 2.0 пользователи могут интерактивно работать с
данными, создавать свои собственные визуальные представления. Многие
статистические организации в настоящее время предоставляют доступ к своим базам
данных, позволяя пользователям самостоятельно искать и загружать статистическую
информацию. Данные функции во все большей степени дополняются набором
инструментов визуализации, которые позволяют пользователям создавать таблицы,
графики или карты в режиме онлайн без необходимости загрузки данных и работы в
другом приложении.
Интернет в настоящее время является двусторонним форумом, на котором
пользователи могут обмениваться своими собственными графическими
представлениями данных и обсуждать свои выводы.
Примерами онлайновых сообществ, которые обсуждают данные и графики и
обмениваются ими, являются такие веб-сайты, как Many Eyes, и Data Place , которые
позволяют построить полтора десятка типов инфографики на основе любого набора
данных.
9
Он-лайн сервисы, позволяющие генерировать графики, диаграммы и т.д :

Lovely Charts Сервис позволяет создавать диаграммы всех видов, таких как
блок-схемы, карты сайта, бизнес-процессов, организационных диаграмм,
каркасы и многое другое.

Gliffy. Сервис позволяет легко создавать блок-схемы, диаграммы,
поэтажные планы, чертежи и многое другое.

Google Chart Сервис позволяет создавать линейные графики, различные
диаграммыдиаграммы

Сacoo создание различных диаграмм, графиков, карт и др

ChartGo быстрое создание диаграмм

Create a Graph создание диаграмм

Diagramly создание схем, диаграмм, информационных карт и др

Google Ngram Viewer визуализация частоты упоминания

Mapwing создание интерактивных туров с использованием различных
объектов

Mind42 Создание ментальных карт

Mindomo создание ментальных карт
10
Он-лайн сервисы, позволяющие генерировать графики, диаграммы и т.д :







Piecolor создание диаграмм
Rich Chart Live создание "живых" диаграмм
Spiderscribe_NET сервис для создания когнитивных карт
Tagxedo Генерация облака слов с действующими ссылками поиска
Ultimate FlashFace создание фотороботов
WordCloud генерация облака слов сайта/блога по ссылке
Word It Out генерация облака слов
Wordle-net генерация облака ключевых слов
Google карты используем и редактируем карты
Quickmaps быстрое редактирование карт
PinPoint привязка тегов к карте, информация, Карты от Google и Яндекса
Wikimapia редактируем карты, объекты добавляем фото и комментарии
11
12


Созданные ЦОРы можно защитить паролем от
последующего редактирования.
Созданные ЦОРы можно сохранить на
компьютере, чтобы не быть зависимым от
наличия/отсутствия интернета.
Примеры использования:
http://wiki.omskedu.ru/index.php?title=%D0%A2%D0%B0%D0%B1%D0%BB%D0%B8%D1%86%D0%B0_%D0%9F%D1%
80%D0%B5%D0%B4%D0%BB%D0%BE%D0%B6%D0%B5%D0%BD%D0%B8%D1%8F_%D1%83%D1%87%D0%
B0%D1%81%D1%82%D0%BD%D0%B8%D0%BA%D0%BE%D0%B2_%D0%BC%D0%B0%D1%81%D1%82%D0%
B5%D1%80%D0%BA%D0%BB%D0%B0%D1%81%D1%81%D0%B0_%D0%BF%D0%BE_%D0%B8%D1%81%D0%BF%D0%
BE%D0%BB%D1%8C%D0%B7%D0%BE%D0%B2%D0%B0%D0%BD%D0%B8%D1%8E_%D1%81%D0%B5%D1
%80%D0%B2%D0%B8%D1%81%D0%B0_Classtols.net
14
Как работать с сервисом Classtools.net
Шаблоны
15
Желаем удачи в
освоении сервисов!
16