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

7

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

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

Динамическая инфографика: анимация или интерактив?
Динамическая инфографика как анимциия интерактивной визуализации. Сервисы для создания динамической инфографики. 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

Примеры использования шаблона «Гонка»

Пример использования шаблона «Гонка графиков»

Пример использования шаблона
«Пузырьковая диагарамма»

Практикум 7

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

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

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

При использовании пузырьковой диаграммы (основанной на своих данных) в динамическом режиме балл х2

Задание на зачёт! Скачайте в свой аккаунт пузырьковую диаграмму https://public.flourish.studio/visualisation/2112165/

Используйте таблицу https://www.dropbox.com/s/ms1vpwpxx848rrd/COVID19.xlsx?dl=0 и данные источников: 1 и 2 чтобы обновить эту диаграмму до даты 01.06.2020