27 дек. 2010 г.

Motion Chart - Уровень жизни и зарплата в регионах во времени

Добавим немного динамики к пузырьковой диаграмме уровня качества жизни и зарплаты в регионах России, использовав Google Motion Chart:




Индекс качества жизни в регионах России рассчитан Институтом региональной информации
на основе данных Росстата: www.inreginfo.ru/s/37
Население и зарплата - данные Росстата: www.gks.ru/wps/wcm/connect/rosstat/rosstatsite/main/population/demography/

22 дек. 2010 г.

Качество жизни и зарплата в регионах России



Идея возникла благодаря статье про инструменты для составления картограмм регионов России RussianSphinx в блоге Алексея Мельникова VizualData.ru

Визуализация медицинских данных

David McCandless и Stefanie Posavec взяли анализ крови (дизайн 1965 года):

15 дек. 2010 г.

Индивидуальные графики Ерофеева 1969 года

Вчера нашёл интересный пример визуализации данных в художественной литературе. Это индивидуальные графики потребления алкоголя в поэме Венедикта Ерофеева "Москва-Петушки". Произведение написано в 1969 году, за 40 лет до появления сервисов личной статистики наподобие Your.FlowingData или Daytum.
И вот тогда-то я ввел свои пресловутые «индивидуальные графики», за которые меня, наконец-то, и поперли…
Сказать ли вам, что это были за графики? Ну, это очень просто: на веленевой бумаге черной тушью рисуются две оси – одна ось горизонтальная, другая вертикальная.

28 нояб. 2010 г.

Life is simple


by Moritz Resl

22 нояб. 2010 г.

Цели

Прошлая заметка в эпистолярном жанре про процесс создания презентаций многим понравилась. Поэтому сегодня небольшое продолжение в том же формате. Про цели.

Жень, привет!
Интересный проект!
Возвращаясь к нашему телефонному разговору: всё-таки, чтобы сделать хорошую работу, нужно знать, для кого она и для чего.

15 нояб. 2010 г.

1000 лет за пять минут

В дополнение к моему посту про анимацию в инфографике на infographer.ru нашёл очень интересный ролик про изменение границ в Европе в течение 1000 лет:

29 окт. 2010 г.

Статистика поисковых запросов

Сервисами статистики поисковых запросов Яндекс Wordstat и Google Insight давно пользуются маркетологи, рекламщики и создатели интернет-магазинов. Но эти инструменты могут быть интересны и полезны очень многим.

С помощью них можно получить статистику запросов различных слов и словосочетаний в Яндексе и Гугле. И таким образом поддержать вашу идею визуализированными данными.

Можно наложить данные на карту:

26 окт. 2010 г.

Фотографии в презентациях

Далеко не всегда в презентации должны быть схемы, графики и диаграммы. Отличный пример – короткая презентация Dianna Cohen о загрязнении планеты пластиком на TED (русских субтитров пока нет).

В качестве иллюстраций к рассказу приведены фотографии, отлично передающие суть сообщения, например:



18 окт. 2010 г.

Статистика Всемирной организации здравоохранения

Предыдущие неоднозначные графики вакцинации и смертности от туберкулёза были построены на основе данных Всемирной организации здравоохранения. Данных очень много и они находятся в свободном доступе.

В разделе Data and evidence > Databases находятся данные по сотням индикаторов здоровья европейских стран по годам за последние десятилетия. Можно выбирать любые из них и строить несколько видов графиков и диаграмм, а также карты данных. Можно и скопировать данные в виде таблицы для последующей обработки и построения своих графиков.

15 окт. 2010 г.

Вакцинация и смертность от туберкулёза

30 сент. 2010 г.

Процесс создания презентаций

Друг попросил "посмотреть" несколько презентаций. Я написал ему ответ и хочу им с вами поделиться:

Стас, привет!
Я посмотрел презентации. Сначала хотел написать, что не так и как переделать. Но потом понял, что лучше сразу подробно всё описать.
Есть два вида презентаций:

10 сент. 2010 г.

Визуализация резюме

Визуализация резюме Константина Варика

По клику на картинку – большая версия

7 сент. 2010 г.

