Михаил Озорнин

http://www.creativereview.co.uk/…-audiences-though-its-music

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

Первые две страницы руководства по Симфонии №41 Моцарта

Оно же в жизни:

Кусочек крупнее:

http://playground.tensorflow.org/

Даниель Смилков и Шон Картер создали интерактивную процесса обучения нейросети. Решаются задачи классификации на разных массивах данных.

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

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

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

Алексей Черенкевич, Евгений Шпилевский, Анна Ширяева, Виктор Якунин, Павел Кедич сделали интерактивную историю Белоруссии.

http://map.letapis.by/ru

http://www.r2d3.us/…-to-machine-learning-part-1

Stephanie Yee и Tony Chu сделали интерактивный рассказ о машинном обучении. В качестве примера они рассматривают задачу классификации: по параметрам дома догадаться расположен он в Нью-Йорке или в Сан-Франциско.

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

Все снабжено интерактивной визуализацией.

Есть перевод на русский: http://www.r2d3.us/…ое-Введение-в-Теорию-Машинного-Обучения/

http://swissincss.com

Дизайнер Jon Yablonski перерисовал и заанимировал известные швейцарские плакаты на ЦСС.

На сайте «Паспорт-индекс» собраны обложки паспортов разных стран, к сожалению, не всех.

Паспорта отсортированы по странам и цветам.

Из интересного: на обложках Сальвадора и Гватемалы нарисовано, где искать эти страны.

http://www.passportindex.org/

«Уолл-стрит Джорнал» проанализировал цвета на обложках комикса и сделал интерактивную визуализацию. Палитра упрощена до 64 цветов, площадь сектора показывает количество цвета на обложке.

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

Визуализация:
http://graphics.wsj.com/avengers/

Статья об изменении цветов на обложках «Мстителей»: http://blogs.wsj.com/…-of-earths-mightiest-heroes

Textures.js — библиотека патернов на яваскрипте для карт, графиков, визуализации данных.

http://riccardoscalco.github.io/…textures/

Дункан Грэхем, дизайнер в Мэпбоксе, сделал карту в стиле Супер Марио и рассказал об этом в блоге:
https://www.mapbox.com/…/super-mario-with-studio

Карта: https://api.tiles.mapbox.com/…_s64VQ#5/35.675/-92.681

Исходный код https://github.com/…/super-mario-world.tm2

В журнале «Шрифт» вышло интервью с Ильём Рудерманом: http://typejournal.ru/…/Ilya-Ruderman-Interview

В том числе в нём Илья описывает, как анализировал характер шрифтов.

«Ме­тод ис­сле­до­ва­ния двух пись­мен­но­стей с точ­ки зре­ния рит­ма (Layering of type, как на­звал его ав­тор). Для со­став­ле­ния ста­ти­сти­че­ских та­блиц бы­ли вы­бра­ны сле­ду­ю­щие па­ра­мет­ры: ча­сто­та по­яв­ле­ния в тек­сте верх­них и ниж­них вы­нос­ных эле­мен­тов, диа­го­на­лей, ова­лов и по­луова­лов, вер­ти­каль­ных штри­хов, го­ри­зон­таль­ных штри­хов. Сто­ит за­ме­тить, что ви­зу­аль­ное ис­сле­до­ва­ние на­ча­лось с под­счёта наи­бо­лее ча­сто встре­ча­ю­щих­ся букв и бук­во­со­че­та­ний в ла­тин­ском и ки­рил­ли­че­ском тек­сте, но ре­зуль­тат ока­зал­ся сюр­при­зом: ко­ли­че­ство по­яв­ле­ний тех или иных букв бы­ло при­мер­но оди­на­ко­вым («а», «е», «о» и дру­гие), ку­да бо­лее важ­ным ока­зал­ся под­счёт де­та­лей, из ко­то­рых со­сто­ят бук­вы в раз­лич­ных ал­фа­ви­тах. Ана­лиз по­ка­зал, что рас­про­странён­ный сте­рео­тип об об­ра­зе ки­рил­ли­це как «за­бо­ре» яв­ля­ет­ся за­блу­жде­ни­ем. Всё де­ло в бо­лее слож­ной, не­же­ли у ла­ти­ни­цы, си­сте­ме: в ки­рил­ли­це в пло­щад­ке от­дель­но­го зна­ка за­клю­че­но су­ще­ствен­но боль­ше ин­фор­ма­ции. Это ка­са­ет­ся и ко­ли­че­ства штри­хов, и их век­то­ра дви­же­ния».

Нью-Йорк Таймс сделал интерактивный рассказ о 19-дневном покорении горы Эль Капитан: http://www.nytimes.com/…/the-dawn-wall-el-capitan.html

Рассказ сопровождается фотографиями с восхождения и 3Д-моделью горы.

Фотографии и 3Д-модель работают как параллельное изложение. Базовый лагерь, показан и на модели горы, и фотографией.

Для масштаба — размер человека.

Когда смотришь вверх или вниз с модели горы немного захватывает дух:

http://peterbeshai.com/buckets/app/

Статистика по игроку:

Сравнение игроков между собой:

По лиге целиком:

https://www.ibm.com/design/language/

Ай-би-эм опубликовал своё руководство по дизайну приложений. Сам фреймворк состоит из четырёх разделов:
Experience
Visual
Interaction
Front End

Советы общего плана:

Руководства по вёрстке и компоновке:

По рисованию иконок:

По цветам:

Не обошлось без золотого сечения:

Гугль поделился с изданием «Зе Вёрдж» ранними прототипами часов на Андроиде. Можно отследить ход их мыслей и увидеть отброшенные варианты.

Ещё несколько картинок по ссылке: http://www.theverge.com/…-the-evolution-of-android-wear

Авиакомпания «Вёрджин Америка» показала новый сайт: http://beta.virginamerica.com/

Презентация: http://static.virginamerica.com/…/newlookvx/vx-redesign-9/7

Тезисы:
полноэкранный интерфейс бронирования;
один выбор на одном экране;
очередной редизайн посадочного талона.

Разработчик фитнес-приложения «Страва» визуализировал данные о велосипедных поездках и пробежках на карте мира:

What's this: This dataset includes 77,688,848 rides and 19,660,163 runs representing about 220 billion total data points.

Как бегает Европа: http://labs.strava.com/…/#4/9.42390/48.42072/gray/run

На велосипеде больше всего ездят в Британии и Голландии: http://labs.strava.com/…/#4/9.42390/48.42072/gray/bike

В Екатеринбурге бегают вокруг воды (озеро Шарташ, на карте справа, вдоль пруда — в центре, и в парке Маяковского): http://labs.strava.com/…/60.62088/56.82198/gray/run

В Москве бегают по набережным и в любом, даже самом маленьком парке: http://labs.strava.com/…/37.55173/55.75210/gray/run (видны Парк Горького + Воробьевы, Сокольники, Серебряный Бор, Измайлово и Кузьминки)