• Агентство
  • ← Блог

infographer

  • Теория
  • Примеры
    • Примеры
    • Критический взгляд
  • События
    • Текущие события
    • Прошлые события
  • Инструменты
  • Книги
    • Книги
    • Книжный магазин
  • Новости

Тема: карты 24

Карта — это построенное в картографической проекции, уменьшенное, обобщенное изображение поверхности Земли, другого небесного тела или внеземного пространства, показывающее расположенные на ней объекты или явления в определенной системе условных знаков.

Карты в инфографике

Статья10 г. назад Инструментыкарты
Доступная забота

Во время американских выборов 2012 года, когда карты избирательных зон заполонили эфир и новостные ленты, Сьюзен Шултен опубликовала замечательный материал об “изобретении инфографики”. Она проследила исторический путь американской инфографики вплоть до инновационной визуализации данных, которую в 1874 году опубликовал предприимчивый статистический картограф Фрэнсис Амаса Уокер. После работы над переписью населения 1862 года ему удалось убедить Конгресс Соединенных Штатов принять несколько проектов, в них для нанесения образа нации на карту использовались статистические корреляции и новейшие техники литографии. Очевидно, что любая работа отражает и почерк, и компетентность своего создателя, но в картах Уокера, помимо этого, читаются волнение и упорство, которое он проявил, анализируя данные девятой переписи населения США 1870 года. Картограф усовершенствовал способ отображения распределения достатка, здоровья и заболеваний среди жителей до такой степени, какой не достигали никогда ранее.

Фрэнсис Амаса Уокер видел в американской переписи не просто способ узнать численность населения штатов, но возможность расширить видение нации при помощи более сложного показателя: плотности населения на квадратную милю. Это было необходимо для того, чтобы создать диаграмму заселенности страны, а затем использовать полученный образ в качестве демографического инструмента. Он работал с переписью в надежде использовать карту как средство отображения дополнительных наборов данных, наносил на нее соотношения между плотностью и определенными количественными переменными, например, соотношение численности населения и распределения благосостояния, грамотности, уровня рождаемости и заболеваний. Но вовсе не политические предпочтения американцев. В 1872 и 1873 годах конгресс США финансировал множество сложных карт, в общественную полезность которых их заставил поверить настойчивый картограф. Результаты его кропотливого труда преобразовали пространственные контуры государства в детальную картину нации, не вдаваясь в юридические подробности. И, таким образом, получили независимые полномочия социологического исследования и инструмента связи с общественностью.

Карта населения США 1870. Фрэнсис Амаса Уокер

Продолжить чтение →

Сделай сам: бесплатные инструменты визуализации данных

Статья10 г. назад Инструментыкарты, ресурсы по инфографике, Саймон Роджерс
Сolorbrewer

Саймон Роджерс — автор книги «Священные факты» — Facts are Sacred, создатель и редактор ресурсов Datablog и Datastore в The Guardian, с недавнего времени редактор данных в Twitter – делится с читателями секретами использования самых простых и бесплатных инструментов для создания «быстрых», повседневных визуализаций.

Приступаете к работе над визуализацией? Находитесь в поиске простого инструмента? Нам по пути.

Военные журналы Wikileaks
Военные журналы Wikileaks: каждая смерть нанесена на карту.
Полная интерактивная версия.

Итак, какие из разнообразных инструментов визуализации данных одновременно полезны, просты и бесплатны? Здесь, в редакции The Guardian, мы стремимся максимально использовать бесплатные приложения из интернета. Эти слова могут прозвучать слегка лицемерно, так как у нас, очевидно, есть доступ к удивительным ресурсам графической и интерактивной команд Guardian, когда мы работаем над материалами, на которые отведено немного больше времени. Например, вот такая карта бюджетных расходов (созданная при помощи Adobe Illustrator) или интерактив, посвященный восстаниям в Twitter.

Но в повседневной работе мы часто используем те же инструменты, которые доступны всем и каждому — и создаем графику, которую может создать кто угодно.

Так что же мы используем? Продолжить чтение →

Cхема энергетического рынка России

Изображение12 г. назад 1 Примеры визуализации, Теорияinfographer, карты, портфолио, рабочий процесс, российская инфографика

Некоторое время назад мы разработали схему, показывающую устройство рынка российской энергетики. Инфографика создавалась для Департамента энергетики и энергоэффективных проектов ОАО «ВБРР». Команда департамента занимается реализацией проектов в области увеличения эффективности использования энергии промышленными предприятиями и организациями ЖКХ и им понадобился простой визуальный инструмент, который позволял бы понятно рассказывать о структуре российского рынка. Мы с радостью включились в задачу!

