Ctrl + ↑ Позднее

Повернули систему координат

Интересный способ применения прямоугольной системы координат. На одной оси — насколько люди довольны жизнью, на другой — валовый внутренний продукт на душу населения.

Но плоскость показана под углом, и автор обращает внимание на еще одно значимое направление: снизу вверх на повернутой плоскости.

В таком ракурсе наверху оказываются «бедные, но счастливые»:

Источник:
http://www.visualcapitalist.com/relationship-money-happiness/#comment-3830619155

В конце страницы смешной комментарий:

ag303 • 12 hours ago
I find the angled presentation of this graphic confusing. It implies that the variables represented on the x and y axes are not the usual vertical and horizontal, but in fact they are, right? X is wealth and Y is happiness? Seems to me the More satisfied arrow should really point up, and the Richer arrow should point to the right.

Люди думают, что нужно показывать данные так как они думают, а не как-то иначе. На самом деле данные можно показывать как угодно. Вообще всё можно показывать как угодно. Исходя из цели и кучи разных причин. Автор исходит из того, какая у него цель. Это может быть просто желание.

Параллельное отображение относительно одной даты

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

Перейдите по ссылке и подвигайте мышью над графиком:
https://beta.observablehq.com/@mbostock/d3-index-chart

22 апреля   D3   Observable   визуализация   дизайн

О дизайне презентации МИДа Британии

На сайте «Коммерсанта»:
https://www.kommersant.ru/doc/3586195

В презентации всего 6 страниц.
https://www.kommersant.ru/docs/2018/UK_Briefing.pdf

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

Вот такой слайд, например:

Представление слайдами вместо стройного повествования говорит: «нам не нужно ничего объяснять, всё и так понятно».

Форма шестиугольников ничего не обозначает.

Попытались этим показать «паттерн», но вписали совершенно разные ситуации разной степени давности с разной степенью определенности и доказанности.

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

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

Ответы Лаврова на вопросы СМИ:
http://www.mid.ru/ru/foreign_policy/news/-/asset_publisher/cKNonkJE02Bw/content/id/3118300
в том числе, о запросах со стороны России.

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

По такому случаю вспоминаем классику!
Cognitive Style of PowerPoint: Pitching Out Corrupts Within
(Edward Tufte)
https://www.edwardtufte.com/tufte/books_pp

Из телеграм-канала https://t.me/sergeykashin
28 марта 2018

Визуализация бросков в баскетболе

Веб-виар (Web VR):
https://bball.surge.sh/golden-state-warriors/anderson-varejao

С технической точки зрения круто. А с точки зрения представления данных — добавить бы даты и время. Мячи летят, но непонятно, как это распределено во времени.

Сходу непонятно значение цвета. Красные — мимо, синие — попали, но в начале сбивает с толку плавное повышение яркости от белого.

На полу поверх (или вместо) деревяшек можно разместить в виде текстуры точки, откуда бросали мяч.

Ну, так себе.

Двухмерное отображение мест бросков, количества попыток и успешности давно хорошо сделали в Нью-Йорк Таймс:
http://www.nytimes.com/interactive/2012/06/11/sports/basketball/nba-shot-analysis.html

Но на этой прекрасной графике не отражалось время броска.
Забивали равномерно?
Отжигали в конце игры?

Анимация в веб-виаре могла как раз показывать в такой истории время бросков. Но в 3д это выглядело бы, наверное, странно. Мяч ведь один. Не очень понятно, что в данном случае дает трехмерность.

Из телеграм-канала https://t.me/sergeykashin
17 марта 2018

22 апреля   авиация   риск   управление

Блокноты Обзёрвэбл

Тестирую новый инструмент Блокноты Обзёрвэбл (Observable) Майка Бостока. Интересная штука.

Посмотреть в Блокнотах:
https://beta.observablehq.com/@realsergeykashin/temperature-and-humidity-in-moscow-summer-2017

Пояснения Бостока, что это такое:
https://beta.observablehq.com/@mbostock/five-minute-introduction