Диаграмма Эйлера

Диаграмма Эйлера (Венна) — геометрическая схема, с помощью которой можно изобразить отношения между подмножествами, для наглядного представления. Изобретена Леонардом Эйлером. Используется в математике, логике, менеджменте и других прикладных направлениях.

Пример из презентации разработки 1625.ru: была отличая идея, которая оказалась плохо реализованной:

2 сент. 2010 г.

Потери энергии в России

Потери электроэнергии в электрических сетях:

И потери в тепловых сетях на примере города Среднеуральск:

27 авг. 2010 г.

Детство и отрочество энергетики России в лицах

Два плаката 2008 года, показывающие необходимость создания в России Единого энергетического регулятора. Разработка - презентации 1625.ru

Тяжёлое детство российской энергетики:



Счастливое отрочество российской энергетики:

19 авг. 2010 г.

История визуализации данных - продолжение

Перевод второй части (начало) вступительной лекции «Краткая история инфографики» Шона Аллена, с сайта Hot Design For Us (спасибо, ребята!).
В переводе используется термин "инфографика". В оригинале – "data visualization".

Про реализм


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

Реалистичное и схематичное изображение структуры трикотажа
Из статьи Connie Malamed. Перевод.

12 авг. 2010 г.

Диаграммы Yota "было-стало"

На LifeHacker.ru недавно CEO Yota рассказал о будущем развитии сетей мобильного интернета в России. И привёл вот такие диаграммы:

11 авг. 2010 г.

Пример графиков и диаграмм в презентации

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

Это простые графики. Их выбор обусловлен формой подачи материала, аудиторией и целью – начать диалог.

10 авг. 2010 г.

История визуализации данных

Перепечатываю перевод первой части вступительной лекции «Краткая история инфографики» Шона Аллена, с сайта Hot Design For Us (спасибо, ребята!).
В переводе используется термин инфографики. В оригинале – data visualization.



Ранний период
Хотя инфографика была признана, как отдельная дисциплина, не так давно, первые известные примеры визуализации данных появились почти 200 лет назад. Географические исследования, математика и популяризация истории послужили стимулом для создания первых карт, графиков и хронологических диаграмм еще в 17-ом веке. Уильям Плейфейр (William Playfair), прародитель современных диаграмм, первым опубликовал материалы с использованием столбчатых и линейных диаграмм (гистограмм) в атласе «Commercial and Political Atlas» (1786), а свою первую круговую диаграмму в «Statistical Breviary» (1801).
Уильям Плейфейр (William Playfair) - Первые линейные и столбчиковые диаграммы

9 авг. 2010 г.

Эволюция The Beatles через причёску

Прекрасная иллюстрация метода Small Multiples на примере изменения во времени причёсок участников The Beatles:

4 авг. 2010 г.

Визуализация для программистов

Прекрасный пример визуализации различных способов сортировки в программировании: sortvis.org/.

quicksort algorithm visualized

Остророжно! Только для программистов! :-)

3 авг. 2010 г.

Стоимость погоды

Весьма интересное исследование Яндекса зависимости продаж вентиляторов и кондиционеров от погоды:

20 июл. 2010 г.

Что раздражает в презентациях

По результатам исследования 548 человек в 2009 году больше всего людей раздражало, когда докладчик читал слайды:

5 июл. 2010 г.

Нет шаблонам!

Когда вышла версия Microsoft Office, в которой расширения файлов были docx, xls x и pptx, в PowerPoint встроили шаблоны диаграмм SmartArt. Я долгое время ими пользовался, поскольку у некоторых мне очень понравились идея, а иерархии строить было очень удобно.

3 июл. 2010 г.

Термограмма жилого дома

Отличный пример использования термограммы – температурного снимка жилого дома, чтобы показать возможности энергосбережения и необходимость использования автоматики в системах отопления:

21 июн. 2010 г.

Визуальные аллегории

Визуальная аллегория - это такие наглядные примеры, чтобы объяснить сложные абстрактные штуки. Не все визуальные аллегории одинаково полезны :-)
Они могут быть заезженными, как домик или мостик. А могут плохо соответствовать явлению, как, например, бизнес и оркестр (общий вариант).

