Когнитивная нагрузка Майка Новикова

Еще три инвайта появилось ✨

Открытия года:
1. Тройной клик по тексту выделяет весь абзац или строчку 🌚

2. В браузере зажатый альт дает выделять текст внутри ссылки. На маке shift-option.

3. Соответственно альт + тройное нажатие выделяют видимый текст ссылки

Живите теперь с этим

#toolhacks #windows

Мой ремейк топографического плана Томска
Вдохновившись работами Шона я сделал похожую карту для старого топографического плана Томска.

Главное ограничение в этом процессе — получить данные о высоте рельефа. NASA публикует такие данные для всего мира, но в плохом разрешении. Это подойдет для «выдавливания» больших территорий, но чтобы эффект высоты выглядел хорошо на городе, нужны более детальные сканы. Обычно их делают для отдельных областей, и в публичном доступе не публикуют.

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

Весь процесс описывать не буду. Если интересно, у Шона есть мастер-класс, где он показывает как делает такие карты.

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

Свой ремейк в высоком разрешении закину в комментарии.

#maps #сделал #poster

Карты + Блендер = красота 💛
Пока далеко не ушли от темы карт, хочу поделиться источником вдохновения — инстаграмом картографа Шона Конуэя:
https://www.instagram.com/geo_spatialist/

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

#maps

Карта возраста домов — ссылки

Онлайн версия карты домов Томска. По нажатию открывается карточка дома с доступной информацией
https://kontikimaps.ru/how-old/tomsk?p=h-tom

Мой рассказ о процессе создания карты
https://kontikimaps.ru/how-old/tomsk/process?p

Карты других городов
https://kontikimaps.ru/how-old/cities?p=h-menu

Пост Никиты Славина на Хабре с которого все началось
https://habr.com/ru/articles/504216/

Рассказ Александра Качкаева о карте Пензы и написании фреймворка для сбора данных
https://kontikimaps.ru/how-old/penza/process?p=h-pnz

Сайт издательства Кон Тики
https://kontikimaps.ru

#hoith #maps #сделал

Так, ну теперь даже ждать не нужно — остаток совы дорисовывается в реальном времени.

Welcome to the future ✨

Попробовать можно тут

#нейронка #дурьвсякая@cogload

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

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

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

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

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

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

На выходных я буду рассказывать про проект на Новисадском Митапе. Запись уже закрыта, но если вы в Сербии или поблизости — можете написать организаторам, иногда люди не успевают попасть и открываются свободные места.

#hoith #maps

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

https://nakarte.me/#m=15/46.46893/8.10358&l=O/Si&r=46.798562/8.231974/Switzerland

↑ Сначала откройте ссылку и полистайте карту

Все началось с заметки в блоге Эдварда Тафти про топографический атлас Швейцарсих Альп. На примере этой карты, он объясняет принципы хорошей визуализации:

Общие принципы
- Фокус на содержании.
- Высокое разрешение.
- Каждый элемент имеет несет в себе информацию, нет элементов «для красоты».
- Видно картину в целом, а детали вписаны в контекст и доступны при необходимости.

Детали
- Объекты органично вписаны в рельеф, нет нужды во всплывающих окнах. По соседним деталям можно понять размеры рядом стоящих.
- Контрастные контурные линии проявляют топографический рельеф гор. Подписи рядом с ними и на пиках сообщают количественную информацию.

Цвет
- Низкий контраст не создает визуального шума.
- Интуитивные цвета, основанные на объектах из природы — белый снег, черные скалы, голубая вода, зеленая растительность.

Типографика
- Строгая иерархия шрифтов и их насыщенности (см. дополнение в коментах).
- Размер шрифта соответствует масштабу объекта — чем больше объект, тем больше шрифт.

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

У Тани Мисютиной из лаборатории данных как раз недавно вышла заметка про этот эффект. Очень советую почитать.

Ещё Таня рассказывала как книжки Тафти повлияли на неё и вдохновили начать заниматься визуализацией данных.

#hoith #любопытство

Обзор Adobe Firefly Часть 2: Генеративное заполнение

В первой части обзора Adobe Firefly я рассказывал про генератор картинок из текста, а сегодня покажу мощную нейронку для редактирования фотографий — Generative Fill. Я уже сравнивал инструменты для «замазывания» фото, но результаты у платформы Firefly намного сильнее.

Преимущества Generative Fill:

◆ Лучше всех на рынке понимает контекст всего изображения, может продолжать перспективу, текстуру, освещение
◆ Очень хорошо удаляет объекты, продолжая поверхности и естественно заполняя пустые места
◆ Быстрая генерация 3 вариантов на выбор
◆ Работает как отдельное веб приложение и внутри Photoshop

