Приветствуем!
Вы на канале про Data Driven культуру, который бережно и старательно ведёт команда российского BI продукта Analytic Workspace.
Но мы не будем рассказывать здесь про наш продукт и нахваливать его, хотя нам есть чем хвастать 😉
Здесь мы делимся информацией из мира больших и малых данных — из мира, в который мы ежедневно окунаемся.
Про что мы здесь пишем:
— Интересные примеры визуализаций.
— Дата сторителлинг.
— ML в BI. BI без ML. ML без BI.
— Кейсы из практики внедрения (как удалось объединить необъединяемое, например).
— Культура DD в общем смысле.
— Тренды на рынке BI.
— Статистика с рынка BI: рост/падение популярности профессии, профиль специалиста и т.п.
— Что почитать.
— Где и чему учиться.
Для удобной навигации используем теги:
#новичкам – знания, точно полезные для тех, кто только погружается в тему.
#профи – информация для тех, кто уже в теме BI.
#ru_bi – информация из мира российских BI.
#визуал – пример классного (или страшного) дашборда.
#практика – примеры из практики, датасеты и прочее.
#мнение – оно и есть мнение.
#технологии – о технологиях в BI.
#статья – полезная статья из мира данных.
#книга – рекомендация книги.
#интервью – интервью с представителями отрасли.
#история – интересная история из мира данных.
#жиза – смешные и не очень зарисовки из Data Driven будней.
#дайджест – подборка ссылок на полезное, увиденное нами.
#мероприятия — анонс или запись классного мероприятия.
#знания — ценные знания из мира данных.
———————————
analyticworkspace.ru — это наш сайт.
@awcommunity — сообщество взаимопомощи специалистов, которые работают с Analytic Workspace.
Вы на канале про Data Driven культуру, который бережно и старательно ведёт команда российского BI продукта Analytic Workspace.
Но мы не будем рассказывать здесь про наш продукт и нахваливать его, хотя нам есть чем хвастать 😉
Здесь мы делимся информацией из мира больших и малых данных — из мира, в который мы ежедневно окунаемся.
Про что мы здесь пишем:
— Интересные примеры визуализаций.
— Дата сторителлинг.
— ML в BI. BI без ML. ML без BI.
— Кейсы из практики внедрения (как удалось объединить необъединяемое, например).
— Культура DD в общем смысле.
— Тренды на рынке BI.
— Статистика с рынка BI: рост/падение популярности профессии, профиль специалиста и т.п.
— Что почитать.
— Где и чему учиться.
Для удобной навигации используем теги:
#новичкам – знания, точно полезные для тех, кто только погружается в тему.
#профи – информация для тех, кто уже в теме BI.
#ru_bi – информация из мира российских BI.
#визуал – пример классного (или страшного) дашборда.
#практика – примеры из практики, датасеты и прочее.
#мнение – оно и есть мнение.
#технологии – о технологиях в BI.
#статья – полезная статья из мира данных.
#книга – рекомендация книги.
#интервью – интервью с представителями отрасли.
#история – интересная история из мира данных.
#жиза – смешные и не очень зарисовки из Data Driven будней.
#дайджест – подборка ссылок на полезное, увиденное нами.
#мероприятия — анонс или запись классного мероприятия.
#знания — ценные знания из мира данных.
———————————
analyticworkspace.ru — это наш сайт.
@awcommunity — сообщество взаимопомощи специалистов, которые работают с Analytic Workspace.
120 лет назад в Венгрии уже использовали плиточные карты. На фото этническая и религиозная карта Венгрии 1902 года. Даже сейчас такую визуализацию не в каждой BI можно подготовить.
#визуал
#визуал
На дашборде популярные добавки к пицце, увидев такую интересную аналитику пришла мысль, что было бы неплохо анализировать данные по вину и его сопровождению. Назовем это винотека данных. Заходишь на такой дашборд, а там...
Пузырьковая диаграмма намекает тебе какое шампанское выбрать, фильтры настроены по типу сыров и закусок и все работает на то, чтобы как можно быстрее принять верное решение на основе данных.
И вот ты вечером уже сидишь с бокалом Рислинга и радуешься развитию информационных технологий.
#визуал
Пузырьковая диаграмма намекает тебе какое шампанское выбрать, фильтры настроены по типу сыров и закусок и все работает на то, чтобы как можно быстрее принять верное решение на основе данных.
И вот ты вечером уже сидишь с бокалом Рислинга и радуешься развитию информационных технологий.
#визуал
Если вы сегодня смотрели наш эфир про UX дашбордов, то без проблем напишете в комментарии, что не так с этой страницей дашборда.
Давайте прожарим в комментах 🔥
#визуал
Давайте прожарим в комментах 🔥
#визуал
Шпаргалка по созданию дашбордов
Aurélien Vautier собрал 10 лучших практик создания дашбордов, делимся с вами заботливо переведенной версией:
A - Использование отступов. Пространство так же полезно, как тишина в разговоре.
B - Использование легко читаемого шрифта для повышения удобства использования и доступности.
C - Уменьшение беспорядка. Чем меньше, тем лучше.
D - Использование размера и стиля текста для усиления визуального эффекта и привлечения внимания пользователей.
E – Выбор правильного виджета в соответствии с поставленной целью.
F - Удаление ненужных элементов, чтобы уменьшить беспорядок (снова).
G – Следование шаблону Z при создании дашборда.
H - Обеспечение контекста для больших чисел.
I - Группировка связанных элементов, когда между ними есть связь.
J – Улучшение читабельности за счет поворота текста или диаграммы.
Ссылка на первоисточник (доступ только с vpn)
#визуал
Aurélien Vautier собрал 10 лучших практик создания дашбордов, делимся с вами заботливо переведенной версией:
A - Использование отступов. Пространство так же полезно, как тишина в разговоре.
B - Использование легко читаемого шрифта для повышения удобства использования и доступности.
C - Уменьшение беспорядка. Чем меньше, тем лучше.
D - Использование размера и стиля текста для усиления визуального эффекта и привлечения внимания пользователей.
E – Выбор правильного виджета в соответствии с поставленной целью.
F - Удаление ненужных элементов, чтобы уменьшить беспорядок (снова).
G – Следование шаблону Z при создании дашборда.
H - Обеспечение контекста для больших чисел.
I - Группировка связанных элементов, когда между ними есть связь.
J – Улучшение читабельности за счет поворота текста или диаграммы.
Ссылка на первоисточник (доступ только с vpn)
#визуал
Предлагаем в эту пятницу насладиться отчетом, выпущенным в СССР в 1926 году!
Визуалам почти сто лет и есть на что посмотреть! Среднемесячный заработок в червонных рублях, месячное потребление продуктов питания рабочей семьи, массовая работа в клубах, красных уголках и многое другое.
Кстати, в топе по заработной плате в конце 1925 года были металлисты, пищевики и железнодорожники, получали от 60 до 70 червонных рублей!
P.S. Кастомные визуализации присутствуют:)
#визуал
Визуалам почти сто лет и есть на что посмотреть! Среднемесячный заработок в червонных рублях, месячное потребление продуктов питания рабочей семьи, массовая работа в клубах, красных уголках и многое другое.
Кстати, в топе по заработной плате в конце 1925 года были металлисты, пищевики и железнодорожники, получали от 60 до 70 червонных рублей!
P.S. Кастомные визуализации присутствуют:)
#визуал
Ресурсы для развития навыков визуализации данных
Друзья, предлагаем вам шикарную подборку ресурсов для развития насмотренности в визуализации данных от Наталии Степановой автора канала Визуализируй это! — подписывайтесь, кстати, канал 🔥
Передаём перо Наталии✍️
===
Можно многое рассказать о визуализациях, примерах, ресурсах и книгах, но здесь я постаралась собрать самое базовое.
Ответить на вопрос: «С чего начать и чем вдохновляться, чтобы научиться создавать красивые и полезные визуализации?». В полученный список, конечно, не вошло множество интересных книг и крутых специалистов, но чтобы охватить всё, потребовалось бы намного больше места.
Книги
1. Edward Tufte и его книги по информационному дизайну. "The Visual Display of Quantitative Information" — настоящая классика, которую можно назвать библией для графиков. Официального перевода не существует (автор не разрешает), но в сети можно найти неофициальные, а сама книга написана достаточно простым английским языком.
2. Don Norman, "The Design of Everyday Things". Эта книга — основа понимания дизайна и UX, заставляет задуматься о дизайне самых обыденных вещей. В России издана издательством МИФ.
Люди
1. Shirley Wu — shirleywu.studio
Меня очень вдохновляют её аккуратный дизайн и художественные абстракции в визуализациях. У неё много доступных лекций и воркшопов по программированию, их можно найти на YouTube.
2. Nadieh Bremer — visualcinnamon.com
Создаёт удивительные визуализации на самые разнообразные темы.
3. Valentina D'Efilippo — valentinadefilippo.co.uk
Больше фокусируется на дизайне и смыслах. Её выступления и рассказы о создании визуализаций, включая Effective Data Visualisation, также доступны на YouTube.
Сайты
1. Information is Beautiful — informationisbeautiful.net
Обширная коллекция инфографик на самые разные темы, от статистики пород собак до доходов правительства Великобритании.
2. Pudding — pudding.cool
Интерактивные визуальные эссе.
3. Flowing Data — flowingdata.com
Множество визуализаций и страниц с туториалами по их созданию.
4. Блог Datawrapper — blog.datawrapper.de
Статьи с примерами визуализаций и советами, например, по выбору цветовой палитры или подготовке данных.
5. D3.js — d3js.org
Не удержалась и всё-таки включила пункт про код. Но и не только, на сайте можно найти множество примеров от простых до сложных с подробным разбором их создания.
===
Канал Data Driven Культура — гид в мир данных и их представления
#визуал #книга #знания
Друзья, предлагаем вам шикарную подборку ресурсов для развития насмотренности в визуализации данных от Наталии Степановой автора канала Визуализируй это! — подписывайтесь, кстати, канал 🔥
Передаём перо Наталии
===
Можно многое рассказать о визуализациях, примерах, ресурсах и книгах, но здесь я постаралась собрать самое базовое.
Ответить на вопрос: «С чего начать и чем вдохновляться, чтобы научиться создавать красивые и полезные визуализации?». В полученный список, конечно, не вошло множество интересных книг и крутых специалистов, но чтобы охватить всё, потребовалось бы намного больше места.
Книги
1. Edward Tufte и его книги по информационному дизайну. "The Visual Display of Quantitative Information" — настоящая классика, которую можно назвать библией для графиков. Официального перевода не существует (автор не разрешает), но в сети можно найти неофициальные, а сама книга написана достаточно простым английским языком.
2. Don Norman, "The Design of Everyday Things". Эта книга — основа понимания дизайна и UX, заставляет задуматься о дизайне самых обыденных вещей. В России издана издательством МИФ.
Люди
1. Shirley Wu — shirleywu.studio
Меня очень вдохновляют её аккуратный дизайн и художественные абстракции в визуализациях. У неё много доступных лекций и воркшопов по программированию, их можно найти на YouTube.
2. Nadieh Bremer — visualcinnamon.com
Создаёт удивительные визуализации на самые разнообразные темы.
3. Valentina D'Efilippo — valentinadefilippo.co.uk
Больше фокусируется на дизайне и смыслах. Её выступления и рассказы о создании визуализаций, включая Effective Data Visualisation, также доступны на YouTube.
Сайты
1. Information is Beautiful — informationisbeautiful.net
Обширная коллекция инфографик на самые разные темы, от статистики пород собак до доходов правительства Великобритании.
2. Pudding — pudding.cool
Интерактивные визуальные эссе.
3. Flowing Data — flowingdata.com
Множество визуализаций и страниц с туториалами по их созданию.
4. Блог Datawrapper — blog.datawrapper.de
Статьи с примерами визуализаций и советами, например, по выбору цветовой палитры или подготовке данных.
5. D3.js — d3js.org
Не удержалась и всё-таки включила пункт про код. Но и не только, на сайте можно найти множество примеров от простых до сложных с подробным разбором их создания.
===
Канал Data Driven Культура — гид в мир данных и их представления
#визуал #книга #знания
Please open Telegram to view this post
VIEW IN TELEGRAM
Институт цвета Pantone объявил главный цвет 2024 года — это персиковый Pantone 13-1023 Peach Fuzz (персиковый пух).
Цвет года по версии Pantone влияет на разработку продуктов и решения о покупке во многих отраслях, включая моду, мебель для дома и промышленный дизайн, а также упаковку продуктов и графический дизайн.
Ну а мы в ожидании трендовых дашбордов😍
#визуал
Цвет года по версии Pantone влияет на разработку продуктов и решения о покупке во многих отраслях, включая моду, мебель для дома и промышленный дизайн, а также упаковку продуктов и графический дизайн.
Ну а мы в ожидании трендовых дашбордов😍
#визуал
Гештальт как основа визуального восприятия
Еще в 1920-х годах немецкие психологи разработали группу принципов визуального восприятия и назвали ее гештальт. Метод основан на теории, что «организованное целое воспринимается как большее, чем сумма его частей».
Основные принципы, которые можно использовать как при построении визуализаций, так и при создании интуитивно понятных интерфейсов:
Принцип подобия — мозг воспринимает похожие по одному признаку элементы как единое целое, даже если по другим признакам эти элементы отличаются. Самые "коммуникабельные" - цвет, размер, форма. Этот принцип также может использоваться и для создания контрастности или увеличения визуального веса если добавить объект отличный от остальных. Например, на дашборде так может быть выделен отдельный виджет, который нужно сделать акцентным.
Принцип близости — элементы, расположенные близко друг к другу, воспринимаются как более связанные, чем те, которые расположены дальше друг от друга. Таким образом, различные элементы могут рассматриваться как группа, а не по отдельности.
Принцип замкнутости — мозг группирует элементы как схожие, если они находятся в одной и той же закрытой области. При этом завершение также происходит в мозгу, при представлении достаточного объема информации наш мозг сам сделает выводы. В дашбордах, например, с этим успешно справляются вкладки, каждая из которых несет свой информационный посыл.
Принцип непрерывности — мозг определяет взаимосвязи по линиям, кривым или последовательности форм. Человеческий глаз привык отмечать пути и следовать по ним. При создании дашбордов, виджеты выравниваются и это помогает глазам плавно перемещаться по визуальным элементам, повышая разборчивость представляемой информации.
Принцип смыкания — мы предпочитаем законченные формы, поэтому мозг автоматически заполняет промежутки между элементами, чтобы воспринимать неполные объекты как целое изображение.
В общем, визуал и психология связаны и погружаться в это невероятно интересно😍
#визуал
Еще в 1920-х годах немецкие психологи разработали группу принципов визуального восприятия и назвали ее гештальт. Метод основан на теории, что «организованное целое воспринимается как большее, чем сумма его частей».
Основные принципы, которые можно использовать как при построении визуализаций, так и при создании интуитивно понятных интерфейсов:
Принцип подобия — мозг воспринимает похожие по одному признаку элементы как единое целое, даже если по другим признакам эти элементы отличаются. Самые "коммуникабельные" - цвет, размер, форма. Этот принцип также может использоваться и для создания контрастности или увеличения визуального веса если добавить объект отличный от остальных. Например, на дашборде так может быть выделен отдельный виджет, который нужно сделать акцентным.
Принцип близости — элементы, расположенные близко друг к другу, воспринимаются как более связанные, чем те, которые расположены дальше друг от друга. Таким образом, различные элементы могут рассматриваться как группа, а не по отдельности.
Принцип замкнутости — мозг группирует элементы как схожие, если они находятся в одной и той же закрытой области. При этом завершение также происходит в мозгу, при представлении достаточного объема информации наш мозг сам сделает выводы. В дашбордах, например, с этим успешно справляются вкладки, каждая из которых несет свой информационный посыл.
Принцип непрерывности — мозг определяет взаимосвязи по линиям, кривым или последовательности форм. Человеческий глаз привык отмечать пути и следовать по ним. При создании дашбордов, виджеты выравниваются и это помогает глазам плавно перемещаться по визуальным элементам, повышая разборчивость представляемой информации.
Принцип смыкания — мы предпочитаем законченные формы, поэтому мозг автоматически заполняет промежутки между элементами, чтобы воспринимать неполные объекты как целое изображение.
В общем, визуал и психология связаны и погружаться в это невероятно интересно😍
#визуал
Почему мы видим лица там, где их нет, и как использовать смайлики в визуализациях🤔
Все мы используем в переписках эмоджи, смайлики и даже ставим скобочки в конце фразы, чтобы передать эмоциональный оттенок в сухой переписке. Два схематичных «глаза» и «рот» под ними — достаточный для нашего мозга повод чётко увидеть лицо. Но как же это работает?
Парейдолия - это зрительная иллюзия, которая заставляет людей видеть лица, изображения животных, очертания привычных предметов там, где их нет. В основе парейдолии лежат сразу несколько механизмов:
1. Эволюционная необходимость.
Человек, который умел определять, затаился ли кто‑то из враждебного племени в густых джунглях, мог вовремя спастись бегством. А те, чей мозг не был «заточен» на поиск недружественных человеческих физиономий, быстро погибали.
2. Общий алгоритм работы мозга многих живых существ.
Для начала мозг анализирует увиденное и пытается установить пространственные связи между компонентами картинки. Параллельно он сравнивает обнаруженное с уже знакомыми изображениями. Если в памяти хранится подходящая картинка, и тем более когда она значима (то есть мозг с ней часто сталкивался), моментально запускается процесс узнавания: «Я это уже видел! Вот что это!»
3. Одновременная активация разных зон мозга.
А именно: участка лобной коры, который отвечает за ожидания, и отдела зрительной коры, специализирующегося на узнавании лиц. При этом первый в значительной степени контролирует второй. То есть сознание влияет на зрение: люди ожидают столкнуться с чем‑то знакомым и в итоге видят именно это.
На основании эффекта Парейдолия Американский математик Герман Чернов в 1973 году опубликовал работу, в которой изложил концепцию использования этой способности восприятия лица человека для построения пиктографиков. Их применяют, как правило, в двух случаях:
— когда нужно выявить характерные зависимости или группы наблюдений;
— когда необходимо исследовать предположительно сложные взаимосвязи между несколькими переменными.
Исходя из этой концепции, использование пиктографики для многомерных данных может помочь пользователям воспринимать информацию интуитивно! На одном графике можно показать множество параметров – использовать размер глаза, изгиб брови, цвет волос, размер рта, обвод лица – в общем, в особых случаях в одно лицо можно запихнуть до нескольких десятков параметров. Однако есть нюанс: люди склонны приписывать лицам настроение и эмоции, что может влиять на интерпретацию данных, поэтому создавать такие визуализации нужно аккуратно.
Простые смайлики, как на картинке к посту, могут помочь «оживить» дашборд, а здесь можно посмотреть один из самых удачных примеров использования лиц Чернова в визуализациях.
#визуал
Все мы используем в переписках эмоджи, смайлики и даже ставим скобочки в конце фразы, чтобы передать эмоциональный оттенок в сухой переписке. Два схематичных «глаза» и «рот» под ними — достаточный для нашего мозга повод чётко увидеть лицо. Но как же это работает?
Парейдолия - это зрительная иллюзия, которая заставляет людей видеть лица, изображения животных, очертания привычных предметов там, где их нет. В основе парейдолии лежат сразу несколько механизмов:
1. Эволюционная необходимость.
Человек, который умел определять, затаился ли кто‑то из враждебного племени в густых джунглях, мог вовремя спастись бегством. А те, чей мозг не был «заточен» на поиск недружественных человеческих физиономий, быстро погибали.
2. Общий алгоритм работы мозга многих живых существ.
Для начала мозг анализирует увиденное и пытается установить пространственные связи между компонентами картинки. Параллельно он сравнивает обнаруженное с уже знакомыми изображениями. Если в памяти хранится подходящая картинка, и тем более когда она значима (то есть мозг с ней часто сталкивался), моментально запускается процесс узнавания: «Я это уже видел! Вот что это!»
3. Одновременная активация разных зон мозга.
А именно: участка лобной коры, который отвечает за ожидания, и отдела зрительной коры, специализирующегося на узнавании лиц. При этом первый в значительной степени контролирует второй. То есть сознание влияет на зрение: люди ожидают столкнуться с чем‑то знакомым и в итоге видят именно это.
На основании эффекта Парейдолия Американский математик Герман Чернов в 1973 году опубликовал работу, в которой изложил концепцию использования этой способности восприятия лица человека для построения пиктографиков. Их применяют, как правило, в двух случаях:
— когда нужно выявить характерные зависимости или группы наблюдений;
— когда необходимо исследовать предположительно сложные взаимосвязи между несколькими переменными.
Исходя из этой концепции, использование пиктографики для многомерных данных может помочь пользователям воспринимать информацию интуитивно! На одном графике можно показать множество параметров – использовать размер глаза, изгиб брови, цвет волос, размер рта, обвод лица – в общем, в особых случаях в одно лицо можно запихнуть до нескольких десятков параметров. Однако есть нюанс: люди склонны приписывать лицам настроение и эмоции, что может влиять на интерпретацию данных, поэтому создавать такие визуализации нужно аккуратно.
Простые смайлики, как на картинке к посту, могут помочь «оживить» дашборд, а здесь можно посмотреть один из самых удачных примеров использования лиц Чернова в визуализациях.
#визуал
Про искусство и дашборды
А вы знаете, что художники при выборе цвета частенько ориентируются на цветовой круг?🤔
Цветовой круг спроектирован так, что сочетания любых цветов, выбранных из него, будут хорошо смотреться вместе.
📎Если расположить в круге равносторонний треугольник, то любые три цвета, в которые попадут его вершины, также будут выразительно смотреться вместе (например: жёлтый, красный, синий или оранжевый, зелёный, фиолетовый).
📎Приятно выглядит сочетания цветов, на которые указывает вписанный равнобедренный треугольник, если между его ближайшими вершинами находится один цветовой сегмент (например, зелёный, красно-фиолетовый, красно-оранжевый — интересное сочетание, а синий, жёлто-зелёный, красный — вместе лучше не использовать).
📎А чтобы выбрать гармоничное соответствие четырёх цветов, используют вписанный в круг прямоугольник. Главное, чтобы между его вершинами лежало нечётное количество секторов. То есть красный, оранжевый, зелёный и синий подходят друг другу, а жёлтый, красно-оранжевый, фиолетовый и сине-зелёный — нет.
Неправильный выбор цветов в дашборде может визуально погубить весь труд не только по его созданию, но и исказить восприятие данных.
☝🏻Опираясь при выборе цвета на цветовой круг, нужно помнить, что восприятие человеком также зависит и от опыта, например, красный ассоциируется с проблемами, зелёный - всё хорошо, нейтральный чёрный или серый - всё ок, внимание можно не обращать.
#визуал
А вы знаете, что художники при выборе цвета частенько ориентируются на цветовой круг?🤔
Цветовой круг спроектирован так, что сочетания любых цветов, выбранных из него, будут хорошо смотреться вместе.
📎Если расположить в круге равносторонний треугольник, то любые три цвета, в которые попадут его вершины, также будут выразительно смотреться вместе (например: жёлтый, красный, синий или оранжевый, зелёный, фиолетовый).
📎Приятно выглядит сочетания цветов, на которые указывает вписанный равнобедренный треугольник, если между его ближайшими вершинами находится один цветовой сегмент (например, зелёный, красно-фиолетовый, красно-оранжевый — интересное сочетание, а синий, жёлто-зелёный, красный — вместе лучше не использовать).
📎А чтобы выбрать гармоничное соответствие четырёх цветов, используют вписанный в круг прямоугольник. Главное, чтобы между его вершинами лежало нечётное количество секторов. То есть красный, оранжевый, зелёный и синий подходят друг другу, а жёлтый, красно-оранжевый, фиолетовый и сине-зелёный — нет.
Неправильный выбор цветов в дашборде может визуально погубить весь труд не только по его созданию, но и исказить восприятие данных.
☝🏻Опираясь при выборе цвета на цветовой круг, нужно помнить, что восприятие человеком также зависит и от опыта, например, красный ассоциируется с проблемами, зелёный - всё хорошо, нейтральный чёрный или серый - всё ок, внимание можно не обращать.
#визуал