Infography | Инфография

Увидела ссылку на инфографику о сотоянии образования в Финляндии. Пошла смотреть. И, увы, мне совсем не понравилось. Вот только четко -- что собственно не так -- пока сформулировать не могу.
Может быть участники сообщества смогут выразить: что хорошо и что не так на картинке?
Спасибо.

( Collapse )

Публикация: «Электрическое подземелье», журнал «Вокруг света», январь 2013.

Автор: Максим Дегтярёв.



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

( Collapse )

telegeography.com при поддержке Telecom Egypt нарисовали такую карту подводных линий связи:



По клику можно рассмотреть основные направления, их реальную пропускную способность (вместе с краткой историей развития с 1997 по 2013), строящиеся и планируемые к постройке кабельные системы и много чего ещё (такая многопрофильность визуализации, по-моему, очень характерна для старинных карт). Очень информативны маленькие дополнительные карты (я сперва думал, что они исключительно для красоты) по углам: на верхних отмечены основные узлы кабельных систем с перечнями основных направлений по каждому узлу; в нижнем левом общая визуализация пропускной способности и потребление трафика странами; в нижнем правом -- превосходная визуализация времени прохождения пакета в виде созвездий (длина/цвет луча определяют задержку пакета, направление луча соответствует географическому направлению).

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

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

При беглом взгляде может показаться, что шкала слева отражает количество миллилитров жидкости в шприце, но на самом деле она "отражает" цену. Инфограферу-автору стоило сделать наоборот и поместить шприц с чернилами справа, а количество жидкости изменить пропорционально количеству миллилитров, которые стоят некое определенное N денег.

Инфографолог Иван ivanpoukhkal Пухкал создал российско-ориентированную версию недавно запощенной в Инфографи графики о долях авиакомпаний на рынке.

Автор: Жюльен Тредан-Тюрини.

«Вог», октябрь 2010: синий — статьи, голубой — реклама.



«Космополитен», ноябрь 2010: красный — статьи, оранжевый — реклама.

Разработчики исследовательской команды газеты Нью Йорк Таймс создали визуализационное приложение для трекинга (отслеживания) распространения ссылок на новостные истории в интернете.

( Collapse )

Обязательно посмотрите видео о Cascade на сайте NYT Lab. Там же есть еще скриншоты визуализаций.

As the end of the world year is approaching, it is time to summarize this year's best Infographics Design practices!

Infography has sifted down about 400 infographics* to filter several most prominent design trends in infographics in 2012. In this post we are to highlight 9 trends illustrated by 45 artworks.

_{*most of them found at the great selection of the Top Social Media Infographics of 2012 by Pinterest user Dainis Graveris.}


( Collapse )

Проект: 512 Paths to the White House для The New York Times

Авторы: Mike Bostock, Shan Carter



Недавно довелось послушать рассказ Шана Картера про его работу над калькулятором результата президентских выборов 2012 (Electoral College Calculator). Мне всегда интересно слушать про процесс, и Шан рассказал много всяких деталей про их кухню — подумала, что здесь многим тоже будет интересно почитать.

Ниже я по памяти пересказываю презентацию Шана (и все картинки — это его слайды). Если появится видео с выступлением (которое вроде обещали, но я не дождалась), то добавлю сюда ссылку.

[процесс]
У калькуляторов/предсказателей результата президенских выборов история давняя, и чаще всего для них использовались (интерактивные) карты:

Результаты выборов 1896 года



Результаты выборов 1932 года



Калькулятор для выборов 2004 года



Однако интерактивные карты — неудачная форма для представления такого рода информации, потому что площадь штатов никак не коррелирует с плотностью населения


и вот тому пример:
 


Дальше нужно объяснить, как устрена избирательная система в США, чтобы понимать, что и почему придумали Шан с командой.
Если коротко и упрощённо: 

Выборы в США непрямые и происходят через так называемых выборщиков ("electors"), у каждого их которых есть один электоральный голос (electoral vote).

Каждому штату полагается разное количество выборщиков и это количество пропорционально количеству избирателей в штате. Штаты делятся на избирательные округи с одинаковым количеством избирателей; каждый округ представлен одним выборщиком. 

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

Дальше подсчёт ведётся на уровне штата: все электоральные голоса штата тоже отдаются тому кандидату, за которого проголосовало большинство выборщиков этого штата. 

Всего в стране 538 выборщиков/электоральных голосов, президентом становится набравший простое большинство голосов.

Теперь важное: все штаты делятся на традиционно красные/консервативные, синие/демократические и "неустойчивые" (swing states). Т.е., есть штаты, результаты выборов в которых можно заранее с большой уверенностью предсказать (это подкрепляется и историей голосования, и предвыборными опросами), а есть такие, в которых демократов и республиканцев примерно поровну и есть смысл за что-то бороться.

Вот на этой предсказуемости результатов в одних штатах и непредсказуемости в других Шан с командой и решили строить свою визуализацию.

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

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

Первый вариант — чаши с шарами. Красные и синие уже разложены, остаётся перекладывать жёлтые и смотреть, что получится.

Но этот вариант они отмели как визуально неубедительный и решили пойти совсем другим путём, а именно использовать decision tree (дерево решений?).

upd: Вариант с перекладыванием кругов появился за несколько месяцев до выборов (http://elections.nytimes.com/2012/…) и работал всё время, а к самим выборам сделали другой вариант — дерево решений (опубликовано оно было 2 ноября). (спасибо ivanpoukhkal за уточнение)

Процесс работы над деревом решений хорошо описан Майком вот в этой статье [eng], а я ниже покажу некоторые иллюстрации.

Всего было 257 промежуточных вариантов. Прогресс между 15-ым и 81-ым:



И дальше всевозможные вариации веток и узлов:


 












Это они сначала думали короновать победителей, потом решили не рисковать (+ к этой стадии уже отказались от силуэтов штатов в узлах):
 

В общем, они проделали огромную работу. Все коммиты доступны здесь: http://shancarter.com/talk/2012/hi…

А это их команда: люди (из офисов в Сан-Франциско и Нью-Йорке), дававшие фидбеки на бесконечные коммиты и помогавшие думать и двигаться дальше
 

Все ссылки на источники ещё раз:
http://shancarter.com/talk/2012/hi… — презентация Шана
http://shancarter.com/talk/2012/hi… — все коммиты
http://source.mozillaopennews.org/… — рассказ Майка про процесс

Публикации: «Курьер», Бильбао (El Correo), июль-август 2012.

Авторы: Хосеми Бенитес, Альберто Лукас Лопес.

Всю серию из 20 разворотов можно посмотреть в портфолио Альберто.

На недавнем конкурсе дизайна СМИ ÑH9 (региональный конкурс «Society for News Design») олимпийская подборка получила золото в номинации «Ежедневные газеты — Инфографика — Портфолио».