Недостатки:

◆ Работает в облаке и потребляет «генеративные кредиты» — виртуальную валюту, которая обновляется каждый месяц. Количество кредитов зависит от типа подписки: 25 для бесплатных аккаунтов, 100 генераций за $5 в месяц (подписка Firefly). На плане Adobe Express (аналог Canva) 250 за $10 в месяц. На полных версиях Creative Cloud 500-1000 генераций.
◆ Каждое нажатие кнопки «генерировать» потребляет 1 кредит. Даже если результат вам не понравился, кредит будет списан. Для потоковой работы по ретуши на бесплатном плане кредиты быстро израсходуются. Сейчас можно только докупить более дорогую подписку, чтобы сбросить лимит. В будущем обещают «гибкую систему пополнения».
◆ Плохо работает с деталями тел людей (руки, ступни, лица)
◆ Плохо работает с точными деталями (линейная графика, грани)
◆ Очень жесткие фильтры по цензуре. Иногда, чтобы удалить часть изображения, нужно прописывать текстом «remove», иначе не выдаёт результат.

Во все картинки, созданные в инструменте, внедряются метаданные Content Credentials, по которым специальные инструменты могут понять, что изображение было сгенерировано или отредактировано с помощью AI.

#карточки #миша #нейросеть

Буду потихоньку тизерить личный проект.

Покажу процесс и что в итоге получилось

На видео собираю данные 👩‍💻

#hoith

Минимальное действие

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

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

Идея в том, чтобы поставить смехотворный критерий успеха привычки/дела и заставить себя в него поверить. Когда выполнил критерий, дело можно бросить. Очень сложно при этом себя не винить: «Я безвольный слабак, не могу сделать что-то больше минимального».

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

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

Кажется, что 5 минут — какая-то дичь. За это время не то что ничего не сделаешь, а даже в контекст не войдёшь.

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

Если в моём примере выбрать 1 минуту, то мне даже не захочется тратить на это время. Если выбрать 30 минут, то это будет казаться, как что-то неподъёмное из разряда «сделать портфолио». Если сомневаюсь — обычно ставлю меньше. С опытом становится проще себя не винить.

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

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

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

#заметка #миша #опыт

Как подготовить видео для телеграма, чтобы оно автоматически воспроизводилось без звука в большом размере (не гифкой)

По умолчанию телега сжимает маленькие видео без звука и относится к ним как гифкам — отражает в маленьком размере без возможности увеличить или поставить на паузу. Текст поста под такой «гифкой» превращается в узкую нечитаемую колонку.

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

● Быть меньше значения по умолчанию для авто-загрузки медиа в настройках клиента:
- 8 мб в Telegram Desktop и официальной мобильной версии.
- 5 мб для Web-A версии
- 3 мб для Web-K версии

● Иметь аудиодорожку (даже пустую)

● Быть стандартного размера по ширине 1920, 720, 480.

Либо не превышать 2 млн. пикселей, когда перемножаешь ширину на высоту. Например:
- 1920x1080=2 073 600 проигрывает автоматически (стандартное)
- 1080*1600=1 728 000 проигрывает (нестандартное, меньше 2 млн.)
- 1450*1580=2 291 000 не проигрывает (нестандартное, больше 2 млн.)

Огромное спасибо Владимиру Тупикину, который провел исследование для своего канала и сделал статью с результатами на VC

#telegram

Персональный зал славы

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

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

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

Про идею узнал из блога Саши Бизикова

Ещё есть крутая статья разработчицы Джулии Эванс, где она рассказывает про «хвалебный документ» — brag document — список рабочих достижений разного масштаба. Он помогает проходить годовое ревью в продуктовой компании и не упускать неочевидные достижения.

В комментах покажу нарезку скриншотов из своего зала славы :) А вы делитесь своими 😁

#заметка #миша #вдохновение

Я коллекционирую все в заметке Obsidian, но FIgma тоже крутой вариант — можно посмотреть как такое выглядит в Домашке у Ники Ожаровской

#inmyhead

Как скрыть любой бесячий элемент сайта с помощью Ublock Origin.
Ublock origin это блокировщик рекламы с мощными дополнительными настройками и инструментами. Один из них — element picker mode (значок пипетки).

Позволяет скрыть любой элемент на сайте — всплывающий баннер, мигающее окно чата, cookie banner в пол экрана или красный счетчик новых постов.

Нужно выбрать пипетку, кликнуть по элементу, в нижней панели слайдером отрегулировать «глубину» удаления элемента и нажать «Create». В зависимости от структуры страницы, может понадобиться удалить один и тот же элемент несколько раз.

#ToolHacks