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
Кому-то интересно бесплатное обучение по картам в Power Bi в режиме онлайн встречи?
(Мне любопытно и я готова провести)
(Мне любопытно и я готова провести)
Final Results
47%
Да, пойду
43%
Посмотрю запись
3%
Не интересно
7%
Я томат
❤20🔥10👍4
Поговорим о градиентах в Power BI ?
Градиенты великолепны в дизайне, потому что они добавляют интерес, текстуру и теплоту.
Так почему же в отчётности не стоит использовать такое дизайнерское решение?
1. Градиенты искривляют статистику, когда близкие по значениям цвета оказываются рядом.
Обратите внимание на график с областями - не так-то и просто его прочитать?
2. Большое количество градиентов уничтожают строгий стиль отчетности.
Я могу делать градиенты в Power BI, но это не несет реальной пользы бизнесу. Именно бизнес - мой заказчик, ему нужно уметь ориентироваться в цифрах, а не в количестве цветов.
3. Когда цветной объект помещается на цветной фон, фон может изменить оттенок, насыщенность и яркость объекта.
Если на градиентные подложки помещать однотонные графики - еще можно их считать. Когда цветов и линий становится больше, ваш мозг начнет отказываться воспринимать экономическую суть.
В целом, градиент - это свежо. Но не стоит им злоупотреблять 😅
// PBIX как всегда во вложении❤️
Градиенты великолепны в дизайне, потому что они добавляют интерес, текстуру и теплоту.
Так почему же в отчётности не стоит использовать такое дизайнерское решение?
1. Градиенты искривляют статистику, когда близкие по значениям цвета оказываются рядом.
Обратите внимание на график с областями - не так-то и просто его прочитать?
2. Большое количество градиентов уничтожают строгий стиль отчетности.
Я могу делать градиенты в Power BI, но это не несет реальной пользы бизнесу. Именно бизнес - мой заказчик, ему нужно уметь ориентироваться в цифрах, а не в количестве цветов.
3. Когда цветной объект помещается на цветной фон, фон может изменить оттенок, насыщенность и яркость объекта.
Если на градиентные подложки помещать однотонные графики - еще можно их считать. Когда цветов и линий становится больше, ваш мозг начнет отказываться воспринимать экономическую суть.
В целом, градиент - это свежо. Но не стоит им злоупотреблять 😅
// PBIX как всегда во вложении❤️
❤32👍11😁5🔥4🐳1💯1🙈1