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

infographer

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

Диаграмма Sankey — страсть этого сезона 1

26
Comments
0
GooglePlus
0
Facebook
0
Twitter
Linkedin
1
ВКонтакте
0
Pocket

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

А вот об использовании теперь подробнее! Инструментов для ее сотворения не много — Excel не может, Many Eyes и Tableu тоже. Строить вручную сложно — нужно выверять толщины линий, редактировать каждую по отдельности.

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

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

диаграмма Sankey, инфографика

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

инфографика сбережения воды

инфографика

И еще несколько слайдов из этой презентации, просто потому что хочется представить на суд общественности:

инфографика

Сен 14, 2010Ирина Доброва
Статья была интересной?
  • Поделюсь (1)
  • Полезно (7)
  • Бесполезно (1)
  • Банально (1)
О чем думают дизайнеры, когда придумывают интерфейсы?Неуклюжие кольцевые дороги мира
Главная Книги Диаграмма Sankey — страсть этого сезона
Изображение10 г. назад 30 Инструменты, Примеры визуализацииграфики и диаграммы, портфолио, российская инфографика
facebook-profile-picture
Ирина Доброва

Основатель и идеолог агентства Infographer

Сайт Фейсбук Instagram
  • Ivan Poukhkal

    Это опять какие-то предварительные заготовки? На первом слайде, например, не указано, что красное — это потери (?).

    • Макс Горбачевский

      Нет, это финальные. На первом слайде (на самом деле, на 11-м) по нумерации не указано потому, что есть 10й слайд с ситуацией «как есть» (вот там потери в легенде и отражены) и есть 11й слайд «как должно быть», в котором акцент смещён уже на прогноз. И решено было именно с 11го убрать из легенды «потери».
      Так же с некоторыми другими.

  • novichkov

    Не вникая в суть мне понравился сам дизайн. Очень чисто и производит положительные эмоции. Очень приятная работа

    • Макс Горбачевский

      Алексей, спасибо!

  • Ivan Poukhkal

    Тысячи сокращаются «тыс.», миллионы — «млн» (без точки), рубли — «р.», «руб.» (с точкой), тонны условного топлива по правилам [возможно т.у.т. — профессиональное написание] должны сокращаться «т у. т.». Процент от числа отбивается.

    На слайдах с потоковыми диаграммами не понял определения «потенциал энергосбережения». Что будет с 22,3 % зелёного цвета, отпущенных населению в 2020?

    Слайд про экономический эффект: надпись про РФ сделана не Метой. Что означают белые круги? Квоты стран на углекислый газ в тоннах? «Мероприятия, соответствующие». «Южная к—орея». Чёрные и серые кругляши не имеют никакого отношения к написанным рядом с ними цифрам. Как муниципальные образования выбрасывает CO2? Следует указать, что рубли и цены даны на сегодня (10—13 € за тонну), фьючерсы на 2020 сейчас торгуются по 20 € (http://www.co2prices.eu/). Текст правой таблицы нечитабельн для человека, цифры выровнены не по разрядам. 32 + 2 + 1 = 19?

    Характеристика региона: можно увеличить масштаб только до интересующей зоны (всё равно карта абстрактная — ТЭЦ Волжского завода вообще вылезла за пределы области), за счёт этого все надписи окажутся рядом со своими электростанциями. Таблица под картой превратилась в строчки текста, в «кВт·ч» не та точка. Круговая диаграмма про тепловые и паровые сети получалась эффектная. 9 % в городе оказались в четыре раза больше, чем 9,9 % в деревне. «Распреледение». В одном месте «кВт·ч», в другом (неверное) «кВт/ч».

    Последний слайд: площадь сложных фигур оценивать крайне сложно. Линии на фигурах и линия экономии не везде совпадают. Цифры попадают на серую линию. У воды 254 тыс. кубометров оказываются больше 365 тыс.

  • Ivan Poukhkal

    P. S. Подчёркивание в заголовках лишнее (или хотя бы не вплотную и не чёрным) и забыли сделать разрядку прописных (а лучше вообще не писать слова только прописными).

    Офф: Зачем предлагать ввести адрес сайта и не делать его ссылкой?

  • Ivan Poukhkal

    Хулиганить — так до конца. Фотожаба!

    [img]http://infographer.ru/wp-content/uploads/2010/09/energy.jpg[/img]

    • Irina Dobrova

      Сделать жабу на санкей — это сильно ))) это тебе не фотографии Путина глупую фразочку приписать )

    • Макс Горбачевский

      а где на картинке запасы силоса? кто за NODов? 😉
      Представляю — сидит Артяков (кстати, тоже Владимир Владимирович) и энергетическими запасами управляет. Это уж тогда надо по-полному жабить надо — накладывать на изображение его монитора!

  • Zoid

    Вот уж действительно — страсть этого сезона… Вчерась делал ентот ваш санкей, хорошая штука, я вам скажу. Очень наглядная и простая в понимании

  • Julia Prikhodko

    Для отражения потоков действительно самая оптимальная вещь, но вот только пользоваться надо аккуратно и умеючи 🙂

    • Макс Горбачевский

      Применяешь? покажи!

  • Zoid

    А вот и мой санкей 😉
    [img]http://infographer.ru/wp-content/uploads/2010/09/Korruption.jpg[/img]

    • Irina Dobrova

      здорово! я вот не могу придумать более адекватного инструмента, чем санкей для такой статистики.
      Низ правда как-то мелковат получился.
      А «отправлено в суд» не должно быть частью «возбуждено»?

      • Zoid

        Низ не мелковат, ведь эта инфографика для газеты (лист формата А3)
        «Отправлено в суд» не должно быть частью «возбуждено», потому что «Возбуждено» — т.е. идет расследование… А «отправлено в суд», это значит — усё суши сухари 🙂

        • Ivan Poukhkal

          Суши сухари — это когда вынесен приговор.

          Хорошая картинка. А развернуть на 90˚ нижние ветки не пробовали? Чтобы получилась табличка с широкой колонкой и минимум переносов.

          • Макс Горбачевский

            Неее, если нижние ветви повернуть то у тебя получится ОГРОМНЫЙ пустой кусок изображения, потраченный только на угол-переход между вертикальной и горизонтальной. Не вариант!

    • Макс Горбачевский

      Я бы чуть поработал над описаниями ветвей, особенно про ветви 105 и 49.
      Также, вполне можно упорядочить стадии — они же последовательные.. То есть: подписи, из которых собираются 105 ещё не направленных в суд — они визуально должны быть ПЕРЕД подписями 49 дел, которые уже туда направлены.

      Но в целом симпатичненько так. Так держать!
      PS в чём делали? E-sankey?

      • Zoid

        Делал в Corel 🙂

  • Ivan Poukhkal

    На http://infographer.ru/sankey-inlove/comment-page-1/#comment-2263

    Имелось в виду вот так:

    [img]http://infographer.ru/wp-content/uploads/2010/09/Untitled.jpg[/img]

    • Макс Горбачевский

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

    • Ivan Poukhkal

      А, сообразил, где это пустое место появляется. Но можно сделать без поворота, а цифры и текст всё равно подписать слева.

  • Russian Sphinx

    Можно сделать Sankey в Tableau, я нашла на вашей странице Наполеон в России 1812-13 гг. Charles Joseph Minard инфографика http://infographer.ru/sankey-diagrams/

    здесь сравнение Tableau, Many Eyes Swivel, и Sankey в Tableau
    http://infosthetics.com/archives/2010/06/review_big_three_online_viz_tool_benchmark.html

    Я понимаю, что вы хотели сказать. Сложно сделать диаграмму в Tableau, нет возможности автоматического получения результата.

  • Pingback: Infographer » Что такое инфографика?()

  • Ivan Poukhkal

    Дефицит бюджета США, «Вашингтон Пост»
    [img]http://infographer.ru/wp-content/uploads/2010/12/[The+WP+papel.gif[/img]

  • Pingback: Infographer » Книга Graphic Presentation. 1939()

  • Ivan Poukhkal

    Финансы АиГ («Ассошиэйтед пресс»)

    [img]http://infographer.ru/wp-content/uploads/2011/02/[aigbailout.jpeg[/img]

  • Ivan Poukhkal

    Энергоэффективность парового двигателя

    [img]http://upload.wikimedia.org/wikipedia/commons/thumb/1/10/JIE_Sankey_V5_Fig1.png/964px-JIE_Sankey_V5_Fig1.png[/img]

  • Pingback: Infographica | Инфографика: Источники выбросов США()

  • Pingback: Инфографика | Фото и Видео на заказ()

  См. также  
