Тема: Примеры визуализации 10
Примеры инфографики со всего мира — из всех областей бизнеса и науки, из самых интересных источников. Графики, визуализации, целые проекты. Листайте и наслаждайтесь. А так же — присылайте нам все, чем хотелось бы поделиться. Будем рады.
Диаграмма Sankey — страсть этого сезона
Пост об этих диаграммках уже был. Но менее прекрасными они от этого не становятся. Она особенно незаменима когда нужно показать поток — куда он идет и его ширину. И когда помнишь о ней, то появляется все больше и больше случаев для ее использования.
А вот об использовании теперь подробнее! Инструментов для ее сотворения не много — Excel не может, Many Eyes и Tableu тоже. Строить вручную сложно — нужно выверять толщины линий, редактировать каждую по отдельности.
Мы нашли ресурс E-Sankey. Строить довольно просто — пошаговая инструкция есть на сайте. Указываешь начало и конец, задаешь цифрой толщину линии и дальше манипулируешь ею. Выбор цветов и опций редактирования тоже есть. Скажем честно, делали в бесплатной версии, а потом поверх векторизовали. Денег тратить пока не захотелось. К тому же косо работают ссылки из экселя.
Ниже пример использования от разработчиков диаграммы e-sankey — для автомобильного траффика на перекрестке, пожалуй самый гениальный случай, я не знаю как это можно визуализировать лучше.
Эти же санкеи мы использовали в своей работе в июле — для подготовки презентации по потреблению и эффективной экономии ресурсов Самарской области. Нам нужно было показать объем генерации энергии, процесс транспортировки, потребление различными группами и потери на каждом их этих этапов. По-моему санкей — самое правильное решение.
Техническая иллюстрация Новас-Энерджи
Публикуем новость заново, у многих не открывались картинки в хорошем качестве.
В начале июня мы с удовольствием закончили инфографику процесса очистки нефтяных скважин для компании Novas Energy Services, которая изобрела небольшой приборчик Plasma Streamer, делающий эту грязную работу.
Все компании этой отрасли в рекламных буклетах обычно используют шаблоны — фотографии бизнесменов в касках, пожимающих руки друг другу, и нефтяные вышки на фоне заката. А вот наш клиент стал новатором, желая проиллюстрировать технический процесс и сделать это красиво, наглядно.
Что стояло в задачах (делали буклет для работы на выставке, но потом это переросло и в оформление самого стенда):
- Показать работу прибора, состоящую из нескольких стадий (плазменный взрыв, остывание и т.д.)
- Проиллюстрировать как прибор эффективно работает в разных видах скважин (нагнетательной, добывающей, горизонтальной — да, теперь мы в них разбираемся благодаря урокам с заказчиком)
- Сделать 3D модель самого приборчика — здесь отдельное спасибо Алексею Залате, собравшему прибор по разрозненным чертежам
- Чтобы было понятно без слов, что нефтедобыча в результате такой очистки увеличивается в разы
- Что для очистки требуется минимум ресурсов и времени — никаких сложных построек на поверхности
- Минимум внимания слоям почвы и окружающей среде
Выкладываю в хорошем качестве, поэтому при нажатии на картинку может долго открываться.
добывающая скважина
горизонтальная скважина
прибор Plasma Streamer в действии
В мега-качестве (для постеров, размер 3000х2000 пикселей):
- Добывающие скважины — инфографика (1mb изображение)
- Горизонтальные скважины — инфографика (1mb изображение)
- Прибор Plasma Streamer в действии (1mb изображение)
Репосты приветствуются!
Novichkov news
Разворот из журнала «Вокруг Света».
Большая часть информации дана автором статьи и редактором раздела. Мировая статистика взята с сайта ВОЗ. Изначально мы не планировали ставить мировую статистику и хотели обойтись иллюстративным материалом, но данных было недостаточно для разворота и они не дружили друг с другом. Тогда я пошел проверенной дорогой: карта мира и сложная конструкция для визуализации статистики. Это позволяло хоть как-то упорядочить композицию. Задача усложнялась тем, что данные поступали в штрих-пунктирном режиме в течение месяца. Это непривычная для меня ситуация и неудобная, так как не позволяет сразу раскидать информацию по развороту и определить тип визуализации имеющейся статистики или схем. Но результат получился удовлетворительный. Будем работать дальше и совершенствоваться.
Арт-директор: Антон Федоров. Автор редизайна журнала «Вокруг Света»: Дима Барбанель. Дазайн инфографики: Алексей Новичков.
Специально для инфографер.ру 🙂
Что почитать? Или как русские получили награду на Малофее 2008
Давно хочу опубликовать — единственная русская работа, получившая признание в мировом инфографическом сообществе.
Ежегодно проходит конкурс Malofiej, на котором журналистское сообщество представляет лучшие работы в сфере информационного дизайна. Отчет о событии 2009 есть в блоге Светланы Максимченко.
Но вернемся к работе — это труд студии Паровоз, Федора Шумилова.
Была стопка книг, на которые нужно было написать анонсы, и вот так Федор решил проблему, создав 2 шкалы «интересно» и «полезно» и расположил всю кучку
Кстати, на этом примере, на конференции E-learning обсуждали как сделать удаленное обучение легче. Так вот, пользуясь подходом Федора, можно, например, давать список литературы курса с разбивкой «теория» и «практика».
МинЭкономРазвития: инфляция 2009 года. ДО и ПОСЛЕ
Пришел из типографии отчет МинЭкономРазвития об изменении цен в 2009 году. 14 мая будет пресс-конференция с презентацией этого отчета.
Нам (мне, Максу Горбаческому и Валентину Касьянову) удалось поработать над статистикой в РосСтата и сделать ее более читаемой для этого отчета. Фирменный стиль и дизайн диаграмм был разработан агентством Майлдберри.
Инициатором стал Департамент Развития Конкуренции – блог Александра Пироженко, его руководителя, есть в жж. Там же есть и официальный аннонс мероприятия.
Что было:
Что сделали:
Конечно Gapminder на российской статистике мы не создали и еще не скоро создадим. Это просто статичный отчет и том, как менялись цены на разные категории продуктов.
В иллюстрации и красивые графические работы (типа кукурузы) решено было не уходить – аудитория привычна к традиционным способам передачи информации и нам нужно было, чтобы отчет воспринимали серьезно.
Главное что мы сделали – мы переработали структуру подачи информации.
1. Отделили текст от графиков (в изначальном варианте текст перемежался с диаграммами)
2. Унифицировали виды графиков. Для каждого типа информации свой: для изменения цены один, для изменения производства другой, для регионального сплита – третий (не поверите – взяли карту России ))))
3. Вынесли макроэкономические показатели и сводную статистику на отдельный лист, который будет перед глазами смотрящего всегда, какой продукт бы он сейчас не изучал (молоко, муку или рыбу)
Публикую буквально один разворот для примера.
Считаю эту работаю очень важной вехой для обоих – для МЭРа и для информационного дизайна. Для МЭРа, потому что они становятся ближе к людям и современным тенденциям. Для инфографики в целом (и для меня в частности), потому что это первый шажок к огромным запасам информации РосСтата и ГосКомСтата, которые так нуждаются в визуализации.
Как проверяют инфодизайнеров
Так как в рунете мало на кого можно ссылаться, то снова ссылаюсь на студию Лебедева в связи с опубликованной у них вакансией инфо-дизайнера.
Заинтересовало меня задание, которое дали людям на проверку:
- Сверстать познавательную статью (и по-моему это задание пошло у всех проще всего)
- Проиллюстрировать строение самолета (с задачей справились хуже)
- Привести PieChart из экселя в человеческий вид (здесь ужас-ужас)
Текст объявления от Людвига Быстроновского прилагаю:
Меня зовут Людвиг Быстроновский, и я ищу дизайнера сайтов с акцентом на инфографику. Нужен человек, который будет рисовать качественные схемы, верстать сетки и модульные системы, консультировать технологов, поддерживать безукоризненный графический порядок на вверенном пространстве сайта, и постоянно придумывать такую подачу информации, чтобы было очень «секси».
Для начала разговора выполните, пожалуйста, тестовое задание.
- Сверстайте познавательную статью про то, что такое Большой адронный коллайдер. Ширина страницы — 1000 пикс., по высоте — не более, чем 3500 пикс. Особое внимание я буду обращать на подбор материала, сетку, качество верстки, оформление таблиц и графиков, заголовки, типографику, навигацию и то, насколько удобно и интересно читать.
- Перерисуйте иллюстрацию самолета СУ-80 с сайта КБ «Сухого».
Секрет фирмы или инфографика большим тиражом
По наводке Ольги Добычиной, Mildberry я искала декабрьский выпуск Секрета Фирмы — там должны быть интересные работы по инфографике.
На полке я нашла сразу 2 последних выпуска — декабрь и февраль. Надо сказать, что я долго не узнавала обложку и отличается теперь от всего, стоящего на полке.
Внутри — тонны инфографики, я снимаю шляпу перед редактором, потому что знаю насколько долго и детально нужно прорабатывать каждый материал для визуализации
Big Mac Index — 2
Публикую еще один пример инфографики на тему Биг мака в догонку к более ранней подборке.
Найдено в ЖЖ f_shumilov
Журнал The Economist в июле опубликовал очередной «Индекс Биг Мака» — сравнение долларовой цены этого гамбургера в разных странах мира. Для московской газеты «Акция» мы отразили этот факт, рассказали о рейтинге, адаптировали его для читателей газеты и тайком купили гамбургер, чтобы сфотографироват, разумеется. Потом пришлось его, конечно, съесть. Продолжить чтение →
Анимация компании Меркатор
Компания Меркатор совместно с телеканалом Вести несет инфографику в массы! Множество работ вы можете найти на сайте компании и на портале Вестей. Ниже я публикую парочку для примера.
С представителем компании, Геннадием Кондратьевым (заместитель директора группы «Меркатор») знакома лишь заочно, но вопросов у меня накопилась масса:
1. Какую информацию телеканал предпочитает показывать с помощью инфографики? Вижу абсолютно разные ролики, далеко не все содержат статистическую информацию. Поэтому интересна логика выбора
2. Сколько времени есть у группы на создание работы? Так как это новостной канал, подозреваю что некоторые сюжеты должны быть созданы за ночь (как, например, визуализация итогов выборов)
4. Есть ли какая-то оценка роликов аудиторией канала? Интересно знать, работает ли, помогает ли донести информацию? Каждые 2 минуты телеэфира стоят огромных денег, помогает ли инфографика экономить время на передачу информации?
5. От кого исходила инициатива сотрудничества? Почему Первый канал не торопится с подобными инициативами?
Как выглядит правильный рацион?
У меня накопилась подборка российских работ по визуализации дневного рациона, диет и всего, что касается правильного питания. В инфографике на эту тему главенствует образ пирамиды. Затем идет круговая диаграмма. Но в целом как-то все однообразно…
