настенька и графики

08 August 2025 09:13

Темплейт бенчмарк-отчета 💙

Я, когда увидела этот пост, сначала подумала, что это реально аналитика по печенькам)) Оказалось, это дизайн темплейта для анализа любых данных по организации в сравнении с так называемой "нормой"

Отдельно понравилось, что они во многом опирались на научные статьи, например, про визуализацию неопределённости. И ссылки на эти статьи есть прямо в материале -- можно поизучать самим.

Как это читать: каждая точка – сотрудник, по горизонтальной оси – любая метрика, здесь для примера поедание печенек. Все, что голубенькое – некая норма, с которой мы и сравниваем. За счёт приёма small multiples можно посравнивать несколько категорий -- в больших организациях едят куда больше печенек, чем в маленьких.

Цвет, дизайн, текст и непростая для визуализации широкой публике тема. Короче, рекомендую посмотреть в деталях и обязательно себе такое забрать!

настенька и графики

05 August 2025 09:14

✨7 шагов к лучшему графику ✨

Рассказывала про такое на летней школе датажура, оформила в пост!

1. Начните с графика
Одни и те же данные можно показать 100 разными способами! Обычно стоит поменять:
– пайчарт → барчарт
– динамика с несколькими столбиками → линейный график
– линейный без времени → барчарт
– двойные оси → два отдельных графика
– таблица → график

2. Попробуйте перевернуть
Часто, чтобы график стал читабельнее и вмещал больше категорий, достаточно просто его перевернуть.

3. Выравнивание текста
Базово выравниваем любой текст по левому краю. Прям и заголовки, и аннотации, и всякие подписи.
Исключение -- таблицы: в них числа выравниваем по правому, названия строк -- по левому.

4. Отступы и белое пространство
Даем графикам чуть подышать и не забываем проверять, чтобы ничего не прилипало друг к другу.

5. Типографика
Один шрифт без засечек, 2–3 начертания и обязательно делаем “ритм”: размеры шрифтов кратные двум.

6. Пользуемся цветом эффективно
Цвет -- канал передачи информации, в графике он должен что-то значить.

7. Убираем лишнее
Все, что не помогает считыванию графика, можно убирать: рамочки, выделения, обводки, лишние подписи.

Картинки вставила только на первый пункт, остальное тут 🧡

настенька и графики

01 August 2025 11:38

Вообще, что за время такое, эффект Даннинга-Крюгера значит разоблачили, карту холеры мне сломали, что дальше??? Может еще и Флоренс Найтингейл никакие графики не рисовала, а боксплоты придумали иннопланетяне? штожтакое

настенька и графики

30 July 2025 19:27

Вот вам классная подборка с более чем 30 диаграмми в Excel с пошаговыми инструкциями по их построению. Пару-тройку лет назад я её уже выкладывал, и она такая же актуальная. Сейчас готовлю еще более интересный файл с диаграммами. Если у вас есть пожелания или вопросы: как сделать какую-то нестандартную или просто «крутую» диаграмму в Excel – пишите в комментариях.
Кстати, чтобы не тратить время на построение таких диаграмм с нуля, можно использовать шаблоны. Как их создавать – смотрите тут.

Файлы в подборке:
Файл 1
Файл 2
Файл 3
Файл 4
Файл 5
(скачиваются без регистрации и смс))

настенька и графики

28 July 2025 09:01

Скиииииииииидка на Гибкий График в каждый карман 📞

Решила сделать скидки 50% на все, потому что уже середина лета и если вы не в отпуске, то вам наверн дико скучно!

А так можно вместе со мной попереверствывать графики, походить на персональные консультации, посидеть в чатике с другими участниками

Только 2 дня, кто успел тот и съел, давайте сидеть за компутером под кондеем вместе!

Больше о курсе и все ссылки вот тут https://nastengraph.ru/

Мем прислала мама 🌞

настенька и графики

24 July 2025 19:10

Хулиганю в канале Миши Капанаги! Я там временно влюбляю всех в датавиз❤️ оч прикольный опыт вести не свой канал, еще более нервно))

Устроила так переверстку таблички, или все же графика? Свои варианты переверстки можно засылать в комменты. А из этой таблицы можно получить минимум 3 графика с фокусом на разное!

/channel/thisisnotatable/525

настенька и графики

15 July 2025 17:29

Воспроизводство населения