Тема сложная. Чтобы объяснить кому-то другому, а тем более сделать объясняющий материал, для начала необходимо разобраться самим. Начинаем со сбора исходной информации. Вот так выглядит схема, которая использовалась клиентом для внутренних коммуникаций и которая легла в основу нашей работы:

Как это похоже на устройство любого бизнеса в России!…

Начинаем распутывать загадочный клубок. Чтобы разобраться, кто есть кто среди этих квадратиков и кружков, мы взялись за карандаш и начали визуализировать. На нашей условной карте появились различные генерирующие предприятия (АЭС, ГЭС, ГРЭС, ТЭЦ) и потребители электроэнергии (промышленные предприятия, организации ЖКХ, население), затем мы соединили все это проводами (транспортировка электроэнергии) и добавили продавцов электроэнергии (межрегиональные и региональные сбытовые компании). В заключение была проведена граница оптового и розничного рынка.

Затем последовал этап интенсивной совместной работы, когда за одним столом собирались представители клиента и нашей компании и с карандашом в руках накидывались все новые и новые варианты компановки, расширялась смысловая нагрузка карты и уточнялись роли всех участников рынка.

Нам еще предстояло показать возможные варианты подключения потребителей, разобраться в том, кто такие гарантирующие поствщики, и выяснить, что такое последняя миля. Отдельно хотим сказать большое спасибо коллегам из ВБРР, которые не испугались необходимости объяснять нам все эти страшные аббревиатуры и рассказывать о множестве нюансов рынка.

На этом этапе мы начали переходить от набросков «от руки» к векторным проектировкам. Заодно стали формироваться графические элементы, которые могли бы использоваться в конечном варианте карты. Чтобы наглядно показать, как электричество попадает в наши дома и на промышленные предприятия, мы построили целый городок со всеми удобствами, канализацией и центральным теплоснабжением, троллейбусной линией, отличным школьным зданием и бензоколонкой. Большинство людей, которые живут в этом сказочном городе, вероятно работают на большом нефтеперерабатывающем заводе, который расположился на южных окраинах. За городом для производства электричества мы построили атомную станцию, гидроэлектростанцию, конденсационную станцию, а в черте города появилась небольшая теплоцентраль. Если же вам претит городская суета, то можно поселиться на природе и пользоваться солнечными батареями, энергией ветра или генератором на биотопливе.

Разобравшись с «генерацией» и «потреблением», мы перешли к более тонким деталям и снова обратились за технической информацией к заказчику. За счет использования изображений стандартных опор ЛЭП различной формы визуально проявилась иерархическая структура сетевых компаний (ФСК, МРСК), была возведена магистральная ветка ЛЭП. Появилось направление движения электроэнергии, определились розничный и оптовый рынки, а так же область «вне рынка» (оказывается, так тоже бывает!).  Продолжить чтение →

Краткая история визуализации информации

Статья12 г. назад 9 Книги, Теорияистория инфографики, карты, типы диаграмм
развитие инфографики

В книге Handbook of Data Visualization, пока не переведенной на русский язык (автор Michael Friendly), представлена хорошая аналитическая работа об истории инфографики. Представляю свой вольный перевод этого материала, структурирующего разные события в истории интересного нам предмета.

Основные опорные точки по мнению автора:

  • До 17 века – Ранние карты и диаграммы
  • 1600-1699 – Измерения и теории
  • 1700-1799 – Новые графические формы
  • 1850 – Начало современной графики
  • 1850-1900 – Золотой век статистической графики
  • 1900-1950 – Смутные года
  • 1950 – 1975 – Возрождение визуализации информации
  • 1975 – н.в. – Интерактивная и динамическая визуализация

развитие инфографики

Принято думать, что информационный дизайн имеет сравнительно короткую историю. По факту же визуализация имеет очень развитые корни. История начинается с ранних карт и медицинских теорий. В дальнейшем прогресс в математике, торговле, сборе статистических данных и в науке в целом сильно ускорил развитие визуального мышления. Этот процесс проходил наравне с изменением технологий и методов по сбору данных, их хранению и передаче.

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

Пройдем по основным периодам: шкала времени показывает деление на «визуализационные периоды». Это деление условно, но каждый период характеризуется определенными особенностями и имеет свои причины возникновения и свои условия развития. К сожалению, в книге была возможность отобразить только простейшие ч.б изображения.

До 17 века – Ранние карты и диаграммы

Первое зерно визуализации зародилось в геометрических диаграммах, в таблицах положений звезд, иллюстрациях частей тела и в навигационных картах.

Среди ранних отображений количественной информации есть график перемещения звездных тел (найденный Funkhouser, повторенный Tufte), где в двумерной системе координат показано движение планет. Этот график служит хорошей иллюстрацией данного периода.

