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

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

🎓 Мой курс по основам датавиза: https://nastengraph.ru/
Download Telegram
Наткнулась на пост Дани Охлопкова с архивом UX полезностей – скрины разных интерфейсов для вдохновения. Там в комментах кинули прям полезности, захотелось вынести постом
- https://mobbin.com/browse/ios/screens
- https://uxarchive.com/
- https://adapty.io/mobile-paywall-library
16
Мы с Колей сделали штуку! Очень давно хотела поработать с данными песен и сделать что-то типа проекта про сложность текстов от The Pudding. Коля (Left Join) помог собрать и проанализировать данные, а дальше уже датавииииз 🙈

⚡️Так что представляем вам анализ простоты текстов русских песен.

Русские песни, как оказалось, тоже упрощаются со временем. А шансон и рок – жанры с самыми “сложными” песнями. По ссылке можно посмотреть, какие жанры содержат в себе более простые песни, проанализировать песни любимого исполнителя и поисследовать самые сложные и простые песни десятилетий.

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

Буду рада комментариям и предложениям❣️

ps спасибо большое Роме за виз ревью 🐳

@nastengraph @leftjoin
201
Отличная презентация от Claus O. Wilke про цвет и его использование в ggplot2.

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

Примеры палитр идут с сайта colorbrewer2 – это прямо топовый ресурс для подбора цветов, потому что палитры уже оттестированные, качественные, хорошо сочетающиеся и еще и посмотреть можно, как они смотрятся. Сама очень часто беру оттуда цвета.
50
Кажется, что если вы платите за интернет какую-то фиксированную стоимость, то ожидаете, что люди в паре кварталов от вас платят столько эе и получают такую же скорость. В США точно не так, но думаю, что очень много где не так.

В The Markup проанализировали более 800 000 различных интернет-предложений от AT&T, Verizon, Earthlink и CenturyLink в 38 городах по всей Америке.

Обнаружилось, что все четыре обычно предлагают тарифы с базовой скоростью 200 Мбит/с или выше в некоторых районах по той же цене, что и со скоростью ниже 25 Мбит/с в других районах. То есть платят люди одинаково, а скорость интернета получают совсем разную. При этом в 9 из 10 районов, где предлагают “худшие сделки”, достаточно низки медианный доход.

Еще очень приятный стиль графиков. Издательство, кстати, раньше не видела, вроде как достаточно свежее.
23
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