Колокольцева И. В, методист МКУ « ЦФРЭО » Колосовского МР 1. - презентация

1 Колокольцева И. В, методист МКУ « ЦФРЭО » Колосовского МР 1

2 Визуализация в общем смысле метод представления информации в виде оптического изображения ( например, в виде рисунков и фотографий, графиков, диаграмм, структурных схем, таблиц, карт и т. д.). информации оптического изображения рисунков фотографий графиков диаграмм схем таблиц карт Очень эффективно визуализация используется для представления изначально не зрительной информации ( например, температуры, плотности населения, распределения уровней электромагнитных полей и т. д.), т. е. для их более наглядного изображения зрительной температуры плотности населения электромагнитных полей изображения Инфографика это визуальное представление информации информации Инфографика ( от лат. informatio осведомление, разъяснение, изложение ; и греч. γραφικος письменный, от греч. γραφω пишу ) это графический способ подачи информации, данных и знаний. Иначе именуется как информационный дизайн. лат. греч. письменный греч. информации КРАТКАЯ ИСТОРИЯ ВИЗУАЛИЗАЦИИ ЗДЕСЬ ЗДЕСЬ Материал из Википедии свободной энциклопедии 2

3 3 Что может донести информацию лучше слов ? ИЗОБРАЖЕНИЕ! Силой визуализации пользуются все, кто ставит своей целью донесение информации до аудитории.

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

5 5 Классический пример использования визуализации- эпидемия холеры в Лондоне - доктором Джоном Сноу.

6 Области использования визуализации данных Статистика и отчеты. Данные за некий период времени показываются вместе. Например, статической картинкой в приложении к отчету или настраиваемым графиком в сервисе статистики, с возможностью изменения параметров его отображения. Справочная информация. Дополнение к основному тексту, наглядно иллюстрирующее его упоминаемыми данными. Например, дать общее представление о динамике одного из показателей, либо отобразить какой-то процесс и его этапы; может быть показать структуру некоего явления. Интерактивные сервисы. Продукты и проекты, в которых инфографика является частью функциональности. Так, в качестве средства навигации по сервисам может являться диаграмма процесса. Почти все, что связано с работой с картами специализированных системах вроде диспетчерских и большей части компьютерных игр. Иллюстрации. Красивое отображение данных для создания самостоятельных иллюстраций. Чертежи и схемы. Специализированные документы, показывающие структуру и процесс работы сложных инженерных и природных систем Эксперименты и искусство. Визуализация данных в виде сложных и громоздких изображений, которые сложно прочитать бегло объем данных и взаимосвязей между ними таков, что нужно разбираться с картинкой по частям; либо просто абстрактные изображения, автоматически сгенерированные. В последнее время направление все более популярно и периодически выходит за рамки компьютерной графики например, в виде графиков-скульптур. 6

7 Набор инструментов визуализации обширен от простейших линейных графиков до сложных отображений множества связей. Разбить их можно на несколько типов: Графики Диаграммы сравнения Деревья и структурные диаграммы Карты Диаграммы связей Деревья и структурные диаграммы Диаграммы визуализации процесса Матрицы Диаграммы времени Карты Диаграммы связей Иллюстрации Подробнее здесь 7

8 8 Кликните по картинке и посмотрите таблицу - - когда наводишь мышкой на любой элемент всплывает окошко с примером указанного метода графического представления информации Периодическая таблица методов визуализации информации

9 С развитием технологий Web 2.0 пользователи могут интерактивно работать с данными, создавать свои собственные визуальные представления. Многие статистические организации в настоящее время предоставляют доступ к своим базам данных, позволяя пользователям самостоятельно искать и загружать статистическую информацию. Данные функции во все большей степени дополняются набором инструментов визуализации, которые позволяют пользователям создавать таблицы, графики или карты в режиме онлайн без необходимости загрузки данных и работы в другом приложении. Интернет в настоящее время является двусторонним форумом, на котором пользователи могут обмениваться своими собственными графическими представлениями данных и обсуждать свои выводы. Примерами онлайновых сообществ, которые обсуждают данные и графики и обмениваются ими, являются такие веб - сайты, как Many Eyes, и Data Place, которые позволяют построить полтора десятка типов инфографики на основе любого набора данных.Many EyesData Place 9

10 Он-лайн сервисы, позволяющие генерировать графики, диаграммы и т.д : Lovely Charts Сервис позволяет создавать диаграммы всех видов, таких как блок-схемы, карты сайта, бизнес-процессов, организационных диаграмм, каркасы и многое другое. Lovely Charts Gliffy. Сервис позволяет легко создавать блок-схемы, диаграммы, поэтажные планы, чертежи и многое другое.Gliffy Google Chart Сервис позволяет создавать линейные графики, различные диаграммы Google Chart Сacoo создание различных диаграмм, графиков, карт и др Сacoo ChartGo быстрое создание диаграмм ChartGo Create a Graph создание диаграмм Create a Graph Diagramly создание схем, диаграмм, информационных карт и др Diagramly Google Ngram Viewer визуализация частоты упоминания Google Ngram Viewer Mapwing создание интерактивных туров с использованием различных объектов Mapwing Mind42 Создание ментальных карт Mind42 Mindomo создание ментальных картindomo 10

11 Он-лайн сервисы, позволяющие генерировать графики, диаграммы и т.д : Piecolor создание диаграмм Piecolor Rich Chart Live создание " живых " диаграмм Rich Chart Live Spiderscribe_NET сервис для создания когнитивных карт Tagxedo Генерация облака слов с действующими ссылками поиска Spiderscribe_NET Tagxedo Ultimate FlashFace создание фотороботов Ultimate FlashFace WordCloud генерация облака слов сайта / блога по ссылке Word It Out генерация облака слов Wordle-net генерация облака ключевых слов WordCloud Word It Out Wordle-net Google карты используем и редактируем карты Quickmaps быстрое редактирование карт Google карты используем и редактируем карты Quickmap PinPoint привязка тегов к карте, информация, Карты от Google и Яндекса Wikimapia редактируем карты, объекты добавляем фото и комментарии PinPoint Wikimapia 11

12 12

13

14 14 Созданные ЦОРы можно защитить паролем от последующего редактирования. Созданные ЦОРы можно сохранить на компьютере, чтобы не быть зависимым от наличия/отсутствия интернета. Примеры использования: 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

15 15 Шаблоны Как работать с сервисом Classtools.net

16 Желаем удачи в освоении сервисов ! 16