ИнфографикаЧеренщикова Анна,[email protected]
Что это?
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
Следовать
• Anatoliy Bondarenko @dvrnd• Alberto Cairo @albertocairo• Charles M. Blow @CharlesMBlow
Смотреть
• TheAnnaChe
Читать
• Colin Ware
• Tamara Munzner
• Jacques Bertin• Alberto Cairo