развитие инфографики Продолжить чтение →

Москва запустила первый в России официальный портал открытых данных / Принимайте участие!

Новость12 г. назад 2 Новости, Примеры визуализациикарты, Москва

Откылся Московский городской портал открытых данных data.mos.ru. Это проект, который посвящён публикации открытых данных в интернете. Город выкладывает различные статистические данные — а граждане имеют возможность найти необходимое учреждение, узнать статистику или же пожаловаться соответствующим органам. Общая концепция «открытые данные» существует уже давно, но впервые всё собрано системно, на одном портале, и с удобным интерфейсом для использования.

Для инфографики, подобный проект представляет большой интерес, потому что появляется возможность создавать визуализации, полезные для общества, основанные на реальных данных. Мы тоже думаем о том, какие визуализации сделать с его использованием — кто-нибудь хочет присоединиться к идейной работе? Пишите в комментариях!

Давайте познакомимся с порталом подробнее.

Ранее элементы системы проходили закрытое тестирование среди добровольцев, в котором приняли участие более 3 тыс. интернет-пользователей. На портале доступно порядка 140 наборов данных из городских систем, которые прошли предварительную вычистку и готовы для использования сторонними разработчиками.

Представляя проект на заседании московского правительства, глава Департамента информационных технологий Артём Ермолаев выразил надежду, что раскрытие данных в машиночитаемом виде поможет стимулировать рынок ИТ-разработок и расширит список конечных приложений для москвичей.

«Для нас же это даст серьёзную экономию бюджета, потому что нам не надо будет создавать большое количество приложений за счёт бюджетных средств, и мы сможем использовать те наработки, которые сделает рынок», — пояснил министр.

 

Московская платформа открытых данных стала первой в России официальной площадкой для публикации информации из государственных систем. Данные доступны в трех видах – в таблицах, удобных для восприятия человеком, с картографической привязкой к городской геоинформационной системе Электронный Атлас, а также в машиночитаемых форматах CSV и XML, пригодных для повторного использования. Как мы предполагаем, в последующем может добавиться большое количество дополнительных визуализаций и дэшбордов. Надо заметить, что в целом это очень прогрессивная идея, которая при должной раскрутке станет мощным инструментом работы / поиска.

Имеющиеся датасеты (а их уже больше сотни, и их количество будет увеличиваться) отсортированы по тематическим категориям, таким как образование, культура, досуг, здравоохранение. В частности, пользователи впервые смогут ознакомиться со списком всех сертифицированных парковых аттракционов, которыми можно пользоваться без опасения, или найти ближайшую к дому «молочную кухню». Информацию также можно просматривать по ведомственной принадлежности.

Продолжить чтение →

Визуальный гид по корпоративным инструментам web 2.0

Изображение14 г. назад 7 Примеры визуализациибизнес инфографика, интернет-сервисы, карты, радар-диаграмма

Мы любим, когда инфографика несёт в себе смысл и информацию для осмысления, а не только красиво подаёт факты. Особенно корпоративная. А то, что я хочу показать сегодня, приятно ещё и с эстетической точки зрения.

По заказу испанского инвестиционного агентства DaD наш друг Пабло нарисовал радар-диаграмму, сравнивающую возможности 8 наиболее популярных Web 2.0 сайтов/инструментов, применяемых в коммуникации информации, в частности, корпоративной. Rss, Facebook, Twitter, LinkedIn, Flickr, YouTube, FourSquare, WordPress — разномастные инструменты для одного и  того же — коммуникации посредством интернета. И, зная Пабло, конечно же за стильной лаконичной работой кроется достаточно серьёзная аналитическая работа.

 

Основные характеристики сервисов web 2.0

Основные характеристики сервисов web 2.0

Карта позволяет сделать выбор в сторону нужного инструмента, в зависимости от потребностей. Отлично показывает, что нет ни одного супер-сбалансированного инструмента, для каждых потребностей есть свой инструмент.

Лично мне очень нравится. Лаконично. Можно вешать в отделе SMM.

Кстати, в начале года мы делали для DaD отчётный управленческий дэшборд, в котором по радару были распределены сервисы, и и были видны «выбросы» относительно среднего по рынку (показать не можем, ибо конфиденциально). Использовалось для определения наиболее  / наименее стоящих внимания сервисов. На этот раз порядок отображения изменен наоборот, и по осям раскиданы критерии сравнения:

  • Корпоративный имидж: возможность управлять репутацией онлайн, влияние брэнда, компании и её продуктов
  • Внутренняя коммуникация: возможность оптимизировать каналы коммуникации, и процессы управления информацией как таковой
  • События: возможность создавать события, повышать интерес к сайру, проведение встреч и профессиональных эвенков
  • Управление кризисными ситуациями: уровень потенциальной защищённости от кризисных ситуаций, которые могли бы влият на компанию, её продукты, или лично отдельных сотрудников
  • Сервис: ввозможность установить канал коммуникации с клиентами, для сбора комментариев, замечаний, предложений, а также уровень эффективности их обработки.

