Визуализация информации
Классификация
Графики
Линейный график
График рассеивания
Диаграмма сравнения
Деревья и структурные диаграммы
Диаграммы визуализации процесса
Матрицы
Диаграммы времени
Карты
Диаграммы связей
Иллюстрации
Паттерны визуализации
Инструменты для визуализации данных
Создание видео
Pictochart
Easel.ly
Visual.ly
Быстрый, доступный и простой сервис, представляющий собой платформу для визуализации данных и инфографики. Помогает создать привлекательное, красивое содержание, которое позволит вам выделиться.
Infogr.am
Tableay
Balsamiq
OmniGraffle
Timeline JS
Present.me
Процесс создания
Определение задачи и целевой аудитории
Важно понимать, что и кому хочет показать автор своей инфографикой. Необходимо учитывать, знаком ли человек с описываемой темой или ему нужны дополнительные пояснения, увидит ли он графику саму по себе или вместе с другой тематической информацией? Хорошо, если сообщение будет не только рассказано целевой аудитории, но и понято ей.
Сбор данных для визуализации
Какие-то из них будут основными, какие-то — вспомогательными, поэтому полезно иметь как можно больше исходных данных. Они могут и не понадобиться, но в подходящем случае смогут подчеркнут смысл. Если визуализация будет динамически генерируемой или интерактивной, понадобятся соответствующие источники информации.
Выбор типа визуализации и инструмента разработки
Внешний вид итоговой картинки определяется задачей и собранными данными. Нужно ли сравнить их, показать связи между ними, изменение их значений с течением времени или что-то другое? Если визуализация будет динамически генерируемой или интерактивной, следует к этому моменту также выбрать инструмент разработки — технические ограничений существовать не должно.
Создание набросков и проверка на реальных данных
Полезно предварительно смоделировать будущую картинку в виде рисованного на бумаге скетча или чернового наброска в электронном виде. Это позволит заранее увидеть многие из потенциальных проблем и, если нужно, подкорректировать изначальный план. Крайне желательно использовать для набросков реальные данные — их может либо не хватить для выбранного типа визуализации, либо наоборот, картинка получится слишком перегруженной.
Отрисовка в дизайне и программная реализация
Оформление визуализации зависит от контекста использования итоговой картинки. Будет ли это самостоятельное изображение или часть другого документа или программы; будет ли она показана на бумаге, компьютере или мобильном; нужно ли предусмотреть элементы управления в случае интерактивной инфографики? Все это накладывает ограничения на внешний вид создаваемой визуализации.
Применение
Применение на практике
Справочная информация
Дополнение к основному тексту, наглядно иллюстрирующее его упоминаемыми данными. Скажем, дать общее представление о динамике одного из показателей, либо отобразить какой-то процесс и его этапы; может быть — показать структуру некого явления.
Интерактивные сервисы
Иллюстрации
Чертежи и схемы
Эксперименты и искусство
Использование в веб-сервисах
Статистика и отчеты
Картография и привязка данных к географии
Отслеживание метрик
Отображение процесса
Привязка событий ко времени
Сложные статистические данные
Проекты, совмещается сразу несколько инструментов визуализации
New York Times Visualization Lab; Washington Post; USA Today
Специальные проекты по сбору статистики, отображающие сложные политические или экономические данные
GapMinder; Akamai Real-Time Web Monitor Every Moment Now; Daytum
Экспериментальная навигация
Отображение связей