Делал визуализацию температуры для исследования в Сбере. Решил параллельно попробовать запилить что-то похожее в Блокноте на открытых данных, чтобы сравнить с обычной связкой JS + D3 + HTML.

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

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

О влиянии начальных условий

Наглядно о влиянии начальных условий. 40 двухчастных маятников одинаково начинают движение и выглядят как один маятник. Но из-за крошечного расхождения начальных условий траектории расходятся, и…

https://bl.ocks.org/travisdoesmath/c0d08396a0bf8d5de8519ded00bb7866

Там по ссылке еще крутая демка с тройным маятником:

https://www.reddit.com/r/mathpics/comments/4nd5h1/41_triple_pendulums_with_very_slightly_different/

https://i.imgur.com/r6FZfxr.mp4

Из телеграм-канала https://t.me/sergeykashin
14 февраля 2018

Карта голосов на выборах

Поправил отображение данных о выборах 2016 года на карте США.

Исходная карта выглядит так:
https://xkcd.com/1939/
https://t.co/ahI3BCJvjn

Человечки были забавные, но так тяжело что-то разобрать по цветам. Приглушить границы на карте, добавить вариацию формы точек, сравнить три распределения. Зеленые «другие» теперь видны получше. Распределение синих и красных выглядит понятнее.

Типографика прежняя. Поменял только карту.

Как дороги захватывают город

Наглядно о том, как дороги захватывают территорию города. На примере участка карты Детройта.
https://twitter.com/arkadiygershman/status/945265035496083456

https://en.wikipedia.org/wiki/Michigan_Building

https://yandex.ru/images/search?text=парковка%20в%20театре%20детройт&lr=213

В 1976 году прекратил свою деятельность Мичиганский театр. Владельцы сделали из здания театра в центре Детройта автомобильную парковку.

Театр на той же схеме города:

Запись из телеграм-канала.
25 декабря 2017, https://t.me/sergeykashin

20 апреля   Гугл   данные   карты   Эпл

Реальные данные — неидеальные

Запись из телеграм-канала.
18 декабря 2017, https://t.me/sergeykashin

Компания Блумлайф (Bloomlife) делает портативные датчики схваток для беременных. Опубликовали статью о том, как важно понимать качество данных. Данные от неидеальных источников. Заслуживает внимания:

Real Life is Messy. We Should Design For It.
On sensor data and the need for more transparency on signal quality.
https://medium.com/40-weeks/real-life-is-messy-we-should-design-for-it-d1d5f14270d3

Устройства считывают данные, чтобы анализировать их и представлять в визуальной форме. Дизайнеры создают способы наглядного отображения данных, поступивших от датчиков. Но насколько мы уверены в качестве самих данных? Что если датчик снял данные с помехами? Где-то отошел контакт с поверхностью. Где-то помешали другие сигналы.

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

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

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

О визуализации забега

Запись из телеграм-канала.
12 декабря 2017, https://t.me/sergeykashin

Красивая, любопытная, но не очень понятная, на мой взгляд, визуализация: https://smallmultiples.com.au/articles/visualising-sydneys-city2surf-2017/

Heartbreak Hill — буквально, холм. Но на диаграмме при взгляде на слово Hill легко перепутать по вертикали количество бегунов и высоту над уровнем моря.

Показали отдельный разрез с высотами, но без динамической визуализации бегунов:

20 апреля   визуализация   дизайн

О книге

https://evannex.com/blogs/news/new-book-excerpt-how-tesla-brought-a-systems-approach-to-the-automobile

Интересное:
Сложно превзойти Тойоту в штамповке металла, сборки, покраски и т. д. Но Тесла думает об эффективной и тесной интеграции систем, электроники и интерфейсов в автомобиле.

О системной архитектуре в Тесле и разрозненных устройствах в других автомобилях.

Интеграция софта и электроники. Меньше проводов. Цельное пользовательское взаимодействие. Тесла обновляет софт, и обновляет быстро.

Остальные автопроизводители обновляют развлекательные штуки.

Запись из телеграм-канала.
6 декабря 2017, https://t.me/sergeykashin

20 апреля   Интересное   книга   Тесла
Ctrl + ↓ Ранее