My blog: заметки с тегом визуализация

Перемещение людей по данным Эпла

Wed, 09 Nov 2022 10:00:00 +0000

Сделал мини-проект — прототип дашборда про перемещение людей по данным Эпла. К сожалению, визуализация в всплывающей подсказке в Табло работает медленно, но в целом хотелось показать именно как сработала бы тепловая карта.

Заметка Романа Бунина

Интерактив в тексте

Tue, 08 Nov 2022 08:00:00 +0000

Скриншот статьи о космическом мусоре

Мне кажется я нашёл неплохой пример, где текст опирается на наглядность и всё круто работает. В интернет-статье про космический мусор крутится наша планета. Легкая анимация при скролле вниз, и мусор начинает летать, словно рой надоедливых мух. Ощущение полнейшего ужаса передано замечательно. Никакое измерительное описание так не сработает. Что для вас сотня тонн или кубометров? Пустой звук. А если изобразить плотность точками и заставить её двигаться на фоне земного шара, то это впечатлит куда сильнее.

Эпопея с аккумулятором

Mon, 07 Nov 2022 05:47:00 +0000

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

В начале я открыл великую тайну, что аккумуляторы бывают разные, и не каждый подойдёт. Мне нужно было знать размер Ш × Д × В, тип крепления, полярность клемм (обратная или нет), объём батареи, силу тока при старте и что-то ещё. Я полез искать всё это дело и окончательно запутался.

Поиски полярности. Какая-то из них называется прямой, а какая-то обратной. Чтобы это понять, надо повернуть к себе батарею лицом. В другом месте объясняют ровно наоборот — поверните к себе задом. И только 6 сайтов спустя, я нашёл магазин, который советовал просто открыть капот и посмотреть. Если я вижу (− +), значит мне вот эти аккамуляторы, если наоборот — другие.

Размеры. В 2021 году все аккумуляторы неимоверно разные и вряд ли это когда-то измениться. Чтобы понять какие подходят именно тебе, надо внимательно следить за характеристиками. То размеры пишут в середине описания, то в конце. То таблица, то список. То ширину называют глубиной. То в сантиметрах, то в миллиметрах. То вообще не пишут. А где-то заботливо уточняют: даже если вам подошли размеры, но нет какой-то ножки, то может и не подойти. Да, твою дивизию!

А чё за тачка? Почему никто не захотел предложить на сайте аккумуляторы по марке и году машины? Или по вин-номеру. Это сговор или вселенская тайна? Нахрена мне знать полярности, размеры, объемы? Я окончательно раздёргался и решил просто поехать в магазин. Еду и думаю, ну может там всё таки есть какие-то причины, может не всё так просто? Интересно, а что меня первым делом спросит продавец?

Захожу в магазин, прошу помочь мне подобрать аккум. Продавец: А у вас машина какая?

Стекломорфизм

Sat, 05 Nov 2022 09:07:00 +0000

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

Marshall, dribbble.com

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

Русский рисованный лубок

Wed, 03 Nov 2021 01:41:10 +0000

Мне попалась чудесная книжица про народный изобразительный примитив. Делюсь наблюдениями и показываю фрагменты книги «Русский рисованный лубок», Москва, 1992 год. Составитель Е.И. Иткина.

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

Сравнительное изображение символики и атрибутов у старообрядцев (слева) и официальной церкви (справа).

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

Сотворение человека. Изгнание из рая.

Не перестаю радоваться изобразительной наивности. Ева показывает пальцем на Змия, мол это всё он. И где она таких размеров дубовый листик нашла? На всю жопу, да еще и с вылетом. У Адама почему-то ошейник.

Плакат с певческим текстом. Знаки над буквами — это крюковые ноты. Так в одной типографике сочленены соли (песнопевческие ноты) и сам текст. Всё отчетливо видно и блок текста не разваливается.

Песнопение «Во святую и великую среду».

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

Горовосходный холм.

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

Рассуждение о человеческом рождении, жизни и смерти.

В копилку еще один формат полезного плаката — календарь. Что такое месяцеслова я не знаю. А с версткой есть проблемы. Подписи колонок расположены на равном расстояние между этажами. И не сразу поймёшь к какому этажу они относятся, к верхнему или нижнему? А рисунок к левой или правой колонке?

Календарь месяцеслов.

А это календарь уже делал матёрый старообрядец. Здесь все однозначно подписано, красиво сверстано. Столбцы выразительно прямоугольные, как и формат плаката. Хорошо придумано, как незаметно 4 колонки превратить в 5. Подытоживающий столбец в правом нижнем углу содержит красивую таблицу. Даже иллюстрации в верхнем этаже подписаны однозначно. Учись предыдущий старообрядец!

Обратите внимание на лики персонажей. А теперь на череп на столе.

Иллюстрация к стихам С. Яворского «Взирай с прилежанием, тленный человече».

Как можно красиво нарисовать голову и при этом так смешно навалить лепешку в виде черепа? Казалось бы, раз в анатомии разбираешься, что стоит череп изобразить? Лики на иконах сохраняют и анатомичность и святость. Это тяжело делать. Но если сильно постараться, можно скопировать, что мы и видим. А череп не часто изображают на иконах. Получился, как получился. Там на столе вообще черти что творится с изометрией, даже фикус не спасает. А еще мило подписано солнце.

Самые популярные цвета в живописи, 1500—2020

Sun, 08 Nov 2020 10:00:00 +0000

Диаграмма показывает 10 самых популярных цветов в картинах для каждой декады, начиная с 1500 года. Для анализа каждого десятилетия было выбрано 50 случайных картин.

Высота столбиков кодирует соотношения цветов между собой.

Заметка Кирилла Олейниченко