Ой, что нашла в своих закромах для Битриксоидов =)
Переключение графиков выполнено закладками, наложенных поверх карточек. Очень User Friendly ❤️
Потыкать:
https://app.powerbi.com/view?r=eyJrIjoiMjJiZTJjMWItZGYxYS00YWJhLTliZDctYmYyYzViZTAwOTYzIiwidCI6IjQ3OTNhOTZhLTA2N2EtNDJhOC05OWRkLWU3YTdiNDk2NDAzOCIsImMiOjl9
Нашла pbix для поковырять:
https://news.1rj.ru/str/Design_PowerBi/161?comment=892
Переключение графиков выполнено закладками, наложенных поверх карточек. Очень User Friendly ❤️
Потыкать:
https://app.powerbi.com/view?r=eyJrIjoiMjJiZTJjMWItZGYxYS00YWJhLTliZDctYmYyYzViZTAwOTYzIiwidCI6IjQ3OTNhOTZhLTA2N2EtNDJhOC05OWRkLWU3YTdiNDk2NDAzOCIsImMiOjl9
Нашла pbix для поковырять:
https://news.1rj.ru/str/Design_PowerBi/161?comment=892
🔥23👍11🐳6🥰2❤1🤔1
Продолжаем тред про сборные карточки.
🌻 Размещайте справа от графика суммарные значения его категорий.
🌺 Насыщайте вашу аналитику ретроспективными данными и сравнениями с текущим положением дел.
🌸 Ключевые показатели можно бессловно сравнить снизу, дав подсказку цветовым кодом. ( Посмотрите на Усатых и Полосатых, а затем на нормированную диаграмму внизу справа)
🌷Для экономии места на макете (если не нужно их сравнивать между собой) , можно укрупнять графики и переключать по кнопке. Для этого объедините график и расширенную аналитику в группу и напишите закладки.
Всем красоты, весны и интересной визуализации данных 🦄
🌻 Размещайте справа от графика суммарные значения его категорий.
🌺 Насыщайте вашу аналитику ретроспективными данными и сравнениями с текущим положением дел.
🌸 Ключевые показатели можно бессловно сравнить снизу, дав подсказку цветовым кодом. ( Посмотрите на Усатых и Полосатых, а затем на нормированную диаграмму внизу справа)
🌷Для экономии места на макете (если не нужно их сравнивать между собой) , можно укрупнять графики и переключать по кнопке. Для этого объедините график и расширенную аналитику в группу и напишите закладки.
Всем красоты, весны и интересной визуализации данных 🦄
👍28❤14🍌5
Много стандартных интересностей =)
1. ИНТЕРАКТИВНЫЙ фильтр с флагами слева сделан при помощи многострочной карточки и подключению к картинкам флагов через DAX:
2. Подписи выручки на карте с помощью столбца:
3. Красивый график (матрица) с картинками товаров, захваченных с Wildberries с помощью DAX:
👉Забрать PBIX👈
1. ИНТЕРАКТИВНЫЙ фильтр с флагами слева сделан при помощи многострочной карточки и подключению к картинкам флагов через DAX:
<HTML> Country Flag 48px =(для этого надо создать справочник страна - код страны)
"https://flaglog.com/codes/standardized-rectangle-120px/"
& [code]
& ".png"
2. Подписи выручки на карте с помощью столбца:
Карта подписи =(если ее поместить в таблицу фактов, то она будет реагировать и на даты)
Country[locale name] & ": " & FORMAT(CALCULATE(SUM(financials[Gross Sales])), "#,#")
3. Красивый график (матрица) с картинками товаров, захваченных с Wildberries с помощью DAX:
Картинка товара =// По традиции PBIX внутри, а на первой странице отчёта сюрприз =)
"https://basket-02.wb.ru/vol"
& LEFT('Product'[Articul],3)
& "/part"
& LEFT('Product'[Articul],5)
& "/"
& 'Product'[Articul]
& "/images/c246x328/1.jpg"
👉Забрать PBIX👈
🔥38👍8🤩8❤2
Да вам сейчас крышу сорвет! (Мне уже 🤯)
Короче, возможности css и Html в Power BI почти безграничны.😱
Анимации, резиновая верстка и красотень обеспечены.
// PBIX на пощупать во вложении, конечно
Усиленно изучаю возможность создать свою многострочную карточку.
👉Забрать PBIX👈
Короче, возможности css и Html в Power BI почти безграничны.😱
Анимации, резиновая верстка и красотень обеспечены.
// PBIX на пощупать во вложении, конечно
Усиленно изучаю возможность создать свою многострочную карточку.
👉Забрать PBIX👈
YouTube
HTML+CSS в Power BI
Файл PBIX в телеге https://news.1rj.ru/str/Design_PowerBi/168
🔥55🤯13❤1👍1
Power BI анимация элементов Часть 2
Продолжаю изучать полезный функционал HTML&CSS внутри Power BI. Сегодня получилось собрать три визуала:
1. Сборная KPI Card с анимацией обновления и наведения
2. Сборная панель KPI с анимацией при наведении и градиентом
3. Бар чарт с фотками, анимацией и градиентом
⚡️Все это при введении переменных в меры можно привязать к вашим данным.
В браузере отрабатывает быстро, без задержек.
Большое спасибо Maximus за помощь с анимацией и исследованиями ❤️
👉Забрать PBIX в комментах👈
Продолжаю изучать полезный функционал HTML&CSS внутри Power BI. Сегодня получилось собрать три визуала:
1. Сборная KPI Card с анимацией обновления и наведения
2. Сборная панель KPI с анимацией при наведении и градиентом
3. Бар чарт с фотками, анимацией и градиентом
⚡️Все это при введении переменных в меры можно привязать к вашим данным.
В браузере отрабатывает быстро, без задержек.
Большое спасибо Maximus за помощь с анимацией и исследованиями ❤️
👉Забрать PBIX в комментах👈
YouTube
Power BI HTML&CSS Chart and KPI card
Download PBIX here https://news.1rj.ru/str/Design_PowerBi
🔥62👍13❤8
Один визуал = 6 показателей, это реально. И лаконично.
В последнем мартовском 😻 обновлении Power BI добавили возможность добавлять подзаголовки у визуальных элементов, еще и с функцией fx. А это значит, что больше не надо накладывать карточки с суммарными значениями на график.
Просто добавьте немного DAX
1. Подзаголовок сделан сборной мерой по фактоидам графика
2. При помощи визуала "График и гистограмма" сделаны разные линии:
🪙 План заполненная серым цветом
🔵 Факт просто синяя линия
3. При помощи Dax добавлены точки:
🔴Мин
🟢Макс на график
4. Сделана нестандартная ось по первой букве месяца с помощью разметки таблицы календаря
// Pbix на изучение как всегда в комментах
С уважением, ваш Power bi Design ❤️
В последнем мартовском 😻 обновлении Power BI добавили возможность добавлять подзаголовки у визуальных элементов, еще и с функцией fx. А это значит, что больше не надо накладывать карточки с суммарными значениями на график.
Просто добавьте немного DAX
1. Подзаголовок сделан сборной мерой по фактоидам графика
2. При помощи визуала "График и гистограмма" сделаны разные линии:
🪙 План заполненная серым цветом
🔵 Факт просто синяя линия
3. При помощи Dax добавлены точки:
🔴Мин
🟢Макс на график
4. Сделана нестандартная ось по первой букве месяца с помощью разметки таблицы календаря
// Pbix на изучение как всегда в комментах
С уважением, ваш Power bi Design ❤️
👍61🔥17❤9👎2🤯2🙏1
Всем привет!
Давно хотелось сделать карту склада, области или даже человека? Я нашла очень простое решение. Справится любой.
Вот инструкция к действию:
1. Качаем бесплатный InkScape. В нем прямо поверх jpeg / png картинки отрисовываем области, которые нужно сделать интерактивными в Power BI. Сохраняем в SVG.
2. Переходим на synoptic.design и раздаём отрисованным областям названия. Первое поле для мэтчинга с вашими данными, второе можно выводить на визуализацию (как у меня на карте сделано)
3. Подгружаемся в Power BI через визуал Synoptic Panel. Настраиваем градиент заливки, метки данных и прочую красоту.
4. Радуемся.
👉PBIX в комментариях👈
Давно хотелось сделать карту склада, области или даже человека? Я нашла очень простое решение. Справится любой.
Вот инструкция к действию:
1. Качаем бесплатный InkScape. В нем прямо поверх jpeg / png картинки отрисовываем области, которые нужно сделать интерактивными в Power BI. Сохраняем в SVG.
2. Переходим на synoptic.design и раздаём отрисованным областям названия. Первое поле для мэтчинга с вашими данными, второе можно выводить на визуализацию (как у меня на карте сделано)
3. Подгружаемся в Power BI через визуал Synoptic Panel. Настраиваем градиент заливки, метки данных и прочую красоту.
4. Радуемся.
👉PBIX в комментариях👈
YouTube
Картограммы в Power BI. Интерактивная Карта склада, города и человека с метками данных
Download PBIX here https://news.1rj.ru/str/Design_PowerBi
🔥71👍8❤1
Power BI для телевизора в отдел продаж.
Поработали с командой BI-Team и создали читабельный и побуждающий к соревнованиям макет отчёта для сотрудников отдела продаж.
Цветная подложка слева работает в качестве 🟢🟡🔴Светофора - индикатора выполнения плана. Даже издали заметно.
Упрощены графики, добавлены элементы инфографики и условное форматирование по многим показателям.
На странице Месяц графики авансов и продаж содержат:
Синий - факт
Голубой - прогноз,
а снизу % выполнения плана по этим KPI.
Как вы считаете, что еще можно добавить в аналитику на телевизор?
Поработали с командой BI-Team и создали читабельный и побуждающий к соревнованиям макет отчёта для сотрудников отдела продаж.
Цветная подложка слева работает в качестве 🟢🟡🔴Светофора - индикатора выполнения плана. Даже издали заметно.
Упрощены графики, добавлены элементы инфографики и условное форматирование по многим показателям.
На странице Месяц графики авансов и продаж содержат:
Синий - факт
Голубой - прогноз,
а снизу % выполнения плана по этим KPI.
Как вы считаете, что еще можно добавить в аналитику на телевизор?
🔥65👍8❤4🙈3
This media is not supported in your browser
VIEW IN TELEGRAM
UXUI отчетов Power BI это моя самая большая боль.
Когда я разрабатываю макет, то следую нескольким правилам:
⭐️ Вы - не пользователь
Каждый использует собственный опыт. А вы уже насмотрелись на свой отчет и знаете каждый пиксель. Пользователь может не думать так же, как и вы. Пользователь может не понимать.
⭐️ Узнаваемость UI элементов важнее оригинальности
Фильтр - это фильтр, Колокольчик - это уведомления. Помогите пользователю понять вас с первого раза.
⭐️ Дизайн должен быть простым и последовательным
Карточки всегда сверху под меню. Важные графики по центру страницы. Помогите пользователям привыкнуть к структуре и соблюдайте её.
⭐️ Не перегружайте страницу
Лучше добавьте закладки и страницы детализации. Осознать 20 метрик на одном листе трудно.
⭐️ Делайте удобно и понятно
Используйте приёмы из верстки сайтов. Как правило они уже типизированы и сделаны понятными для наибольшего количества пользователей.
❤️ Давайте влюблять наших пользователей в Power BI вместе!
// PBIX в комментах.
Когда я разрабатываю макет, то следую нескольким правилам:
⭐️ Вы - не пользователь
Каждый использует собственный опыт. А вы уже насмотрелись на свой отчет и знаете каждый пиксель. Пользователь может не думать так же, как и вы. Пользователь может не понимать.
⭐️ Узнаваемость UI элементов важнее оригинальности
Фильтр - это фильтр, Колокольчик - это уведомления. Помогите пользователю понять вас с первого раза.
⭐️ Дизайн должен быть простым и последовательным
Карточки всегда сверху под меню. Важные графики по центру страницы. Помогите пользователям привыкнуть к структуре и соблюдайте её.
⭐️ Не перегружайте страницу
Лучше добавьте закладки и страницы детализации. Осознать 20 метрик на одном листе трудно.
⭐️ Делайте удобно и понятно
Используйте приёмы из верстки сайтов. Как правило они уже типизированы и сделаны понятными для наибольшего количества пользователей.
❤️ Давайте влюблять наших пользователей в Power BI вместе!
// PBIX в комментах.
🔥90👍14🐳3❤2🙈1
Так ли нужны метки на карте России, если вертикальная гистограмма справляется лучше?
Anonymous Poll
30%
Карта лучше
47%
График понятней
28%
я томат 🍅
👍3
3D модель склада в Power BI. Интерактивно, сложно, но очень интересно управляющим склада для аналитики по ячейкам и стеллажам.
Придётся прокачивать навыки 3D моделирования в SketchUp и с помощью визуального элемента 3DBI соединять с вашими данными внутри Power BI.
Файл с таким складом весит 2,38 Мб, работает быстро и на Десктоп и в Браузере.
https://www.youtube.com/watch?v=l0-mffgerxc
// PBIX как всегда в комментах для самостоятельного изучения
Придётся прокачивать навыки 3D моделирования в SketchUp и с помощью визуального элемента 3DBI соединять с вашими данными внутри Power BI.
Файл с таким складом весит 2,38 Мб, работает быстро и на Десктоп и в Браузере.
https://www.youtube.com/watch?v=l0-mffgerxc
// PBIX как всегда в комментах для самостоятельного изучения
🤯88🔥56❤13👍7🐳2
Верстка отчётов в Power BI может быть утомительным занятием проще! 😅
Модульная сетка в дизайне отчета упорядочивает расположение элементов на странице, но у неё есть ещё несколько функций:
● Определять единый стиль.
С помощью сетки вы устанавливаете правила выравнивания и добавления новых элементов в макет.
● Ускорять вёрстку макета.
С сеткой вы тратите меньше усилий на размещение новых элементов на странице— достаточно ориентации по направляющим .
● Делать макет эстетичным.
Если элементы отчета пропорциональны и структурированы, пользователям приятнее их воспринимать.
● Помогать пользователю легче считывать информацию.
Сетка создаёт визуальный порядок, в котором проще ориентироваться. Например, если все заголовки выровнены по направляющей в левой части экрана, то при поиске пользователь будет «сканировать» взглядом только эту область, а не всю страницу.
// PBIX и сетка в комментариях ❤️
Модульная сетка в дизайне отчета упорядочивает расположение элементов на странице, но у неё есть ещё несколько функций:
● Определять единый стиль.
С помощью сетки вы устанавливаете правила выравнивания и добавления новых элементов в макет.
● Ускорять вёрстку макета.
С сеткой вы тратите меньше усилий на размещение новых элементов на странице— достаточно ориентации по направляющим .
● Делать макет эстетичным.
Если элементы отчета пропорциональны и структурированы, пользователям приятнее их воспринимать.
● Помогать пользователю легче считывать информацию.
Сетка создаёт визуальный порядок, в котором проще ориентироваться. Например, если все заголовки выровнены по направляющей в левой части экрана, то при поиске пользователь будет «сканировать» взглядом только эту область, а не всю страницу.
// PBIX и сетка в комментариях ❤️
👍37❤10🔥3👌2🐳2👏1