Примеры инфографики со всего мира — из всех областей бизнеса и науки, из самых интересных источников. Графики, визуализации, целые проекты. Листайте и наслаждайтесь. А так же — присылайте нам все, чем хотелось бы поделиться. Будем рады.
С удовольствием и удовлетворением выкладываем анимационный ролик, выполненный нами по заказу агентства «Brands Up» для «Агрокомплекса Мансурово», находящегося в Курской области. Клиент и подрядчик предоставили нам благодатный материал, так как комплекс сочетает в себе целый ряд инновационных технологий и делает производство практически безотходным. Обо всех особенностях этого комплекса вы сможете узнать из ролика.
Команда:
Ну а дельше раскадровка и сам ролик, который все скажет за себя:
Ролик в его английской версии (ещё есть и на русском языке):
…и раскадровка:
Еще один пост из серии «Инфограферы за работой» — в июньском номере журнала Гео вышла наша работа, объединяющая в себе массу фактов о лесном ресурсе России.
Команда:
Проблема состояла в том, что у нас на руках оказалась масса разрозненных данных. Некое попурри из цифр, так или иначе, связанных с лесными запасами. Перечисляю:
Вот мы и пытались уложить все эти значимые факты на одну страницу. Первые варианты проектировок выглядели так:
Вот, дошли руки и до собственных работ.
Выкладываем карту Российского интернета, подготовленную по заказу журнала Startup Index. Она была опубликована в бумажной версии журнала, и висит на страничке KartaRuneta.ru.
Задача — показать результат аналитической работы Startup Index, как передовых экспертов на интернет рынке. Данные, как вы понимаете, очень фрагментарны и не всегда открыты, поэтому огромное спасибо и уважение аналитикам компании за то, что они смогли консолидировать все крупицы информации.
Что мы сделали со своей стороны:
1. Так как это «карта», то мы настояли на разработке 9-ти секторной матрицы, показывающей взаимное расположение объектов. И основой матрицей стали 2 оси: выручка в сегменте, и потенциал роста сегмента. Недостаточно было просто отсортировать объекты по размеру, разу уж заявлено название «карта рунета» — то необходимо ему отвечать. Хотя и это и заставило провести дополнительную аналитику, и провести экспертную оценку потенциала роста.
2. Подготовили «классическую» бизнес-версию карты.
3. Слепили (в прямом смысле слова) вирусный вариант. К сожалению, у заказчика он не нашел применения, но нам нравится.
Удачных вам стартапов.
Вот и вышла в свет, работа выполненная нами для журнала GEO — рекомендую к изучению декабрьский номер!
Что было на руках: текст статьи с описанием процесса производства. Плюс просмотрели доступные на Youtube видео ролики.
В чем мы видели сложность исполнения: стадии производства были понятны, но нам хотелось уйти от стандартного 1, затем 2, потом шаг 3 и т.д. И постараться связать все одну историю — производство ведь процесс непрерывный, да еще и чтобы это композиционно слилось в единое изображение. Дальше, когда идея была выработана, работа была передана в надежные руки иллюстратора Максима Дегтярева.
P.S. заметки на будущее — надо будет просить фотографии, которые будут сопровождать статью. Как сейчас понимаем, нам нужно было делать все в гораздо более мрачных тонах, чтобы соответствовать брутальным фотографиям.
Пост об этих диаграммках уже был. Но менее прекрасными они от этого не становятся. Она особенно незаменима когда нужно показать поток — куда он идет и его ширину. И когда помнишь о ней, то появляется все больше и больше случаев для ее использования.
А вот об использовании теперь подробнее! Инструментов для ее сотворения не много — Excel не может, Many Eyes и Tableu тоже. Строить вручную сложно — нужно выверять толщины линий, редактировать каждую по отдельности.
Мы нашли ресурс E-Sankey. Строить довольно просто — пошаговая инструкция есть на сайте. Указываешь начало и конец, задаешь цифрой толщину линии и дальше манипулируешь ею. Выбор цветов и опций редактирования тоже есть. Скажем честно, делали в бесплатной версии, а потом поверх векторизовали. Денег тратить пока не захотелось. К тому же косо работают ссылки из экселя.
Ниже пример использования от разработчиков диаграммы e-sankey — для автомобильного траффика на перекрестке, пожалуй самый гениальный случай, я не знаю как это можно визуализировать лучше.
Эти же санкеи мы использовали в своей работе в июле — для подготовки презентации по потреблению и эффективной экономии ресурсов Самарской области. Нам нужно было показать объем генерации энергии, процесс транспортировки, потребление различными группами и потери на каждом их этих этапов. По-моему санкей — самое правильное решение.
Публикуем новость заново, у многих не открывались картинки в хорошем качестве.
В начале июня мы с удовольствием закончили инфографику процесса очистки нефтяных скважин для компании Novas Energy Services, которая изобрела небольшой приборчик Plasma Streamer, делающий эту грязную работу.
Все компании этой отрасли в рекламных буклетах обычно используют шаблоны — фотографии бизнесменов в касках, пожимающих руки друг другу, и нефтяные вышки на фоне заката. А вот наш клиент стал новатором, желая проиллюстрировать технический процесс и сделать это красиво, наглядно.
Что стояло в задачах (делали буклет для работы на выставке, но потом это переросло и в оформление самого стенда):
Выкладываю в хорошем качестве, поэтому при нажатии на картинку может долго открываться.
В мега-качестве (для постеров, размер 3000х2000 пикселей):
Репосты приветствуются!
Пришел из типографии отчет МинЭкономРазвития об изменении цен в 2009 году. 14 мая будет пресс-конференция с презентацией этого отчета.
Нам (мне, Максу Горбаческому и Валентину Касьянову) удалось поработать над статистикой в РосСтата и сделать ее более читаемой для этого отчета. Фирменный стиль и дизайн диаграмм был разработан агентством Майлдберри.
Инициатором стал Департамент Развития Конкуренции – блог Александра Пироженко, его руководителя, есть в жж. Там же есть и официальный аннонс мероприятия.
Что было:
Что сделали:
Конечно Gapminder на российской статистике мы не создали и еще не скоро создадим. Это просто статичный отчет и том, как менялись цены на разные категории продуктов.
В иллюстрации и красивые графические работы (типа кукурузы) решено было не уходить – аудитория привычна к традиционным способам передачи информации и нам нужно было, чтобы отчет воспринимали серьезно.
Главное что мы сделали – мы переработали структуру подачи информации.
1. Отделили текст от графиков (в изначальном варианте текст перемежался с диаграммами)
2. Унифицировали виды графиков. Для каждого типа информации свой: для изменения цены один, для изменения производства другой, для регионального сплита – третий (не поверите – взяли карту России ))))
3. Вынесли макроэкономические показатели и сводную статистику на отдельный лист, который будет перед глазами смотрящего всегда, какой продукт бы он сейчас не изучал (молоко, муку или рыбу)
Публикую буквально один разворот для примера.
Считаю эту работаю очень важной вехой для обоих – для МЭРа и для информационного дизайна. Для МЭРа, потому что они становятся ближе к людям и современным тенденциям. Для инфографики в целом (и для меня в частности), потому что это первый шажок к огромным запасам информации РосСтата и ГосКомСтата, которые так нуждаются в визуализации.