Прислали хорошо оформленный виз про темпы рождаемости. Каждая точка – страна, колонка – год. Чем выше точка – тем выше количество детей на женщину. Горизонтальная пунктирная линия обозначает порог в 2 ребенка на женщину – уровень воспроизводства населения.

В 1950 только в Люксембурге показатель рождаемости был ниже двух, в 2025 он такой у большинства стран.

Очень хорошая работа с тз дизайна и оформления, минималистично, но очень эффектно. Оригинал не нашла, но проверила, что показатели по данным Our World in Data.

Если тема интересна, очень советую сам сайт Our World in Data и конечно же видео, где Ханс Рослинг показывает графики про рождаемость и продолжительность жизни (must see).

настенька и графики

11 July 2025 07:46

Библиотеки промптов 🚀

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

Разные задачи (классификация, пересказы текстов, программирование)
- Anthropic (для Claude)
- Prompt Engineering Guide
- Promptly AI

- Обучение(преподам и студентам): AI for Education, Wharton Generative AI Labs
- Продактам и маркетологам: Storeytell.ai
- Про данные: Data Science Prompts, ChatGPT для анализа данных
- Дизайнерам: Библиотека промптов

настенька и графики

08 July 2025 15:29

Принцип Парето не Парето графиком

Знаете этот прикол, что 20% усилий приносят 80% результата? В бизнесе обычно тоже так -- основную долю выручки приносит небольшая группа клиентов. И обычно, когда делают парето анализ, рисуют это Парето графиком или просто барчартом по группам клиентов. Наткнулась тут на прикольный формат визуализации этого принципа бабл-чартом.

Каждая точка – клиент, и дальше они красятся в зависимости то того, какую долю выручки приносят. Выглядит прям ах!

Важно! Это пример не для дашборда, а больше для презентации и "вау эффекта". Следить за такими графиками постоянно смысла нет, точные сравнения тут тоже не провести, так что в дэшики берем классические столбики))

настенька и графики

04 July 2025 09:43

Как шкалы рейтингов влияют на оценки фильмов 📺

Автор сравнил оценки одних и тех же фильмов на IMDb (10-балльная шкала) и на Letterboxd (5-балльная).

- 80% рейтинги (8/10 или 4/5 звезд) самые популярные на обеих платформах
- Пользователи Letterboxd чаще ставят низкие оценки - 2/5 кажется менее жестким чем 4/10
- Люди избегают половинчатых рейтингов из-за "предвзятости к круглым числам" (зачем ставить 3.5, когда есть 4?)
- Большинство оценок сосредоточено в верхней половине - мы обычно избегаем крайностей, проще сказать, что фильм был "неплохой", нежели "худшее, что когда-либо смотрели"

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

настенька и графики

27 June 2025 17:44

3олотые костыли✨

4 приема, которые меня спасают во многих BI системах делать "невозможное" и красивое:
🧩 1. Пустые элементы
Любое пустое пространство -- помогает разграничивать блоки, управлять расстояниями и сохранять правило близости. Если вдруг его нет, то можно вставлять текстовые элементы и ничего в них не писать.

🔤 2. Текстовые блоки
В 80% случаем заголовки к графикам делаю через отдельные текстовые блоки. Их часто проще отравнять и красиво отформатировать.

📐 3. Референсные линии
Их можно использовать для выранивания графиков по осям относительно друг друга, доп подписей, пометок. Плюс на них можно вывести даже часть важной для графика информации.

🛠 4. Логические вычисления с "пустым концом"
Калькуляции формата
case
when metric > 0 then 'positive'
else ''
end
Такие штуки можно комбинировать и вставлять в текст, чтобы выводить нужные кусочки текста в зависимости от метрики или вашей задачи. Всякие стрелочки ↑↓ в карточках, подписи только нужных частей графика и тд.

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

настенька и графики

24 June 2025 15:39

Темплейты дэшбордов🚀

Мне кажется, я раз в квартал стабильно пощу что-то про темплейты. Сейчас у меня на гибком графике есть студент, который работает в Looker Studio (Google Data Studio). Я в нем строила свои первые рабочие дэшики и под него у меня зарезервировано отдельное место в сердечке 🧡

Самые последние домашки – дэшборды. Столкнулись с тем, что, несмотря на гибкость верстки в Лукере, выравнивать там бывает запарно, да и просто долго. Подумала и сделала угадайте, что – темплейт. В стиле своего Tableau темплейта.

Шарю ссылку, если что-то не получается по доступам -- пишите.

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

настенька и графики

20 June 2025 16:06

