mega.genn.org

Пиксельные графики

statil.jpg

В интернете еще вчера разгорелась нешуточная дискуссия насчет статьи о визуализации информации Pixels Are the New Pies. Ее содержание сводится к тому, что на смену привычным и любимым Йованом, но несколько неуклюжим круговым диаграммам (Pie Charts) приходят пиксельные диаграммы. Автор приводит в пример две диаграммы: одну из NY Times, другую из Wired. Именно насчет них и разгорелся спор на том же diggit’e.

Несложно заметить, что эти диаграммы не читаются с первого взгляда, но выглядят приятно, в них интересно разбираться и они отличаются компактностью. Таким образом, встраивая их в полосу печатного издания, не надо думать об обтекании текстом непрямоугольной формы. В этом я вижу несомненный плюс. А уж как инфографика они красивы и необычны, так что любителям уникальных полос тут раздолье. Кроме того, эти графики очень хороши для использования на новостных сайтах, где возможности верстки существенно беднее, чем в том же InDesign’е. Беда лишь в том, что они непривычны и плохо читаются. В них надо копаться и разбираться. Если это и подходит для иллюстрации продолжительности популярности рок-групп в прошлом веке (фанатам будет интересно повыискивать и посмотреть, кто там рядышком), то для тех целей, для которых они использованы в NY Times, эти графики красивы, но не ахти как читаемы. Вообще, реализация Wired хоть и выглядит как игровое поле в Lumines, все равно более симпатична.

Думая над тем, как использовать явные плюсы и избежать явных недочетов, а также прочитав много-много комментариев и выспавшись, я решил составить график цен на кокаин в разных странах в более компактном и информативном виде, чем тот, что предложил The Economist:

stateconomist.gif

Для начала узнаем все цены. Поскольку точные данные из схемы не прочесть, я прикину значения на глаз. Также заменю названия стран на их двубуквенные коды, чтобы были более компактными. Валюту тоже опущу, речь не о том. На исходе эксперимента это не отразится ;)

stat1.gif

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

stat2.gif

Добавим сверху Новую Зеландию и дадим ей «провалиться» в дырки.

stat3.gif

Затем раскрасим по вкусу. Кокаин это весело, поэтому цвета не должны быть оттенками серого, но и к сочетаниям в стиле «вырви глаз» у меня душа не лежит.

stat4.gif

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

2.08.07 в 10:43 | bo:

:)
не шедевр - потому что много значений, я думаю. возможно, такая визуализация хороша для меньшего количества.

хотя, раскрашивание по возрастанию цен, например, может и спасти.

2.08.07 в 10:50 | Genn:

Ты, пожалуй, права. Вон Wired же обошелся скомпоновав все в кучу, а потом расписав. Но раскрашивание и уменьшение количества объектов могут быть очень кстати ;)

2.08.07 в 11:17 | akella:

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

2.08.07 в 11:19 | Genn:

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

8.08.07 в 13:34 | Mikhail:

Мне кажется, что, к сожалению, в вашем варианте особого выигрыша с эстетической точки зрения нет, но информация несчитывается абсолютно - а ведь предназначение инфографики - красиво и понятно подавать информацию (особенно количественные показатели), а не превращать все в какой-то непонятный паззл для читателя

17.08.07 в 8:00 | Genn:

Mikhail, в данном конкретном случае согласен. Надо было нарисовать, чтобы попробовать и оценить. Когда будем разрабатывать раздел про инфографику для печатного издания, дизайн которого делаем, учту и этот опыт. Как уже выяснили с Акеллой: цену площадью показывать не стоит. Лучше объем или процентное соотношение. Сейчас же получилось, что графика The Economist преследуют абсолютно разные цели =(

Оставить комментарий

Copyright © 2007 Genn
Сайт работает под управлением WP-турбийона.
Правила жизни
Виндоус виста ух гайд!