• En
  • АГЕНТСТВО
    • Agency
    • Агентство
    • Презентация
    • Портфолио
    • Behance
  • ← Блог

infographer

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

Тема: диаграмма Sankey 5

Wie Kleine zu Großen werden

11 г. назад я Beispiele von VisualisierungenInfografik, Zeitspanne, диаграмма Sankey
Diese Woche achtete ich auf zwei Arbeiten mit absolut gleicher Idee, die Entwicklung von verschiedenen Marktspielern darzustellen.
Der Stammbaum wird auf die Zeitspanne angelegt:
  1. Luftverkehrsgesellschaften (herbstliche Stimmung, mit den fließenden Linien und warmen Farbtönen)
  2. Banken (viel utilitaristischere und härtere Arbeit)
инфографика
инфографика авиакомпаний
инфографика, банковский сектор
инфографика
Es fehlt aber in beiden Beispielen am Umsatz dieser Firmen, um den Maßstab besser zu verstehen. Als ich diese Phrase geschrieben hatte, sagte mein Hirn noch über eine Arbeit — wie sich die Werbeagenturen entwickelten. Da werden die Umsätze mit den Endpoints inkorporiert. Продолжить чтение →

Как маленькие большими становились

Изображение11 г. назад 10 Примеры визуализациивременная шкала, диаграмма Sankey, инфографика

На этой неделе мое внимание обратили на себя 2 появившиеся работы с совершенно одинаковой задумкой — показать укрупнение игроков на рынке.

Дерево, наложенное на временную шкалу:

  1. Авиакомпании (осенняя такая, с милой неровностью линий и теплыми тонами)
  2. Банки (более утилитарная и жесткая)

инфографика

 

инфографика авиакомпаний

 

инфографика, банковский сектор

инфографика

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

Санкей построить несложно

Статья11 г. назад 3 Инструментыdensity design, fineo, online, parallel coordinates, processing, диаграмма Sankey, инструменты визуализации, параллельные координаты

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

Конечно же, мы часто слышим

«в офисе я такое построить не смогу, ну вы что«,

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

Fineo. Создан креативными ребятами из Density Design,  находящимися под крылом Политехнического института в Милане. Достаточно простой в использовании — всего лишь скормить ему CSV-файл с данными, упорядочить последовательность отображения рядов данных, и диаграмма готова. На выходе — PDF, который можно использовать в презентациях, либо в графических программах для дальнейшей шлифовки стиля/цвета.

Небольшое видео о работе Fineo:

Fineo неким образом похож на ParSets, инструмент для визуализации дробления данных в параллельных координатах. Но они разные — санкей показывает несколько «состояний» в которые втекают и из которого вытекают потоки, тогда как параллельные координаты показывают перемещеие переменной в пространстве/координатах/таймлайне. Об этом мы подробно ещё напишем.

Второй инструмент ещё проще, но и изображения у него получаются совсем простенькие. Ссылка http://sankey.heroku.com даже ведёт на бесплатный хостинг приложений heroku (мы сами пробовали там кое-что сделать).

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

Можно,конечно, строить и в Processing’е (ссылка). Но не думаю что это доступно большинству из нас.

Ну и напоследок, список различного софа (инфографического, и не очень), позволяющего строить Санкей-диаграммы. Может, найдёте для себя что-нибудь особо интересное. И, делитесь вашими находками. http://www.sankey-diagrams.com/sankey-diagram-software/

Как креативны визуализаторы Чемпионата Мира

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

Событие одно, способов визуализации десятки.

  • Мы уже публиковали интерактивный календарь
  • Мы видели Dash Boards результативности всех сборных
  • Рассматривали постеры с историческими фактами проведения ЧМ

Сегодня добавлю еще 2:

  1. Интерактивная шкала упоминаний футболистов в Facebook
  2. Использование диаграмм Sankey — Макс писал о них буквально пару постов назад. К ЧМ их тоже можно приспособить
инфографика World Cup

Кликайте на картинку чтобы перейти на оригинал и увидеть интерактив

И санкей — где, в каких клубах играют члены национальных сборных. Новостной сайт www.estadao.com.br регулярно поставляет очень качественные вещи. Красиво, плюс, если перейдете на сайт, сможете рассмотреть каждую страну в отдельности (остальные затемняются чтобы не сбивать массовостью).

Диаграмма World Cup

Знакомьтесь: диаграммы Сэнкей / Sankey

Статья13 г. назад 6 Теориядиаграмма Sankey, история инфографики, типы диаграмм

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

Инфографика - sankey санкей сэнкей диаграммы

Инфографика - sankey санкей сэнкей диаграммы

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

Мне все же кажется, что известного «Наполеона» (см. мой пост «Армия Наполеона в России») тоже можно отнести к сэнкейным диаграммам. Чарльз Джозеф Минард нарисовал её в 1869 году, так что он вполне может спорить с Мэтью за пальму первенства. Впрочем, это не меняет сути.

Наполеон в России 1812-13 гг. Charles Joseph Minard инфографика

Наполеон в России 1812-13 гг. Charles Joseph Minard инфографика

На мой взгляд, подобный тип диаграмм далеко не всегда применим, да и не так просто спроектировать — но его визуальная сила стоит сотен пай-чартов. Хотя для «одноразово-данновых» иллюстрационных постеров — вообще находка.

Некий юзер Phineas поддерживает сайт, посвящённый мистеру Сэнкею и диаграммам этого типа, он собирает интересные сэнкей-работы.  Кстати, «технарям» будет интересно посмотреть раздел с програмным обеспечением для создания Sankey диаграмм.

Ну и парочка красот в конце поста.

Торговые взаимоотношения Китая и США - экспорт и импорт

Карта потока интернет-трафика в мире

Карта потока интернет-трафика в мире

Статистика продаж Madame Ulani

Статистика продаж Madame Ulani

Последний пример — совершенно чумовая визуализация (кто делал — не знаю) статистики продаж некоего дизайнера Madame Ulani на сайте для дизайнеров-рукоделов etsy.com. У даннной карты — две оси XY, обе расположены в разныз плоскостях, и сливаются вместе в единый список товаров, с отображением мест их доставки. Длина каждого столбца — время, которое потребовалось на то, чтобы сделать украшение, и как долго оно ждало своего покупателя после выставления нового лота на сайт.

Темы раздела
я Beispiele von Visualisierungen 1Примеры визуализации 2Инструменты 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+