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

infographer

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

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

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

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

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

С удовольствием и удовлетворением выкладываем анимационный ролик, выполненный нами по заказу агентства «Brands Up» для  «Агрокомплекса Мансурово», находящегося в Курской области. Клиент и подрядчик предоставили нам благодатный материал, так как комплекс сочетает в себе целый ряд инновационных технологий и делает производство практически безотходным. Обо всех особенностях этого комплекса вы сможете узнать из ролика.

Команда:

  • Сценарий, обработка информации и менеджмент проекта: Макс Горбачевский, Ольга Иванова
  • Дизайн и иллюстрация: Мария Лисицына и Андрей Лисицын (помните перепись населения?)
  • Анимация: Владимир Швагирь

Ну а дельше раскадровка и сам ролик, который все скажет за себя:

Ролик в его английской версии (ещё есть и на русском языке):

…и раскадровка:

Инфографика в анимации

 

Лесистость России: ГЕО, июньский номер,

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

Еще один пост из серии «Инфограферы за работой» — в июньском номере журнала Гео вышла наша работа, объединяющая в себе массу фактов о лесном ресурсе России.

Команда:

  • Проектировка: Антон Дуковский (при участии Ирины Добровой и Макса Горбачевского)
  • Иллюстрация: Александр Блосяк (как вы можете видеть, эта работа довольно сильно отличается от его остальных работ)

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

  • 1 место в мире по запасу леса
  • ½ лесов – коммерчески выгодные
  • 20-40% составляет нелегальная вырубка.
  • Потери – 10 млрд $/год, (сравнимо со всеми инвестициями в нанотехнологии в России)
  • 2010 – сгорело 5 млн га леса. (примерно площадь Дагестана)
  • Канада тратит на предотвращение лесных пожаров 1млрд$/год. Россия в среднем 76 млн$/год.
  • Лесники. 2004 год — 70 000 чел, 2005 — 400 чел, 2007 — 12 000 чел
  • Экономика: по стоимости продаваемого леса в мире Россия на 6-м месте.
  • В Финляндию – крупнейший поставщик дешевого и необработанного леса
  • По сравнению с нефтью:  Доля в ВВП —  3% vs 10%

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

инфографика для журнала ГЕО. Лесные ресурсы России Продолжить чтение →

Карта Рунета

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

Вот, дошли руки и до собственных работ.

Выкладываем карту Российского интернета, подготовленную по заказу журнала Startup Index. Она была опубликована в бумажной версии журнала, и висит на страничке KartaRuneta.ru.

Задача — показать результат аналитической работы Startup Index, как передовых экспертов на интернет рынке. Данные, как вы понимаете, очень фрагментарны и не всегда открыты, поэтому огромное спасибо и уважение аналитикам компании за то, что они смогли консолидировать все крупицы информации.

Что мы сделали со своей стороны:

1. Так как это «карта», то мы настояли на разработке 9-ти секторной матрицы, показывающей взаимное расположение объектов. И основой матрицей стали 2 оси: выручка в сегменте, и потенциал роста сегмента. Недостаточно было просто отсортировать объекты по размеру, разу уж заявлено название «карта рунета» — то необходимо ему отвечать. Хотя и это и заставило провести дополнительную аналитику, и провести экспертную оценку потенциала роста.

2. Подготовили «классическую» бизнес-версию карты.

3. Слепили (в прямом смысле слова) вирусный вариант. К сожалению, у заказчика он не нашел применения, но нам нравится.

Карта российского интернета

Удачных вам стартапов.

 

GEO — как делают валенки

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

Вот и вышла в свет, работа выполненная нами для журнала GEO — рекомендую к изучению декабрьский номер!

Что было на руках: текст статьи с описанием процесса производства. Плюс просмотрели доступные на Youtube видео ролики.

В чем мы видели сложность исполнения: стадии производства были понятны, но нам хотелось уйти от стандартного 1, затем 2, потом шаг 3 и т.д. И постараться связать все одну историю — производство ведь процесс непрерывный, да еще и чтобы это композиционно слилось в единое изображение. Дальше, когда идея была выработана, работа была передана в надежные руки иллюстратора Максима Дегтярева.

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

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

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

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

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

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

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

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

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

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

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

Техническая иллюстрация Новас-Энерджи

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

Публикуем новость заново, у многих не открывались картинки в хорошем качестве.

В начале июня мы с удовольствием закончили инфографику процесса очистки нефтяных скважин для компании Novas Energy Services, которая изобрела небольшой приборчик Plasma Streamer, делающий эту грязную работу.

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

Что стояло в задачах (делали буклет для работы на выставке, но потом это переросло и в оформление самого стенда):

  1. Показать работу прибора, состоящую из нескольких стадий (плазменный взрыв, остывание и т.д.)
  2. Проиллюстрировать как прибор эффективно работает в разных видах скважин (нагнетательной, добывающей, горизонтальной — да, теперь мы в них разбираемся благодаря урокам с заказчиком)
  3. Сделать 3D модель самого приборчика — здесь отдельное спасибо Алексею Залате, собравшему прибор по разрозненным чертежам
  4. Чтобы было понятно без слов, что нефтедобыча в результате такой очистки увеличивается в разы
  5. Что для очистки требуется минимум ресурсов и времени — никаких сложных построек на поверхности
  6. Минимум внимания слоям почвы и окружающей среде

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

добывающая скважина

добывающая скважина

Горизонтальная скважина

горизонтальная скважина

прибор Plasma Streamer в действии

прибор Plasma Streamer в действии

В мега-качестве (для постеров, размер 3000х2000 пикселей):

  • Добывающие скважины — инфографика (1mb изображение)
  • Горизонтальные скважины — инфографика (1mb изображение)
  • Прибор Plasma Streamer в действии (1mb изображение)

Репосты приветствуются!

МинЭкономРазвития: инфляция 2009 года. ДО и ПОСЛЕ

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

Пришел из типографии отчет МинЭкономРазвития об изменении цен в 2009 году. 14 мая будет пресс-конференция с презентацией этого отчета.

Нам (мне, Максу Горбаческому и Валентину Касьянову) удалось поработать над статистикой в РосСтата и сделать ее более читаемой для этого отчета. Фирменный стиль и дизайн диаграмм был разработан агентством Майлдберри.

Инициатором стал Департамент Развития Конкуренции – блог Александра Пироженко, его руководителя, есть в жж. Там же есть и официальный аннонс мероприятия.

Что было:

Что сделали:

Конечно Gapminder на российской статистике мы не создали и еще не скоро создадим. Это просто статичный отчет и том, как менялись цены на разные категории продуктов.

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

Главное что мы сделали – мы переработали структуру подачи информации.

1. Отделили текст от графиков (в изначальном варианте текст перемежался с диаграммами)

2. Унифицировали виды графиков. Для каждого типа информации свой: для изменения цены один, для изменения производства другой, для регионального сплита – третий (не поверите – взяли карту России ))))

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

Публикую буквально один разворот для примера.

Считаю эту работаю очень важной вехой для обоих – для МЭРа и для информационного дизайна. Для МЭРа, потому что они становятся ближе к людям и современным тенденциям. Для инфографики в целом (и для меня в частности), потому что это первый шажок к огромным запасам информации РосСтата и ГосКомСтата, которые так нуждаются в визуализации.

Вперед
Темы раздела
Примеры визуализации 17Теория 1События 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+