Слои DWH 🍰

Полезная статья про лучшие практики выстраивания слоев в хранилище данных: от сырых источников до красивого репортингового слоя. BI-щикам и аналитикам полезно смотреть, чтобы и просто понимать, как это устроено, и по необходимости помочь такое выстроить.

настенька и графики

12 June 2025 15:41

5 причин, почему вам не доверяют как BI-специалисту (и как это исправить)🧩

Написала тут снова в рассылке полезное. 5 типичных ошибок BI-щика (мы все там были и ничего стыдного в этом нет):

1. Делаете все, что попросят, не спрашивая, "зачем?"
Важно не просто сделать дэш, а понять, какую задачу заказчик пытается решить и какое решение принять

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

3. Игнорируете качество данных
Качество данных – наша с вами обязанность. Добавляйте индикаторы "свежести", авто проверки, пишите про известные проблемы в данных.

4. Прячетесь за ограничениями инструментов
Вместо “Наш BI так не может”, попробуйте найти другие варианты решения, самые элегантные и полезные костыли делаются через очень простой функционал.

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

настенька и графики

04 June 2025 16:17

Куда разместить панель управления в дэшике?

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

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

💡Что выбрать?
На 3й картинке показаны три уровня навигации. Если переложить это на дэшборд:
- 1 уровень — переход между вкладками/дэшами
- 2–3 уровни — фильтры и дополнительные настройки внутри вкладки

Разместить навигацию между вкладками слева, а фильтры — сверху (в заголовке или сразу под ним).
Если навигации между дэшами нет, но фильтры важны — их можно вынести влево.
Так я и делала в темплейте.

Минус: в некоторых BI-системах это может конфликтовать со встроенной навигацией самого интерфейса.

настенька и графики

07 August 2025 20:01

Попросила чатгпт посмотреть на графичек про чатгпт))

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

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

настенька и графики

02 August 2025 11:14

Хорошая переверстка от storytelling with data 🧹

Что сделали
- Заменили столбики на линии. Когда у нас ось с временными периодами, то в 90% линии будут лучше. Исключение -- анализ не трендов, а попарное сравнение периодов.
- Объединили метрики из графиков в один, теперь можно сравнивать supply vs demand.
- Разбили на несколько визуализаций. Это всегда очень выигрышный прием, когда категорий для одного графика слишком много.
- Интересно разбили факт и форкаст типом линии и подписью оси.
В расчичстке потерялся YoY, но был ли он нужен? А если и да, можно спокойно положить еще один график с приростами под основные визуализации.

настенька и графики

01 August 2025 11:28

Ничего ты не знаешь, Джон Сноу

Эта фраза заиграла для меня новыми красками, когда неделю назад я наткнулась на пост о том, что карта холеры вовсе не помогла Джону Сноу найти источник заболевания. И вот сегодня, увидев пост Алисы я вспомнила про то, как расстроилась на прошлой неделе из-за этого)) Оч советую канал Алисы, там последние несколько дней интересности про силу датавиза 💫

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

Так вот, оказывается, никакого "вау-эффекта" Джон Сноу от карты не получал, все выводы он сделал задолго до ее появления, на основании анализа симптомов и того, откуда люди брали воду. Карту, по сути, нарисовали после того, как он уже выяснил причины вспышки.

Эта карта в любом случае остается важнейшим артефактом, визуализирующим данные и привлекающим внимание к проблеме. Без нее бы и самой "красивой истории" не было.

настенька и графики

30 July 2025 09:04

Барчарт через таблицу 💫

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

Много где можно построить барчарт через таблицу. В Excel это делается через условное форматирование и data bars (пример на картинке). Такой же формат будет хорошо работать в DataLens. В какой-то степени это даже более гибкий способ с тз форматирования и добавления разных элементов и колонок.

настенька и графики

25 July 2025 15:36

7 способов показать изменение год к году барчартами 🚀

Там некоторые прям как с картинок стандарта IBCS!

настенька и графики

22 July 2025 17:24

Документация != Гайд по использованию

Aurelin в одной картинке объсняет разницу и подсвечивает важную вещь – у документации к дэшу и гайду по его использованию разные задачи и разная аудитория.

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

🚀 Гайд делается для обычных пользователей и тут я за то, чтобы он был незаметно вшит в сам дэш:
- Описание метрики -- в тултип KPI карточки добавить ее описание и способ расчета. Про дизайн Тултипов.
- Способы взавимодействия можно подсвечивать через иконки и подписи, например, UTF символы.
- Делать прям встроенный онбординг в дэш, пример "How to Navigate the Dashbaord"