Файл также доступен в формате pdf.

Возможно, кому-нибудь из вас пригодится.

Живая лента статистики

Изображение14 г. назад 3 Примеры визуализацииГермания, интерактивная инфографика, карты, музей, образование, рабочий график, социальная информация

Мы уже не раз признавались в своей любви к настоящей, сделанной руками, инфографике. Приятно когда делаешь своими руками, и потом заложенные эмоции начинают передаваться.

Берлинское new media агентство ART+COM пошло дальше — они не только дали зрителю потрогать руками созданные визуализации, но и возможность управлять. Для музея German Hygiene — Museum Dresden (в Дрездене, естественно), была разработана инсталляция «work. Meaning and worry».

Живая инфографика. Статистика распределения образования и ожидаемой длительности жизни

Живая инфографика. Статистика распределения образования и ожидаемой длительности жизни

 

Данная работа посвящена ..
Продолжить чтение →

В Австралии ходят на головах!

Изображение14 г. назад 2 Примеры визуализации, Событиякарты

Сегодня исполняется два года с момента регистрации www.infographer.ru (видимо чувство юмора у нас врожденное) — празднуем день рождения и загадываем желания!

К тому же отличный материал подобрался к первому апреля!

Наше сознание воспитано на визуальных образах и иногда не подозреваешь, что у других народов картина мира может быть другой.

Географическая карта мира, как мы ее видим всегда и везде, с Евразией в центре:

Но мир то круглый, и посмотреть на него можно с любой стороны — например США предпочитают смотреть на себя в центре, раскладывая Евразию по обе стороны от себя. И это их земной шар:

Но самое невероятное в том, что Льюис Кэрролл был прав — в южном полушарии люди ходят вверх ногами. Этот факт доказывает карта Австралии!

И это не единичная карта — мир точно так же, со своей позиции видят в ЮАР. Подробнее — в первоисточнике, журнале Индульгирующего нагвалиста, там можно посмотреть карты Франции.

Инфографика + Типографика

Изображение14 г. назад 9 Инструменты, Примеры визуализациикарты, типографика

Слово идеально передает информацию, а если оно еще дополнено визуальными возможностями шрифта(цвет, размер, расположение), то образ становится достаточным и исчерпывающим.

Все станет ясно из примеров — для передачи замысла нужны только буквы. И эти работы являются пограничными между инфографикой и типографикой.

Карты городов, созданные только с помощью шрифта:

Карта Италии, рассказывающая все самое главное об этой стране:

Разница русского и японского мировоззрений на примере пословиц:

Анализ гороскопов разных знаков зодиака — одна фигня 😉

Это 4 примера, попавшихся на глаза в последнее время. Явно типографика и инфографика живут рядом и первое хорошо работает на благо второго. А иногда еще и задевают боком картографию 😉

P.S. последние 2 примера созданы с помощью инструмента WORDLE

Соединение географической карты и временной шкалы

Изображение14 г. назад 7 Примеры визуализациикарты

Этот постер был создан как описание летних каникул Ole Ostring. Путешествие из Норвегии в Англию и обратно — их должно быть встречали красивейшие пейзажи . Изначально, по словам Ole, они хотели вести учет расходов, но в итоге на руках была полная запись деталей путешествия, позволившая создать полноценную инфографику.

Лично я ценю в этой работе удачное визуальное соединение статики (географической карты) и динамики (истории передвижения и временной шкалы).

Из минусов — не могу распознать где же начинается обратный путь…

НазадВперед
Темы раздела
Примеры визуализации 20Колонка со-авторов 1Инструменты 5События 2Теория 4Книги 1Новости 1
Мы в Facebook, ежедневно

Unable to display Facebook posts.
Show error

Error: Server configuration issue
Please refer to our Error Message Reference.
Для авторов
Приглашаем авторов по теме инфографики к сотрудничеству. Политика обработки персональных данных и пользовательское соглашение.
Контакты

Infographer – это агентство инфографики и образовательный ресурс об инфографике. Офисы в Москве и Гааге, работаем для клиентов со всего мира (контакты).

Адрес: Москва, Ленинский просп. 30А

Телефон: +7 916 628 47 64

Имейл: mg@infographer.ru

Пишем для вас с 2009 года © Infographer, при перепечатке ссылка обязательна. 16+