50 примеров систем дизайна из разных сфер. Для вдохновения или подражания.

Если вы не дизайнер (я вот нет) и не очень понимание в формах и цветовых сочетаниях, то попробовать повторить стиль BBC или Audi, а потом немного изменить по желанию - вполне рабочий вариант.

Для учебных и тренировочных проектов вообще отлично, я считаю.

А вы у кого учитесь?

https://blog.prototypr.io/50-design-systems-examples-to-learn-from-for-your-next-project-b9949e486702

Ох красота!
Observable выкатил удобное описание js библиотеки визуализации - Observable plot.

Назвал это Plot Cheatsheets - где все описание библиотеки есть в красочных пдф, а на сайте есть код всего этого добра 😍

Пользуетесь observable? Я вот учусь помаленьку, но пока нечем хвастаться.

https://observablehq.com/@observablehq/plot-cheatsheets

Очень вдохновляющая беседа на тему контекста для диаграмм.

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

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

Упоминают несколько исследований о когнитивном восприятии диаграмм и сторителлинга. Надо найти.

Послушать стоит, благо, яндекс умеет переводить видео! (кто только сейчас про это вспомнил, тот я....)

https://youtu.be/rYVtNEH4e4o

Прошла приятный курс по интерактивным дашбордам в Tableau от Matt Francis.

Думала, это очередной микрокурс про "давайте сделаем столбики", но приятно ошиблась - в нем было много нового для меня.

Узнала больше про Actions, которыми опасалась активно пользоваться.
Про сторишоты - сохранение состояния дашборда для сторителлинга (это меня поразило! Как это я не знала про это раньше)
И всякие мелочи, которые ускользали от меня или забылись.

Не во всем согласна с автором.
- в погоне за инк ратио он убивает заголовки диаграмм, но оставляет подписи осей.
- цветовая раскраска kpi меня ранила (по цвету категорий, а не по выполнению целей)

А так - замечательно!

Кому интересно, и у кого есть линкедин, курс тут (он может быть бесплатным сутки, а может и не быть) :

https://www.linkedin.com/learning/creating-interactive-tableau-dashboards

Большая подборка советов и рекомендаций по визуализации данных от Европейского Агентства по Окружающей среде.

Тут много интересного, есть ссылки на источники, некоторые вещи обсуждаемы, но сборник получился большой!
Молодцы! 😁

https://www.eea.europa.eu/data-and-maps/daviz/learn-more/chart-dos-and-donts

Дерево брендов 2016 от
Harpreet Ghuman
Ооооо, какой интересный виз!

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

Это сделано в Tableau, по ссылке ниже.
За наводку спасибо Zach Bowders с твиттера.

Что думаете о таком визуале? 😁

https://public.tableau.com/app/profile/harpreetghuman/viz/WorldsBestBrands2016/Dashboard3

Попался сайт-агрегатор бесплатных курсов на разных платформах!

Конечно же, я сразу пробила "дашборды", удивилась дашбордам на R(shiny) и даже что-то по дата-арту нашла!
Надо изучить. 😋

Но и по смежным темам там есть всякое.
Надеюсь, каждому найдётся что-то полезное.

Попадётся что-то крутое - делитесь! 😁

https://www.datakwery.com/

Мадам Таблица

Шутка про сводные таблицы нарисовалась тут. Простите 😅

#диаграммки

Мировой отчет по счастью 2021!

Как вам визуализация смайликом? Имхо, добавление цвета сильно облегчает задачу считывания.

И смайлик скорее - второстепенное кодирование, которое позволяет не сличаться с легендой.

А шапочка - прям как отклонение на дашборде 😁

https://gramener.com/mapart/world-happiness-2021

Сообщество Storytelling with data - делится советами по сторителлингу в power point. А если точнее, по "анимации" графика (на картинке).

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

1) Дорого-богато. Насладиться удобством и сомнительной интуитивности интерфейсом pp по работе с анимациями. Отображать данные по сериям или по категориям!

2) Классика жанра. Удобно и просто, но много листов. Раскопировать слайд, удаляя с графика ненужное и последовательно добавлять нужные блоки. Следить за осями.

3) Дёшево и сердито! Тоже Раскопировать слайды, но закрывать ненужные куски данных прямоугольниками с белым фоном (текстовыми, но пустыми). Не любой график это стерпит, впрочем...

https://youtu.be/-Ple4ZfrFlM