А вот какие качества отличают хорошую аллегорию, от плохой:

7 июн. 2010 г.

Выбор диаграммы: шаг 2. Сравнение

Введение – на какие этапы делится процесс выбора диаграммы.
Шаг 1. Идея – определение цели создания диаграммы, формулирование идеи и названия.

Цель идея сравнение → диаграмма

Сформулировав идею диаграммы, мы можем определить тип сравнения. Этот второй этап – связующее звено между идеей и готовой диаграммой.

Существует пять типов сравнения количественных данных: покомпонентное, позиционное, временное, частотное, корреляционное. Любая идея, любой аспект количественных данных может быть представлен одним из этих пяти типов сравнения.

6 июн. 2010 г.

Перевод Тафти

Только позавчера я написал про книги Тафти (их, кстати, 4 всего), а сегодня обнаружил сайт Сергея Струганова, на котором он выложил перевод части книги Envisioning Information (Подача информации): edwardtufte.ru. Рекомендую!

Спасибо, Сергей!

4 июн. 2010 г.

Тафти – три лучшие книги по информационному дизайну

В этом блоге есть тег Тафти – это переводы и пересказы избранных мест из книг Эдварда Тафти (Edward Tufte). Тафти – американский статистик и признанный гуру информационного дизайна и графического представления информации. Он прославился тремя замечательными книгами, которые я рекомендую просмотреть всем. Необязательно прочитать (они не переведены на русский язык), достаточно просто пролистать – в них очень много интересных и познавательных иллюстраций. Вот они:

31 мая 2010 г.

Как сделать презентацию о компании

Возьмём любую презентацию любой компании. В 99% она неинтересна. Потому что в большинстве случаев это обычное описание фактов. Чем занимается (модное слово "компетенции"), перечень продуктов/услуг, о сотрудниках (или "персонал", или вообще "топ-менеджеры"), выполненные проекты, и слайд "Какие мы хорошие".

Это статичное описание. В большинстве случаев статика людям неинтересна. Людям нравится динамика, действие. Поэтому нужно взять то же самое, но заставить всё двигаться. Например, так.

28 мая 2010 г.

Как компания BP графиком вводит в заблуждение

Вице-президент нефтяной компании BP Kent Wells рассказывает на видео (англ.) как BP справляется с утечкой нефти в Мексиканском заливе. Кент говорит об их успехах и приводит вот такой график, показывающий, сколько нефти они собирают ежедневно:

26 мая 2010 г.

Лучший инструмент визуализации в интернете


Некоторое время назад компания IBM запустила уникальный сервис визуализации данных - ManyEyes.

25 мая 2010 г.

Эффект 1+1=3

Если взять две вертикальных полосы и сложить их вместе, то получится две полосы, потому что 1 + 1 = 2:

19 мая 2010 г.

Советская инфографика на почтовых марках

Низкая плотность информации, а следовательно, низкое её качество, немного компенсируется размером марки (~3 см²):

18 мая 2010 г.

Манифест визуализации информации

«Целью визуализации являются не картинки, а проникновение в суть ».
Бен Шнайдерман (1999 г.)
Когда автор популярного блога Visual Complexity Мануэль Лима общался  со Стюартом Экклес из  лондонского агентства Made by Many в августе 2009 года, ему в голову пришла идея сделать список соображений или требований к проектам визуализации информации, которые быстро приняли форму манифеста. Манифест проводит более чёткую границу между проектами визуализации информации и информационного искусства, у которых разные цели и аудитория (я писал об этом разделении в предыдущей статье).
Итак, 10 наставлений для любого проекта, в котором принципы визуализации информации должны доминировать:

17 мая 2010 г.

Визуализация информации и информационное искусство

Последнее время многие люди, которые страстно увлекаются или профессионально занимаются визуализацией информации (включая инфографику), высказывали нелицеприятные отзывы от растущего числа несерьезных проектов. Критика разных людей незначительно отличается, но обычно сопровождается такими фразами: «Это просто визуализация ради визуализации», «Это лишь приятно на вид», «Все они выглядят одинаково».

13 мая 2010 г.

Линии в таблицах не обязательны даже по ГОСТу

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