События

Пресс конференция «Инфляция 2009 год»

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

Колонка со-авторов, Теория

Давайте знакомиться: Алексей Новичков

потом главным художником в полиграфическом комплексе, но работа в журнале меня больше привлекает, поэтому теперь я сотрудник "Вокруг... 0

Примеры визуализации

Агрокомплекс Мансурово. Анимация

С удовольствием и удовлетворением выкладываем анимационный ролик, сделанный нами для агентства Brands Up и клиента "Агрокомплекс... 0

События

Наши будни

Вот так за работой мы провели пасмурную Московскую субботу апреля, но в офисе было вполне... 0

Примеры визуализации

Журнал «Инфографика», выпуск №1

Вашему вниманию российский журнал "Инфографика", сделанный энтузиастами Артём Колегановым и Вадим Ильиным.
Публикую 2 работы... 1

Примеры визуализации

О жаре: цыплят по осени считают!

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

Инструменты, Теория

Простые диаграммы в Excel — дополнительные возможности

В прошлый раз я рассказывал о том, как строить микро-диаграммы в ячейках Excel. На самом деле это ещё не всё, что можно вытворять. 2

Инструменты, Теория

Мост, Гистограмма, Парето — новые диаграммы для Office 2016 (Часть 1)

В 2016 Microsoft представит новый Office 2016, и в нем — новые графики и диаграммы. Уже можно скачать превью и все попробовать. 0

Мы в Facebook, ежедневно

Unable to display Facebook posts.
Show error

Error: Error validating application. Application has been deleted.
Type: OAuthException
Code: 190
Please refer to our Error Message Reference.
Для авторов
Приглашаем авторов по теме инфографики к сотрудничеству. Политика обработки персональных данных и пользовательское соглашение.
Контакты

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

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

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

Имейл: mg@infographer.ru

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