Карта — это построенное в картографической проекции, уменьшенное, обобщенное изображение поверхности Земли, другого небесного тела или внеземного пространства, показывающее расположенные на ней объекты или явления в определенной системе условных знаков.
Во время американских выборов 2012 года, когда карты избирательных зон заполонили эфир и новостные ленты, Сьюзен Шултен опубликовала замечательный материал об “изобретении инфографики”. Она проследила исторический путь американской инфографики вплоть до инновационной визуализации данных, которую в 1874 году опубликовал предприимчивый статистический картограф Фрэнсис Амаса Уокер. После работы над переписью населения 1862 года ему удалось убедить Конгресс Соединенных Штатов принять несколько проектов, в них для нанесения образа нации на карту использовались статистические корреляции и новейшие техники литографии. Очевидно, что любая работа отражает и почерк, и компетентность своего создателя, но в картах Уокера, помимо этого, читаются волнение и упорство, которое он проявил, анализируя данные девятой переписи населения США 1870 года. Картограф усовершенствовал способ отображения распределения достатка, здоровья и заболеваний среди жителей до такой степени, какой не достигали никогда ранее.
Фрэнсис Амаса Уокер видел в американской переписи не просто способ узнать численность населения штатов, но возможность расширить видение нации при помощи более сложного показателя: плотности населения на квадратную милю. Это было необходимо для того, чтобы создать диаграмму заселенности страны, а затем использовать полученный образ в качестве демографического инструмента. Он работал с переписью в надежде использовать карту как средство отображения дополнительных наборов данных, наносил на нее соотношения между плотностью и определенными количественными переменными, например, соотношение численности населения и распределения благосостояния, грамотности, уровня рождаемости и заболеваний. Но вовсе не политические предпочтения американцев. В 1872 и 1873 годах конгресс США финансировал множество сложных карт, в общественную полезность которых их заставил поверить настойчивый картограф. Результаты его кропотливого труда преобразовали пространственные контуры государства в детальную картину нации, не вдаваясь в юридические подробности. И, таким образом, получили независимые полномочия социологического исследования и инструмента связи с общественностью.
Саймон Роджерс — автор книги «Священные факты» — Facts are Sacred, создатель и редактор ресурсов Datablog и Datastore в The Guardian, с недавнего времени редактор данных в Twitter – делится с читателями секретами использования самых простых и бесплатных инструментов для создания «быстрых», повседневных визуализаций.
Приступаете к работе над визуализацией? Находитесь в поиске простого инструмента? Нам по пути.
Военные журналы Wikileaks: каждая смерть нанесена на карту. Полная интерактивная версия.
Итак, какие из разнообразных инструментов визуализации данных одновременно полезны, просты и бесплатны? Здесь, в редакции The Guardian, мы стремимся максимально использовать бесплатные приложения из интернета. Эти слова могут прозвучать слегка лицемерно, так как у нас, очевидно, есть доступ к удивительным ресурсам графической и интерактивной команд Guardian, когда мы работаем над материалами, на которые отведено немного больше времени. Например, вот такая карта бюджетных расходов (созданная при помощи Adobe Illustrator) или интерактив, посвященный восстаниям в Twitter.
Но в повседневной работе мы часто используем те же инструменты, которые доступны всем и каждому — и создаем графику, которую может создать кто угодно.
Так что же мы используем? Продолжить чтение →
Некоторое время назад мы разработали схему, показывающую устройство рынка российской энергетики. Инфографика создавалась для Департамента энергетики и энергоэффективных проектов ОАО «ВБРР». Команда департамента занимается реализацией проектов в области увеличения эффективности использования энергии промышленными предприятиями и организациями ЖКХ и им понадобился простой визуальный инструмент, который позволял бы понятно рассказывать о структуре российского рынка. Мы с радостью включились в задачу!
Тема сложная. Чтобы объяснить кому-то другому, а тем более сделать объясняющий материал, для начала необходимо разобраться самим. Начинаем со сбора исходной информации. Вот так выглядит схема, которая использовалась клиентом для внутренних коммуникаций и которая легла в основу нашей работы:
Как это похоже на устройство любого бизнеса в России!…
Начинаем распутывать загадочный клубок. Чтобы разобраться, кто есть кто среди этих квадратиков и кружков, мы взялись за карандаш и начали визуализировать. На нашей условной карте появились различные генерирующие предприятия (АЭС, ГЭС, ГРЭС, ТЭЦ) и потребители электроэнергии (промышленные предприятия, организации ЖКХ, население), затем мы соединили все это проводами (транспортировка электроэнергии) и добавили продавцов электроэнергии (межрегиональные и региональные сбытовые компании). В заключение была проведена граница оптового и розничного рынка.
Затем последовал этап интенсивной совместной работы, когда за одним столом собирались представители клиента и нашей компании и с карандашом в руках накидывались все новые и новые варианты компановки, расширялась смысловая нагрузка карты и уточнялись роли всех участников рынка.
Нам еще предстояло показать возможные варианты подключения потребителей, разобраться в том, кто такие гарантирующие поствщики, и выяснить, что такое последняя миля. Отдельно хотим сказать большое спасибо коллегам из ВБРР, которые не испугались необходимости объяснять нам все эти страшные аббревиатуры и рассказывать о множестве нюансов рынка.
На этом этапе мы начали переходить от набросков «от руки» к векторным проектировкам. Заодно стали формироваться графические элементы, которые могли бы использоваться в конечном варианте карты. Чтобы наглядно показать, как электричество попадает в наши дома и на промышленные предприятия, мы построили целый городок со всеми удобствами, канализацией и центральным теплоснабжением, троллейбусной линией, отличным школьным зданием и бензоколонкой. Большинство людей, которые живут в этом сказочном городе, вероятно работают на большом нефтеперерабатывающем заводе, который расположился на южных окраинах. За городом для производства электричества мы построили атомную станцию, гидроэлектростанцию, конденсационную станцию, а в черте города появилась небольшая теплоцентраль. Если же вам претит городская суета, то можно поселиться на природе и пользоваться солнечными батареями, энергией ветра или генератором на биотопливе.
Разобравшись с «генерацией» и «потреблением», мы перешли к более тонким деталям и снова обратились за технической информацией к заказчику. За счет использования изображений стандартных опор ЛЭП различной формы визуально проявилась иерархическая структура сетевых компаний (ФСК, МРСК), была возведена магистральная ветка ЛЭП. Появилось направление движения электроэнергии, определились розничный и оптовый рынки, а так же область «вне рынка» (оказывается, так тоже бывает!). Продолжить чтение →
В книге Handbook of Data Visualization, пока не переведенной на русский язык (автор Michael Friendly), представлена хорошая аналитическая работа об истории инфографики. Представляю свой вольный перевод этого материала, структурирующего разные события в истории интересного нам предмета.
Основные опорные точки по мнению автора:
Принято думать, что информационный дизайн имеет сравнительно короткую историю. По факту же визуализация имеет очень развитые корни. История начинается с ранних карт и медицинских теорий. В дальнейшем прогресс в математике, торговле, сборе статистических данных и в науке в целом сильно ускорил развитие визуального мышления. Этот процесс проходил наравне с изменением технологий и методов по сбору данных, их хранению и передаче.
Все это дало очень благодатную и разнообразную почву для развития информационного дизайна, которую современные авторы часто игнорируют и начинают летоисчисление инфографики намного позже.
Пройдем по основным периодам: шкала времени показывает деление на «визуализационные периоды». Это деление условно, но каждый период характеризуется определенными особенностями и имеет свои причины возникновения и свои условия развития. К сожалению, в книге была возможность отобразить только простейшие ч.б изображения.
До 17 века – Ранние карты и диаграммы
Первое зерно визуализации зародилось в геометрических диаграммах, в таблицах положений звезд, иллюстрациях частей тела и в навигационных картах.
Среди ранних отображений количественной информации есть график перемещения звездных тел (найденный Funkhouser, повторенный Tufte), где в двумерной системе координат показано движение планет. Этот график служит хорошей иллюстрацией данного периода.
Откылся Московский городской портал открытых данных data.mos.ru. Это проект, который посвящён публикации открытых данных в интернете. Город выкладывает различные статистические данные — а граждане имеют возможность найти необходимое учреждение, узнать статистику или же пожаловаться соответствующим органам. Общая концепция «открытые данные» существует уже давно, но впервые всё собрано системно, на одном портале, и с удобным интерфейсом для использования.
Для инфографики, подобный проект представляет большой интерес, потому что появляется возможность создавать визуализации, полезные для общества, основанные на реальных данных. Мы тоже думаем о том, какие визуализации сделать с его использованием — кто-нибудь хочет присоединиться к идейной работе? Пишите в комментариях!
Давайте познакомимся с порталом подробнее.
Ранее элементы системы проходили закрытое тестирование среди добровольцев, в котором приняли участие более 3 тыс. интернет-пользователей. На портале доступно порядка 140 наборов данных из городских систем, которые прошли предварительную вычистку и готовы для использования сторонними разработчиками.
Представляя проект на заседании московского правительства, глава Департамента информационных технологий Артём Ермолаев выразил надежду, что раскрытие данных в машиночитаемом виде поможет стимулировать рынок ИТ-разработок и расширит список конечных приложений для москвичей.
«Для нас же это даст серьёзную экономию бюджета, потому что нам не надо будет создавать большое количество приложений за счёт бюджетных средств, и мы сможем использовать те наработки, которые сделает рынок», — пояснил министр.
Московская платформа открытых данных стала первой в России официальной площадкой для публикации информации из государственных систем. Данные доступны в трех видах – в таблицах, удобных для восприятия человеком, с картографической привязкой к городской геоинформационной системе Электронный Атлас, а также в машиночитаемых форматах CSV и XML, пригодных для повторного использования. Как мы предполагаем, в последующем может добавиться большое количество дополнительных визуализаций и дэшбордов. Надо заметить, что в целом это очень прогрессивная идея, которая при должной раскрутке станет мощным инструментом работы / поиска.
Имеющиеся датасеты (а их уже больше сотни, и их количество будет увеличиваться) отсортированы по тематическим категориям, таким как образование, культура, досуг, здравоохранение. В частности, пользователи впервые смогут ознакомиться со списком всех сертифицированных парковых аттракционов, которыми можно пользоваться без опасения, или найти ближайшую к дому «молочную кухню». Информацию также можно просматривать по ведомственной принадлежности.
Мы любим, когда инфографика несёт в себе смысл и информацию для осмысления, а не только красиво подаёт факты. Особенно корпоративная. А то, что я хочу показать сегодня, приятно ещё и с эстетической точки зрения.
По заказу испанского инвестиционного агентства DaD наш друг Пабло нарисовал радар-диаграмму, сравнивающую возможности 8 наиболее популярных Web 2.0 сайтов/инструментов, применяемых в коммуникации информации, в частности, корпоративной. Rss, Facebook, Twitter, LinkedIn, Flickr, YouTube, FourSquare, WordPress — разномастные инструменты для одного и того же — коммуникации посредством интернета. И, зная Пабло, конечно же за стильной лаконичной работой кроется достаточно серьёзная аналитическая работа.
Карта позволяет сделать выбор в сторону нужного инструмента, в зависимости от потребностей. Отлично показывает, что нет ни одного супер-сбалансированного инструмента, для каждых потребностей есть свой инструмент.
Лично мне очень нравится. Лаконично. Можно вешать в отделе SMM.
Кстати, в начале года мы делали для DaD отчётный управленческий дэшборд, в котором по радару были распределены сервисы, и и были видны «выбросы» относительно среднего по рынку (показать не можем, ибо конфиденциально). Использовалось для определения наиболее / наименее стоящих внимания сервисов. На этот раз порядок отображения изменен наоборот, и по осям раскиданы критерии сравнения:
Файл также доступен в формате pdf.
Возможно, кому-нибудь из вас пригодится.
Мы уже не раз признавались в своей любви к настоящей, сделанной руками, инфографике. Приятно когда делаешь своими руками, и потом заложенные эмоции начинают передаваться.
Берлинское new media агентство ART+COM пошло дальше — они не только дали зрителю потрогать руками созданные визуализации, но и возможность управлять. Для музея German Hygiene — Museum Dresden (в Дрездене, естественно), была разработана инсталляция «work. Meaning and worry».
Данная работа посвящена ..
Продолжить чтение →
Сегодня исполняется два года с момента регистрации www.infographer.ru (видимо чувство юмора у нас врожденное) — празднуем день рождения и загадываем желания!
К тому же отличный материал подобрался к первому апреля!
Наше сознание воспитано на визуальных образах и иногда не подозреваешь, что у других народов картина мира может быть другой.
Географическая карта мира, как мы ее видим всегда и везде, с Евразией в центре:
Но мир то круглый, и посмотреть на него можно с любой стороны — например США предпочитают смотреть на себя в центре, раскладывая Евразию по обе стороны от себя. И это их земной шар:
Но самое невероятное в том, что Льюис Кэрролл был прав — в южном полушарии люди ходят вверх ногами. Этот факт доказывает карта Австралии!
И это не единичная карта — мир точно так же, со своей позиции видят в ЮАР. Подробнее — в первоисточнике, журнале Индульгирующего нагвалиста, там можно посмотреть карты Франции.
Слово идеально передает информацию, а если оно еще дополнено визуальными возможностями шрифта(цвет, размер, расположение), то образ становится достаточным и исчерпывающим.
Все станет ясно из примеров — для передачи замысла нужны только буквы. И эти работы являются пограничными между инфографикой и типографикой.
Карты городов, созданные только с помощью шрифта:
Карта Италии, рассказывающая все самое главное об этой стране:
Разница русского и японского мировоззрений на примере пословиц:
Анализ гороскопов разных знаков зодиака — одна фигня 😉
Это 4 примера, попавшихся на глаза в последнее время. Явно типографика и инфографика живут рядом и первое хорошо работает на благо второго. А иногда еще и задевают боком картографию 😉
P.S. последние 2 примера созданы с помощью инструмента WORDLE
Этот постер был создан как описание летних каникул Ole Ostring. Путешествие из Норвегии в Англию и обратно — их должно быть встречали красивейшие пейзажи . Изначально, по словам Ole, они хотели вести учет расходов, но в итоге на руках была полная запись деталей путешествия, позволившая создать полноценную инфографику.
Лично я ценю в этой работе удачное визуальное соединение статики (географической карты) и динамики (истории передвижения и временной шкалы).
Из минусов — не могу распознать где же начинается обратный путь…