настенька и графики – Telegram
настенька и графики
27.1K subscribers
2.62K photos
84 videos
15 files
3.18K links
Датавиз, аналитика и всякое полезное и интересное

💜 Кто я и что делаю: https://nastengraph.notion.site/nastengraph/Anastasiya-Kuznetsova-096ebfb42a9e4014b7700fa00fea54d6

🎓 Мой курс по основам датавиза: https://nastengraph.ru/
Download Telegram
Forwarded from data.csv (Алексей Смагин)
Если новую инфографику коллег из Т—Ж я здесь часто оставляю с комментариями «смотрите, как клёво они придумали!», то у соседнего проекта Tinkoff Data графики очень часто сложные и с ошибками 😔

Разберём несколько типовых из свежего исследования про Чёрную пятницу:

1️⃣ Сортировка!
Базовая установка инфографера — упростить жизнь читателю и не заставлять его много думать. «Умная» сортировка в этом очень помогает — мы сразу можем понять, какие товары стали покупать чаще, а какие — реже.

Сортируют чаще всего по одному из значений или по дате. Иногда уместна сортировка по алфавиту, но это случается реже.

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

3️⃣ Неудачные подписи на «линейном» графике
Здесь единого правила нет, и главная проблема вытекает из того, что линейный график мы привыкли читать как время.
Из-за подписей событий кажется, что где-то в середине графика — ноябрь, потому что там написано «Чёрная пятница»

4️⃣ Неправильные подписи оси на первом графике?
Я не сразу понял, чем первая картинка отличается от второй — помог полный текст исследования.

Кажется, на первом графике изображено абсолютное число покупок. Заголовок очевидно должен навести на эту мысль, но ось говорит — x12. Значит, что-то выросло в 12 раз. В чёрную пятницу в 12 раз больше покупали товаров в категории «Дом, ремонт», да? Видимо, нет(

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

* Показать процент от общего числа покупок в эти даты. Хороший пример у Яндекса
* Не делать вообще никаких подписей
* Убрать оси и работать только с аннотациями
* Придумать подписи, которые не будут явно ассоциироваться с приростом. 12 у.е.? 😄

P.S. Если это читают авторы и хотят что-то глобально поменять, напишите мне — подумаем вместе 🌿
54
Позавчера был день благодарения и оказывается помимо того, что все просто едят индейку, есть ещё помилование индейки президентом. Я про такое раньше не знала.

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

Теперь это полноценная традиция помилования, до которой индюшки живут в отеле, а потом отправляются в зоопар доживать свои дни.

Так вот есть график, каких индюшек когда помиловали. В этому году у Байдена были Chocolate and Chip. Turkeeswarm chart 🦃
26
This media is not supported in your browser
VIEW IN TELEGRAM
Правило 8pt в дизайне

Основная идея в том, чтобы делать все отступы, поля, размеры элементов, кратные 8: 8, 16, 24, 32 и тд. Это хорошо работает в дизайне дэшбордов тоже. Почему стоит им пользоваться:
- Оно помогает сформировать хорошую визуальную иерархию элементов и обеспечивает согласованную масштабируемость между элементами
- Проще переиспользовать, просто запоминаешь, что берешь 8 и дальше +8

Можно использовать для создания сетки, разграничения пространства между элементами, типографики. В целом начинать можно и с 4, и вот в Tableau стандартные отступы именно 4.

Как применять в дэшбордах:
- Иерархия текстовых элементов – заголовок дэша 24, заголовки блоков/графиков 16, обычные подписи 6. Я бы все же еще брала промежуточно между 8 и 16 12 или 14 в зависимости от иерархичности элементов.
- Отступы для разграничения элементов. Особенно чтобы везде иметь одинаковые отступы для блоков и элементов внутри блоков и сохранения симметричности верстки.
72
This media is not supported in your browser
VIEW IN TELEGRAM
Ой какая красивая и при этом простая по логике работа от Cédric Scherer на конкурс IIB.

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

Есть даже R код и гифка, как создавалась итоговая картинка. От разноцветных джиттеров к красоте💫
61
Тьюториал с темплейтом по созданию сети в Tableau от Tristan Guillevin. По большей части просто подставить нужные штуки и все готово.

https://ladataviz.fr/2019/12/15/build-a-network-graph-in-tableau-in-three-steps/
32
Только сейчас заметила, что у ребят из IT Resume можно прямо на сайте пробовать решать sql задачки. Вот задача про когорты, например: https://itresume.ru/problems/sql-cohort

Где еще практиковать SQL бесплатно:
- sql-ex
- sqlbolt
- sql-academy
- stepik тренажер
- w3schools
- sqlzoo
- pgexercises
157
Интересное от Nathan Yau про распределение эмоций на работе. Чем сильнее скос вправо – тем сильнее выражена эмоция. А высота столбца показывает долю людей, которые оценили присутствие той или иной эмоции в рабочее время.

По результатам, у юристов стресса больше всего. А самые счастливые – работники сферы ухода и красоты и строители.
37
Подсмотрела у Irene табло хак, как сделать закругленные элементы в Tableau. Нужно сделать пустой лист с Annotate area, и там закруглить, а поверх него положить графики. Придется правда верстать через floating, но для каких-то инфографик может быть удобным решением.
18
По постам Ромы и Наташи наконец-то добралась посмотреть видео от Nick Desbarats' про его карту визуализации. Очень зашло, как он разделяет разные типы визуализаций: разные майнд-мэпы, научные и медицинские визуализации, карты и тд.

Визуализацией можно назвать много чего, но поле визуализации данных все же поменьше. И эти границы проходят близко друг к другу. Штуки-то вроде очевидные, но мне прямо зашла эта структуризация и визуализация по визуализации))
27
Визуальный эксплейнер линейной регрессии от MLU-Explain. Можно прямо поиграться с настройкой параметров.

Их полный проект по ссылке, там уже есть:
- логистическая регрессия
- деревья решений - decision trees
- случайный лес - random forest
- выборки для обучения (там такие милые котики и собачки) - train, test and validations sets
- и всякое другое🐳
40
Увидела у Паши такую классную игру про насмотренность в дизайне от UXCEL. Нужно находить правильные варианты выравнивания, цвета и тд.

Нужно прямо поднапрячься, потому что на первый взгляд разницу не видно вообще. С цветами мне было легко, а вот с интерфейсами жесть)) Пытаешься каждый пиксель сравнить. У них есть специальные игры на типичные ошибки, выравнивание и цвета, если хочется прокачать что-то одно.

ps после ответа можно кликнуть на картинку и он покажет до/после, там уже сразу видно, что куда поехало

Паша, кстати, пишет про ux и не только, очень интересно
53