Тема 10. Создание динамической и видео- инфографики

10

Создание динамической и видео- инфографики

Содержание темы 10

Динамическая инфографика: анимация или интерактив?

Динамическая инфографика как анимация интерактивной визуализации. Сервисы для создания динамической инфографики. Динамические шаблоны flourish. Гонки графиков. Гонки диаграмм. Пузырьковая диаграмма. Динамическая карта.

Видеоинфографика.

Видео-инфографика

Инфографика данных и инфографика знаний. Примеры видео-инфографики.

Инфографика данных
The Fallen of World War II. Потери Второй мировой войны

Инфографика знаний
Основные понятия дизайна за 1 минуту. Elements of Design

Видеоинфографика 1/2
European historic mobility 0 to 2012 CECharting culture (см. статью «Глобальный философский пароход»)

Видеоинфографика 2/2
Charting culture (см. статью «Глобальный философский пароход»)

Лучшие примеры инфографики (в т.ч. видеоинфографики)
Инфографика, интерактивные карты, визуализация — 20+ лучших проектов, которые войдут в учебники

Сложная визуализация включающая псевдовидео (последовательности изображений)
Mars Curiosity Rover Tracker

Сложная визуализация включающая псевдовидео (последовательности изображений).
C сайта Urban Layers.

Демонстрация физического смысла тригонометрических функций

Анимация решета Эратосфена (алгоритм нахождение простых чисел)

Как запомнить внешний вид математических функций

Демонстрация понятия «глубина резкости»

Демонстрация видеоряда, построенного программным обеспечением.
Объяснение и показ действия алгоритмов сортировки. Весь плейлист.

Демонстрация видеоряда, построенного программным обеспечением.
Сравнение скорости 9 разных алгоритмов сортировки. Весь плейлист.

Объективная видеосъемка научного эксперимента. Пространственно-временная эволюция колоний микробов на подложке с антибиотиком. Подробнее.

Видео-таймлайн и видеомасштабирование

Динамическая инфографика как способ фиксации временной координаты любой визуализации (timeline) или способ фиксации процесса масштабирования.

«Видео-таймлайн»
История Европы. Карта Европы за 1000 лет

«Видео-таймлайн»
История Европы. Карта Европы с 400 года до н.э. до наших дней

«Видео-таймлайн»
Распространение христианства с I века до наших дней

Видео как «Ось масштабов»
Сравнение размеров планет и звёзд

Видео как «Ось масштабов»
Размеры вселенной — от микромира до космических масштабов

Видеопутешествие по изображению высокой чёткости (гигапиксельной картинке). «Полк, смирно!»

Видеопутешествие по изображению высокой чёткости (гигапиксельной картинке). «Туманность Андромеды»

Работа с сервисом Flourish

Обзор сервиса.
Создание видео-инфографики с использованием шаблона Bar chart race.

Обзор сервиса Flourish. Визуализация простых данных
CC BY, «Теплица социальных технологий» и Владимир Ломов

Обзор сервиса Flourish. экспорт проектов и работа со сложными графиками
CC BY, «Теплица социальных технологий» и Владимир Ломов

Обзор сервиса Flourish. Шаблон «Гонка графиков» (Bar chart race)
CC BY, «Теплица социальных технологий» и Владимир Ломов

Подробное оглавление ролика — на YouTube

Подробный обзор сервиса Flouris

Шаблон видео-инфографики: Bar chart race

Примеры интерактивной видеоинфографики, созданной в сервисе Flourish

Еще один пример: http://contentium.tilda.ws/page8226701.html

Практикум 10

Создать инфографику при помощи одного из динамических шаблонов сервиса Flourish.

Используйте Пошаговую инструкцию (шаблон Survay).
Либо используйте в качестве инструкции один из учебных роликов, размещённых выше.

При использовании шаблона из раздела «Гонка» балл х2

Возможные источники данных:
1. https://www.gapminder.org/data/ — возможна загрузка таблиц в формате Excel или
2. http://www.demoscope.ru/ например, http://www.demoscope.ru/weekly/app/app4007.php (можно скачать Excel-файл)
3. Скачать готовую таблицу (использовать вкладку «Flourish»)