10 заметок с тегом

инфографика РСС

Богатые и бедные Избранное

7 января, 13:51

Наверняка все уже видели вот эту картинку, представляющую результаты опроса богатых и бедных:

Если вы ещё не видели, посмотрите внимательно, прежде чем читать дальше.

Интересна картинка, прежде всего, тем, какие выводы из неё для себя делают разные ребята. Вот два варианта:

  1. «Мне нужно лучше учиться, больше трудиться и быть смелее!»
  2. «Богатые склонны отрицать роль связей и обмана в своём успехе и врать, что его причина — в упорном труде».

Первый казался мне совершенно очевидным, пока я с изумлением не встретил где-то в интернете второй.

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

жизнь   инфографика

Транспорт в Челябинске Избранное

7 ноября, 2:47

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

Вот так выглядит остановка «улица Энгельса» в Челябинске:
Транспорт в Челябинске

А я хочу, чтобы она выглядела ну хотя бы вот так:
Транспорт в Челябинске

Чтобы это сделать не нужно ни космического бюджета, ни федеральной программы, ни одобрения партии. Нужно просто, чтобы появился кто-то, кому не наплевать. Почему-то в России транспортной графикой заняты люди, которые не любят и не умеют её делать, и, хотя здесь есть куча прекрасных дизайнеров, их к этой работе никто не привлекает.

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

Я создал лучшую схему московского метро, но москвичам приходится читать их официальное уродство. Моя экспериментальная схема челябинских трамваев и троллейбусов понравилась даже в администрации города, но практических последствий из этого не случилось. А карта маршрута поезда «Южный Урал» до сих пор остаётся немым укором всему РЖД вместе с его ребрендингом.

Если «город» сочтёт это полезным, я хотел бы потихоньку заняться реальной графикой, которая висит на остановках и в транспорте, а не просто картинками для моего сайта.

Конечно, за год и даже за 10 лет весь Челябинск в Лондон не превратишь. Но если через 10 лет он станет немножко ближе — это тоже прекрасно. Я бы начал с малого. Например: разместил бы современные схемы на несколько остановок в самом центре. Потом наклеил бы схемы внутрь автобусов самых важных маршрутов. Потом сделал бы что-то хорошее на автовокзалах. И постепенно бы улучшал и расширял всё это, непрерывно слушая комментарии пассажиров.

Из других дизайнерских задач, которые городу надо как-то решать — уличные таблички (у нас они отвратительны), дорожные знаки (на развязках у нас невозможно понять, куда ехать), праздничный креатив (всякие казённые поздравления ветеранов с 9 мая).

Поезд №13

2 апреля 2010, 1:22

Опубликована схема маршрута фирменного поезда «Южный Урал» из Челябинска в Москву.

Иллюстратор и Джаваскрипт Избранное

28 февраля 2010, 1:21

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

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

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

Всё это довольно муторная работа, которую хочется автоматизировать.

Так вот, кто-нибудь знает, как это сделать лучше всего? Кажется, адобовские программы как-то поддерживают Джаваскрипт. Как этим воспользоваться? Где задокументированна их объектная модель? Есть ли там консольный режим? Типа, пишешь команду — она сразу же выполняется по энтеру.

Хочется строить график в Иллюстраторе так:

if (line = document.layerNamed ('rus medals')) line.clear ()
else line = document.layers.add ('rus medals')
line.select ()
document.pen (0, 0)
for (i = 0; i <= 16; ++ i) {
  document.pen (i * 10, -medalsByCountryAndDate ('RUS', i + 12))
}


Ну или что-то вроде того. То есть пишем, что хотим от машины, а не делаем это руками. Я чувствую, как вам хочется придраться к этому коду или придумать свой, но это никому не интересная хрень. Смысл в другом: захотели построить график Новергии — бац, построили. Решили, что 10 пикселей плохое расстояние — исправили на 12, перестроили. Захотели поставить восклицательный знак на графике каждый раз, когда его поднимает золотая медаль — дописали строчку. Захотели воткнуть грустный норвежский флаг везде, где проиграли золото Бьёрндалену — дописали ещё пару строчек.

Кто так умеет, научите меня, а?

Эстафета олимпийского огня

12 февраля 2010, 12:19

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

спорт   работа   инфографика

Инфограммы

23 декабря 2009, 17:25

Ура, у бюро открылся сайт инфограмм вместе с пилотной инфограммой, посвящённой событиям уходящего года:

Инфограмма Бюро Горбунова по опросам фонда общественного мнения.

В 2009 году еженедельно две тысячи человек отвечали на вопрос: «Какие события прошедшей недели, о которых говорили в СМИ, больше всего заинтересовали вас, привлекли ваше внимание?»


Если у вас личный блог, то с сайта можно просто взять код и вставить себе, а потом обсудить все события со своими читателями.

Добавлено в 1:48: Спасибо всем за замечания и идеи, мы всё читаем и принимаем к сведению.

Добавлено ещё через сутки в 3:20: Виджет обновился.
инфографика   работа

Схема линий нетрадиционной ориентации Избранное

13 мая 2009, 12:27

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

Схема линий нетрадиционной ориентации

Кстати, повесил её на главную.
дизайн   инфографика   московское метро

Сравниваем рынки

11 ноября 2008, 10:05

Попробуем выяснить, насколько справедлива точка зрения, что «мы падаем вместе со всеми».

Сравниваем рынки

Источник — РБК. Кстати, среди стран, индексы которых представлены на сайте, найти такую, падение рынков которой за выбранный период было бы больше российского, мне не удалось.
инфографика

Дак что же делать дальтоникам?

3 июля 2007, 14:35

Только идиоты считают, что нумерация линий каким-то образом помогает дальтоникам. Нормальные же люди понимают, что при невозможности использования цветов нужно не нумеровать линии, а просто использовать другой принцип кодирования. Тут есть у кого учиться: лондонская схема давным-давно существует в чёрно-белом исполнении (и использует кодирование орнаментом).

Свою схему я рисовал также в цветом и чёрно-белом вариантах. Чёрно-белый был вчера опубликован.

Чёрно-белая схема метро

Для различения линий достаточно было меньшего числа орнаментов. Например, Сокольническую, Калининскую, Бутовскую и Каховскую линии можно было бы сделать одинаковыми, как и Люблинскую с Филёвской. И Кольцевую линию можно было бы тоже обозначить любым из уже занятых орнаментов: она безошибочно определяется по форме. Однако такое решение вызывало бы лишние вопросы. Придумать несколько лишних орнаментов не сложно, удобочитаемости это не отнимает, поэтому было решено здесь не экономить.

Кодирование линий на чёрно-белой схеме метро

Надо сказать, чисто эстетически чёрно-белая версия кажется мне куда более клёвой, чем цветная. Её хочется распечатать на слегка желтоватой бумаге и повесить на стенку.
инфографика   метро

Карта представительств и филиалов УЗП

20 апреля 2007, 3:52

Карта представительств и филиалов УЗП

Нарисовал фантастическую карту представительств и филиалов Уральского завода «Погрузчик».
инфографика   портфолио