Например, было:

12 мая 2010 г.

Выбор диаграммы: шаг 1. Идея

Начало – процесс выбора диаграммы.

Цель → идея → сравнение → диаграмма

Выбирать тип диаграммы, не сформулировав идеи, это как рисовать с закрытыми глазами.

5 мая 2010 г.

Визуализация количественных данных – процесс выбора диаграммы

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

27 апр. 2010 г.

Быстрее! Выше! Сильнее!

Блог переезжает переехал на более быстрый хостинг (что может быть быстрее Гугла?!). Обновите, пожалуйста, вашу RSS-подписку: feeds.feedburner.com/vmethods

And stay tuned – впереди много интересного. Завтра, например, начинаю цикл "Выбор диаграммы для изображения количественных данных".

Спасибо!

23 апр. 2010 г.

Где используется визуализация информации

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

Итак, практическое применение методов визуализации b2b:

21 апр. 2010 г.

Круговые диаграммы - теория и практика

В этой статье я хочу кратко и с картинками рассказать, для чего и как использовать круговые диаграммы. Эдакое "Что такое хорошо и что такое плохо" для круговых диаграмм.

Первую известную круговую диаграмму начертил в 1801 году известный шотландский экономист William Playfair, основатель графических методов статистики. Он изобрёл ещё и линейчатую диаграмму и гистограмму.



Дело в том, что круг создаёт хорошее представление целого. Поэтому круговая (секторная) диаграмма (в английском –  pie chart) идеально подходит чтобы показать значения как доли (проценты) в общем объёме. Другими словами, используя круговую диаграмму, мы сравниваем компоненты одного целого (покомпонентное сравнение). Например, доли компаний на рынке.

20 апр. 2010 г.

Визуализация информации в Википедии

Наконец-то в русскоязычной Википедии появилась статья про визуализацию информации. Статья достаточна объёмная и интересная. Только вот автор пока неизвестен.

Рекомендую!

Ниже отрывок-введение:

18 апр. 2010 г.

Периодическая таблица методов визуализации информации

Увиденная пару лет назад таблица методов визуализации информации была одной из причин, по которой я решил создать этот блог.
Обязательно кликните по картинке и посмотрите таблицу -- когда наводишь мышкой на любой элемент всплывает окошко с примером указанного метода графического представления информации. И их там сотня!

17 апр. 2010 г.

Не надо объёма!

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


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

16 мар. 2010 г.

Графическая целостность

Шесть правил графической целостности (честности, правдивости – graphical integrity) количественных графиков и диаграмм из книги Эдварда Тафти The Visual Display of Quantitative Information:

26 февр. 2010 г.

Не всегда для презентации нужны слайды

Из книги Луиса Герстнера, легендарного главы IBM с 1993 по 2002 гг.:
Одним из первых брифингов, которые я попросил собрать, был о текущем состоянии бизнеса [мейнфреймов]. Мне запомнились, по крайней мере, два обстоятельства той первой встречи с Ником Донофрио, который курировал в то время продажи System/390. Во-первых, когда я приехал в его офис в Сомерсе, штат Нью-Йорк, который находился в пятнадцати милях от Армонка, повторилась ситуация моего первого рабочего дня.

10 февр. 2010 г.

Кратчайшее пособие по разработке презентаций

Расскажи мне и я забуду. Покажи мне и я, может быть, вспомню. Затронь, вовлеки меня и я услышу и сохраню это в памяти.

Китайская поговорка (via - англ.)

9 февр. 2010 г.

Изображай!

В среднем в каждой презентации SlideShare в 2009 году было 19 картинок. В тоже время в Top1000 презентаций среднее число картинок уже 24. То есть в популярных презентациях иллюстраций больше! Потому что в большинстве случаев хорошие изображения в презентациях работают лучше, чем текст.


Источник – отчёт SlideShare Zeitgeist’09 (англ.)

5 февр. 2010 г.

Основные типы методов визуализации информации в бизнес-коммуникациях

Типы методов визуализации информации, используемых в бизнес-коммуникациях

 

© 2010 – Константин Варик (разработка презентаций и необычные и удобные яркие гамаки).