настенька и графики

14 July 2025 09:04

Дэшборд из Tableau → в Excel

Смотрю и думаю, где-то я это уже видела... И понимаю, что это воссоздание популярного Tableau дэша от Ludovic Tavernier (2 скрин) в экселе! Автор воссоздания – Станислав Салостей, в его блоге можно еще и скачать сам файлик.

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

настенька и графики

10 July 2025 11:56

Отзыв Оли на "гибкий график" 🚀

Оля – продуктовый дизайнер, и чувство прекрасного проявлялось во всех ее работах ❤️

Курс можно приобрести от компании. И напоминаю, что первая глава про "Что убирать, а что оставлять на графике?" доступна всем.

настенька и графики

07 July 2025 09:01

Список BI метрик🎯

Написала огромный пост про разные типы метрик для BI как продукта. Вдохновленное материалами лучших специалистов по BI: Роман Бунин (Reveal the Data), Александр Бараков (Data Nature) и главного по аналитическим метрикам: Дмитрий Некрасов (JetMetrics).

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

настенька и графики

02 July 2025 14:43

✨Оптимальные размеры барчарта✨

Недавно на курсе обсуждали, какие же они, идеальные пропорции для барчарта? На что я обычно ориентируюсь -- с пропорциями все хорошо, если:
- Можем охватить график одним взглядом:
Если ловите себя на том, что глаза "бегают"от начала и до конца столбиков, то можно сУзить.

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

- Текст и подписи влазят в столбец:
Числа не прилипают к краям, размеры текста и столбика визуально сбалансированы.

- Столбики не слишком широкие и не слишком узкие
На слишком широких теряется текст -- столбики начинают визуально перевешивать. На узких появляется ощущение "сетки", как будто белое пространство такое же важное, как и сами столбцы. В идеале расстояние между столбцами составляет ~30-50% ширины самого столбика.

настенька и графики

25 June 2025 09:47

Гайд по типам графиков от Datawrapper 💫

Свежее прекрасное от Lisa Charlotte Muth. На этот раз общий гайд про то, какие типы графиков существуют и когда их использовать. Не уходит в детали построения и правила, но зато есть куча кросс-ссылок на примеры и другие статьи.

Мы с Сашей Бараковым собираем в Miro Data & Analytics Songbooks все ее посты картинками для удобной навигации. Сама пользуюсь эти минимум раз в месяц. И эта новая статья там тоже появится сегодня 🐙

настенька и графики

23 June 2025 11:00

💡Рамочки в цвет фона

Нашла этот прием лет так 7 назад в подборке, как улучшить карту в Tableau. На самом деле, работать будет не только с картами и не только в Tableau))

Любые обводки в графиках (если их задача разграничить области) будут смотреться в разы чище, если сделать их в цвет фона.

настенька и графики

17 June 2025 11:19

Тест на дизайн графиков 💫

Свежий и интересный тест от Yan Holtz и Diana MacDonald на дизайн графиков. Замечать нужно маленькие детали: отступы, цвета, шрифт, выравнивание. Мне понравилось, очень хорошо помогает тренировать насмотренность.

Подборка тестов по датавизу

настенька и графики

06 June 2025 16:36

Чеклист супер таблицы в Excel / Google Sheets ✍️

У вас в компании наверняка есть такая табличка — длинная, сложная, местами непонятная. Такие таблицы часто трудно автоматизировать, и их продолжают вести в эксельке. Но их вполне можно сделать лучше!

Вместе с Андроном Алексаняном подготовили для вас гайд поэтапного улучшения таблицы. Всё самое важное — про выравнивание, закрепы, форматирование и другие советы. Такую таблицу, кстати, Андрон и команда ведут у себя в компании, и ровно такими же этапами они ее и улучшили.

📄 Чеклист — по ссылке (там же таблица до/после)
📹 Видео — где я переверстываю таблицу и объясняю, почему каждый пункт чеклиста важен

настенька и графики

02 June 2025 16:45

🔄 Не заставляйте пользователя наклонять голову

Маленький, но важный совет по тексту: если человек должен поворачивать голову, чтобы прочитать ваш график — его нужно переделать.

💡Если голова наклоняется, то попробуйте:
- изменить частоту подписей (если возможно)
- поменять ориентацию/или размеры графика
- поменять тип визуализации