ИнфографикаЧеренщикова Анна,cheren90@mail.ru

Что это?

Infographic presents information. The designer edits the data to tell a story. When visualization lets readers explore the data and come up with their own story.Alberto Cairo, “The Functional Art: An Introduction to Information Graphics and

Visualization”

Инфографика — это визуальное представление информации.http://wikipedia.org

Кто ее делает?

Программист

Журналист

Дизайнер

Универсальный специалист ОЧЕНЬ знаком с:

• статистикой;• журналистикой;• программированием;• базами данных;• графическим

дизайном;• english language.

Какая она должна быть?

Функциональная

Многослойная

Красивая

Alberto Cairo, “The Functional Art: An Introduction to Information Graphics and Visualization”

Язык визуальных символовАнатолий Бондаренко

Какие бывают данные?

Типы данных

Списочные

Категорийные Упорядоченные

Количественные

Порядковые

Реляционные Пространственные

Визуальное кодирование – это визуальные метки (точка, линия, форма…) и каналы передачи визуальной информации (позиция, цвет, размер…), которые определяют как эти метки будут выглядеть.

Визуальные каналы:

Кодируй важные атрибуты при помощи наиболее эффективных каналов.

Как быстро показать отличный элемент?

Перед началом работы ответьте на вопросы:

• На какой главный вопрос должна ответить визуализация (актуальность, ценность, аудитория)?•  Какие данные у вас есть в наличии, и

достаточно ли их для того чтобы выполнить п.1?• Какими методами вы воспользуетесь,

чтобы реализовать п.1 используя п.2.?

Инструментарий

http://www.behance.net/gallery/Information-graphics-in-context/924345

Обработка данных:

• R;платформа для обработки очень больших объемов информации, текстовое программирование

• SQL;универсальный компьютерный язык, применяемый для создания, модификации и управления данными в реляционных базах данных

• Excel;• Google Tables;• Google Refine.

Графика:

• Adobe Illustrator;• Corel Draw;• Inkscape;• Nodebox;• библиотека d3.js;для создания интерактивной инфографики

Карты:

• CartoDBArcGIS;• QuantumGIS;• OpenStreetMap;• TileMill.

Историяhttp://www.slideshare.net/igroshek/ss-14499860

Вдохновение

NYTimeshttp://www.nytimes.com/interactive/2012/09/06/us/politics/convention-word-counts.html#Tax

Flowingdatahttp://flowingdata.com

Visual.lyhttp://visual.ly/

Guardianhttp://www.guardian.co.uk/news/datablog

Goodhttp://www.good.is/infographics

Следовать

• Anatoliy Bondarenko  @dvrnd• Alberto Cairo  @albertocairo• Charles M. Blow @CharlesMBlow

Смотреть

• TheAnnaChe

Читать

• Colin Ware

• Tamara Munzner

• Jacques Bertin• Alberto Cairo