3474
- Курс Инфографика для школьников 2019: https://stepik.org/course/70703/promo - Контакт @novichkov_net
Забрал в референсы для студентов курса, который скоро начнется ))) больше-больше референсов!!! 🙏
Читать полностью…
У Макса опыт и связи огого! Так что я верю. Самое время сгруппироваться. А у вас как год прошел?
Читать полностью…
Заберу из комментария:
Для информативной инфографики наличия количественной информации недостаточно. Информация должна быть осмысленной. В данном случае длинна шнурка переходника важнее. Ширина входов HDMI и VGA стандартная. В ходе покупке их бессмысленно сравнивать с размерами конкурентов. А вот провод может быть или избыточно длинным, или слишком коротким. Это тут важное. Просто фотографии переходника на ладони и информации длины в сантиметрах было бы достаточно. Все эти чертежные стрелки все от лишь желание дизайнера показать, что он работал и делал ИНФОГРАФИКУ.
Недавно вручала награду на конкурсе Dafes в номинации Инфографика. Победил Фонетический каталог языков для Duolingo Амины Быковой.
Главная фишка этого каталога с моей точки зрения — система изображения звуков. Все звуки 12 языков классифицированы по их звучности. Каждая группа звуков изображена в виде геометрической фигуры определённого цвета — собственно на обложке можно увидеть, как в такой кодировке выглядят слова. После чего для каждого языка построены диаграммы, которые показывают соотношение групп звуков в языке. Тональные языки показаны на чёрном фоне.
Как я поняла, в работе было больше языков, но в проект попало 12. Жалко, что с клингонским не сложилось.
Редкое событие, когда одно из популярных на западе СМИ пишет о шрифтах
https://www.nytimes.com/interactive/2025/12/13/us/calibri-font-times-new-roman-state-department.html
Как я создал свою первую игру
Можно ли разработать браузерную игру с нуля без опыта создания игр? У меня получилось. Однажды в парке у дома я заметил, как две утки плыли за камышницей, и подумал: это же готовая игра-головоломка в духе легендарной 2048!
Я обратился к вайбкодингу и попросил ChatGPT создать первый прототип. Получилась сетка с названиями птиц — с этим можно было работать дальше.
Я прикрутил стили своего сайта, добавил сгенерированные иконки птиц, уточнил порядок их появления и скорректировал размеры (было сложно, учитывая масштаб от синицы до цапли), добавил «энциклопедию» с короткими описаниями птиц и создал экран с правилами игры. Сама механика игры при этом почти не изменилась: большая часть работы заключалась в доработке интерфейса.
В общей сложности проект занял около 25 часов и множество диалогов с ChatGPT.
Поиграть можно здесь.
Инфографика в медиа чаще всего создаётся под инфоповоды. И если вы проработали достаточно долго, то увидите как выстраиваются тематические серии. В частности, листовки про выдающихся личностей прошлого. В ТАСС, разумеется, такая серия тоже есть, но мне довелось сделать только пару проектов из сегодняшней подборки.
1. Радиоприёмник Попова
Спор о первенстве изобретения радио меня интересовал мало. Интересно было, что же именно Александр Попов собрал и продемонстрировал в 1895 году и как оно работало. 🤔
2. Циклы Кондратьева
Прогнозирование подъёмов и спадов в экономике интересует так или иначе всех, по крайней мере это всех касается. И хотя сегодня к циклам Кондратьева наука относится скептически, желание хотя бы немного знать будущее у человека не отнять. Поэтому было интересно во всём этом разбираться. 🧐
Поздравляю Рому! Книгу обязательно раздобуду )))
Читать полностью…
ACS пропустили в печать статью с вот таким graphical abstract
Да, прошло много времени с момента знаменитой нейрокрысы с массивным... вкладом в науку. Нейросетки стали лучше. Но все ещё не достаточно. V/ariance? Conionnation? Explorattion? Togonnui Daniter?
Наблюдаю сейчас реакцию на то, как Nano Banana делает инфографику. Выглядит предельно правдоподобно, но все равно обман.
Я бы ввел понятие «машинно обученная информационно коммуникационная радиация». Есть ощущение, что это как радиоактивные ёлочные игрушки или лечение ртутью. Никто пока не изучил потенциальный вред информационному полю и когнитивной нагрузке будущих поколений.
Отныне история медиа разделилась на контент созданный до появления ИИ и после. Любую книгу, статью или изображение последующие поколения будут оценивать «сделано естественным интеллектом на основе документальных данных» или нет.
Sexy tables — плагин, который импортирует таблицы из Google Sheets прямо в проект.
Install plugin
Сходил посмотрел даши визуализаций контроля работы ML моделей. Как же они эстетически убоги.
https://dagshub.com/blog/best-tools-for-machine-learning-model-visualization/
На главной NYT инфографика рекламирует статью
https://www.nytimes.com/interactive/2025/12/06/us/trump-white-house-ballroom-architect.html
Стоя аплодирую Figma за то, что они делают для фанатов книжки Grid System )))
Читать полностью…
Вероятно большинство людей под инфографикой понимают визуализацию данных, то есть разного рода диаграммы и графики. Надеюсь, по крайней мере, что не рекламные карточки-флаеры, которые пытаются переименовать в «инфографику для маркетплейсов». В профессиональной среде до сих пор не устоялась терминология, но я придерживаюсь мнения, что инфографика — это общий «зонтичный» термин, а датавиз является его подмножеством. 🧐
Сегодня в подборке датавиз. В основном, простейший и самый рабочий — это линейные и столбчатые графики. На что тут можно обратить внимание:
1. Каскадная диаграмма (ну почти)
Барчарт, разделённый на этапы. В каком-то смысле он тут маскируется под каскадную диаграмму, также называемую водопадом (waterfall chart). Но обычно водопад используют для других целей — показать поэтапное изменение какого-то показателя с учетом влияния разнознаковых факторов.
2. Разностная диаграмма
В лучших традициях «визуальных методов статистики» Уильяма Плейфера, удобный способ показать два взаимных процесса и акцентировать внимание на их дисбалансе путём закрашивания разными цветами положительную и отрицательную разницу.
3. Синхронизация осей
Для анализа корелляций часто можно встретить трёхосевые графики, но это не очень хорошая практика. Лучше синхронизировать оси на отдельных графиках, просто размещая их в ряд или друг под другом.
4. Тримап и диаграмма рассеяния
Эти визуализации в отличие от простых (линейных и столбчатых) графиков уже требуют от читателя некоторого опыта анализа визуальной информации. К тому же оба — довольно мощные инструменты визуализации, поэтому оставим их на более подробный разбор в другой раз.
5. Простейшие барчарты и топы
Элементарные для восприятия визуализации — столбчатые графики. Главное не забывать простое и непреложное правило — столбчатые графики должны показывать всю длину столба, потому что именно длиной кодируются числовые показатели. Нельзя обрезать столбы, чтобы показать их разницу «более явно» — это грубая ошибка в датавизе.
Подведём итоги года? Я обычно этого не делаю — не очень люблю формат «чему меня научил этот год». Меня больше увлекает анализ того, что происходит с рынком. И вот в этом году явно нужно что-то сказать…
2025 год был плохим.
Не в смысле «сложным» или «турбулентным». А именно плохим — для студий, агентств и компаний разработки. Рынок, в котором мы жили раньше, закончился окончательно и впереди — тьма.
Ещё недавно можно было просто присутствовать на рынке. Делать примерно то же самое, что и всегда. Что и другие. Не сильно менять логику. И бизнес всё равно как-то существовал. Кормил основателя. Прощал ошибки и бездействие.
В 2025 году это перестало работать.
Большинство компаний это почувствовали даже не как стагнацию, а как падение — несмотря на усилия, работу и попытки что-то улучшить. По ощущениям — стало сложнее продавать. По цифрам — стало в два раза меньше продаж.
Здесь нет ничего удивительного. Жестокие цифры говорят нам: при текущей ключевой ставке лучшая инвестиция — это депозит. Не цифровой сервис, продукт, сайт или бренд, а надёжный, предсказуемый депозит с гарантированной доходностью.
В такой реальности бизнесу выгоднее не тратить деньги и зарабатывать на процентах. Отсюда — замороженные бюджеты, контракты с постоплатой 60–90 дней, ощущение, что денег на рынке стало меньше.
Тут я хочу передать привет тем, у кого денег наоборот стало больше. Красавцы — вы наращивали долю, пока кто-то её терял. Вы не «присутствовали» на рынке, а боролись за место. И делали правильные вещи — даже тогда, когда это было неприятно и сложно.
Это были плохие новости, а теперь — очень плохие.
2026 год будет ещё хуже.
По всем признакам — проблемы усугубятся. И для части компаний два плохих года подряд станут критичными. Кто-то сократится, а кто-то закроется, просто уйдёт с рынка, освободив место для тех, кто сумел выдержать и стать сильнее.
Я уже набросал тезисно мысли о том, чем отличаются те, у кого получается, от остальных. Накидайте реакций, если мне стоит собрать из этого отдельный пост.
А это, на контрасте, инфографика здорового человека ❤️❤️❤️
Читать полностью…
Не спрашивайте зачем мне в 2026 году нужна технология древних, которая называется VGA, но почему я так веселюсь с этой инфографики на маркетплейсе? )))
Читать полностью…
На главной NYT снова диаграмма. Внутри статьи диаграмма сразу в завязке, потом в действии. Кульминация и развязка уже обходится без визуальной поддержки.
Кстати, как вы относитесь к эффекту тельняшки в столбчатых диаграммах? Мне, в целом, этот эффект не нравится, но вот в случае этого примера выглядит аккуратно. Видимо, секрет в слабо контрастных столбиках. С первого взгляда вообще показалось, что это площадная диаграмма.
Запомнил.
Источник
https://www.nytimes.com/2025/12/11/business/economy/trump-tariffs-trade-deficit.html
Кто успел сделать апгрейд компьютера вовремя — красавчики!
Читать полностью…
📘Анонс книги «От дашборда к системе»
Что же — этот день настал! Я выпускаю книгу, в которой собрал свой опыт за 10 лет работы с визуализацией данных и дашбордами.
Книга в процессе написания, но большая часть уже готова. Мы решили выпускать её постепенно — по несколько глав в месяц (в видео я оговорился и пообещал быстрее, но это неправда😅). Сейчас доступны введение и глава про продуктовые подходы к BI-системам.
Книга будет бесплатно доступна в электронном формате на сайте DataLens, а печатная версия появится в следующем году, когда выпустим все главы.
Подробнее про книгу я рассказываю в видео, а почитать первые главы можно уже на сайте:
👉 книга 👈
P.S. Большое спасибо команде DataLens, что решили поучаствовать в этом проекте!
Для истории. Сегодня натренировал свою первую Lora модель чтобы делать иллюстрации в заданном стиле. Это вау, товарищи )
Читать полностью…
Диаграмма с логарифмической шкалой Y прямо под логотипом NYT на главной странице. В статье она единственная.
https://www.nytimes.com/2025/12/09/business/wall-street-valuation-ai-bubble.html
https://microsoft.github.io/lida/
Аж 2023 году Микрософт добрался до автоматизации визуализации данных и инфографики. Кто-то пользуется из подписчиков?
Ссссссу… сволочь! Он издевается! Иди, кожаный мешок, руками проверь… хорошо, что не нафантазировал… это уже прогресс )
Читать полностью…
Как вам такая версия портфолио?
https://anovichkov.github.io/dataviz/
Редактирование responsive-сеток теперь еще удобнее:
→ Поддержка Hug
→ Дробные единицы (fractional units)
www.figma.com/community/file/1484548529005244626