Початок роботи - Візуалізація цифрових двійників

Ласкаво просимо! Цей вичерпний посібник допоможе вам швидко почати роботу з візуальним представленням Digital Twin для Power BI, що включає розширену навігацію, інтерактивну легенду, пропорційну ширину країв, розширені підказки, перехресну фільтрацію та можливості наскрізного перегляду.

📋 Комплексний огляд функцій

🔍 Покращена навігація ✨

Плавне масштабування та панорамування з плавною анімацією
Професійні елементи керування навігацією на екрані
Міні-карта в реальному часі з індикатором області перегляду
Розумний зворотний зв'язок з курсором (захоплення/захоплення)
Точність, подібна до CAD, для великих схем

🎨 Інтерактивна система легенд ✨

Динамічна легенда з фактичних кольорів вузлів
Клацніть елементи легенди, щоб виділити вузли
Працює з будь-яким категорійним полем
Інтеграція перехресної фільтрації
Відображення кількості вузлів за категоріями

Пропорційна ширина кромки ✨ Пропорційна ширина кромки ✨

Шкала товщини кромки з інтенсивністю потоку
Алгоритм нормалізації для кожного вузла
Миттєве виявлення вузьких місць
Увімкнення/вимкнення за допомогою панелі форматів
Контекстна візуалізація потоку

Покращені підказки ✨ Покращені підказки ✨

Гнучкі підказки вузла "Ключ: Значення" підказки для вузла "Ключ: Значення
Резервна система підказок для розумних країв
Багатофункціональна підтримка з назвами полів
Автоматична генерація етикеток
Зворотньо сумісний дизайн

Удосконалена перехресна фільтрація

Двонаправлена фільтрація за допомогою таблиць
Підсвічування окремих вузлів/ребер
Фільтрація категорій на основі легенди
Підтримка багаторазового вибору
Покращена модель даних з показниками

Інтеграція з Power BI

Контекстні меню, сумісні з AppSource
Широкі можливості наскрізного свердління
Впорядковані елементи керування панеллю форматів
Покращене керування краями за допомогою підгруп
Управління професійним відбором

Покращене налаштування та вимоги до даних

⚠️ Важливо: Всі дані повинні бути в одній таблиці з використанням UNION-структури з правильною обробкою NULL для оптимальної продуктивності.

Покращена структура моделі даних

- Покращена структура даних з усіма новими функціями ✨

ВИБІР 

    NodeId, 

    'Статус: Працює\nТип: Машина\nТемпература: 85°C\nЕфективність: 92%' як NodeTooltip,

    'Running' як LegendColor, - для інтерактивної легенди ✨.

    NULL як EdgeId, NULL як SourceId, NULL як TargetId, NULL як EdgeTooltip,

    Ефективність як NodeValue, - для перехресної фільтрації

    NULL як EdgeValue

FROM NodesTable

ОБ'ЄДНАТИ ВСІХ

ВИБІР 

    NULL як NodeId, NULL як NodeTooltip, NULL як LegendColor,

    EdgeId, SourceId, TargetId,

    'Тип: Потік матеріалу\nІнтенсивність: Висока\nТиск: 2.5 бар' як EdgeTooltip, - Розумні підказки ✨

    NULL як NodeValue,

    FlowIntensity як EdgeValue - перехресна фільтрація + пропорційна ширина ✨

FROM EdgesTable

Розширений довідник ролей даних

Поле	Тип	Статус	Опис	Приклад
Вміст SVG	Вимірювання	✅ Обов'язково	SVG-розмітка, що містить цифрову діаграму-близнюка	....
NodeId	Категорія	✅ Обов'язково	Унікальний ідентифікатор для кожного вузла	M1001, B1201, T1101
Підказка про вузол	Категорія	✨ Покращений	"Ключ: Значення" багаторядковий формат підказки	Статус: Працює\nТип: Машина\nЕфективність: 92%
Колір легенди (необов'язково)	Категорія	Новий!	Категоріальне поле для інтерактивної генерації легенди	Запуск, обслуговування, автономний режим
Значення вузла	Вимірювання	Покращено	Бізнес-метрики для вузлів перехресної фільтрації	85.4, 92.1, 79.8
EdgeId	Категорія	❌ Необов'язково	Унікальний ідентифікатор для кожного ребра	E1001, E1002
SourceId	Категорія	❌ Необов'язково	Вихідний вузол для ребер	M1001
TargetId	Категорія	❌ Необов'язково	Цільовий вузол для ребер	M1002
Підказка по краях (необов'язково)	Категорія	Новий!	Багатополюсна підказка з розумною системою резервного копіювання	Підтримується кілька полів
Значення краю	Вимірювання	Покращено	Інтенсивність потоку для перехресної фільтрації + пропорційна ширина	85.0, 150.5, 89.1

⚙️ Повний посібник з конфігурації

Крок 1: Підготуйте вміст у форматі SVG

Створіть SVG-вимірник: Переконайтеся, що ваш SVG містить коректну розмітку з унікальними ідентифікатор атрибути
Ідентифікатори збігаються: Значення NodeId повинні відповідати SVG елементу ідентифікатор саме ті атрибути.
Чиста структура: Використовуйте узгоджені розміри та уникайте складних трансформацій
Нейтральні кольори: Використовуйте нейтральні кольори SVG; дозвольте візуальному контролювати забарвлення
Готовий до роботи дизайн: Створюйте контури країв, щоб вони добре працювали з пропорційним масштабуванням ширини

SVG Content = Вміст SVG 

"

  <rect id=’M1001′ x=’100′ y=’100′ width=’80’ height=’50’ fill=’#cccccc’/>

  <rect id=’M1002′ x=’220′ y=’100′ width=’80’ height=’50’ fill=’#cccccc’/>

  <line id=’E1001′ x1=’180′ y1=’125′ x2=’220′ y2=’125′ stroke=’#999999’/>

  <circle id=’T1101′ cx=’260′ cy=’460′ r=’30’ fill=’#aaaaaa’/>

"

Крок 2: Завантажте візуальну ліцензію та ліцензію для вставки

📽️ У цьому відео ви дізнаєтеся, як завантажити візуалізацію Digital Twin з AppSource та активувати ліцензію.

Завантажуй "Візуал": Завантажте візуалізацію Digital Twin з MS AppSource
Додати візуальний ряд: Вставте візуалізацію "Цифровий близнюк" у свій звіт
Вставте ліцензію: Вставте ліцензійний ключ у поле Ліцензія розділ у рубриці Відформатуйте візуальне зображення

Крок 3: Імпортуйте дані

📽️ У цьому відео показано, як підготувати макет SVG і структурувати таблицю даних.

Підготуйте Дейту: Створіть єдину таблицю даних, що поєднує вузли та ребра (див. вище)
Імпорт даних: Імпортуйте SVG (наприклад, у форматі .txt) і таблицю даних (наприклад, у форматі csv.) у поле Power BI

Крок 4: Підключіть дані до візуалізації

📽️ У цьому відео ви зв'яжете свої дані з візуалізацією та увімкнете навігацію й інтерактивність з іншими візуальними елементами.

Застосувати основні дані: Перетягніть SVG-вміст, ідентифікатор вузла та ідентифікатор ребра у відповідні поля на панелі Візуалізації
Додати розширені дані: Додайте міри до полів легенди та підказок, щоб збагатити візуальний ряд
Впровадити перехресну фільтрацію: Включіть заходи NodeValue та EdgeValue, щоб забезпечити роботу фільтрації на всіх візуальних елементах
Візуальна навігація: Перевірте можливості візуальної навігації, використовуючи елементи керування масштабуванням, міні-карту або наведення миші

Крок 5: Налаштуйте свої вузли

📽️ У цьому відео показано, як застосувати умовне форматування для виділення інсайтів вузлів.

Просте розфарбовування вузлів: Виберіть бажаний колір для кожного вузла в списку Вузли розділ у рубриці Відформатуйте візуальне зображення
Або Застосувати умовне форматування: Налаштуйте індивідуальні правила для кольору ваших вузлів, натиснувши на іконку формули

Крок 6: Налаштуйте краї

📽️ У цьому відео ви дізнаєтеся, як чітко і динамічно налаштовувати потоки і з'єднання.

(Де)виберіть Градієнт: Увімкніть/вимкніть градієнт для зафарбовування країв
Налаштувати формат: Налаштуйте непрозорість, ширину лінії або порядок шарів
Просте розфарбовування країв: Виберіть бажаний колір для кожного краю в Краї розділ у рубриці Відформатуйте візуальне зображення
Або Застосувати умовне форматування: Налаштуйте індивідуальні правила для кольору країв, натиснувши на іконку формули

Крок 7: Створіть розширену підказку

📽️ У цьому відео пояснюється, як відображати додатковий контекст при наведенні миші за допомогою простих або розширених підказок.

Застосувати базову підказку: Перетягніть поля до розділу "Підказки", щоб застосувати базову підказку
Або Створити розширену підказку: Створіть власну сторінку підказок з діаграмами, KPI та іншим
Підключіться до візуалу: Додайте nodeID або edgeID до поля підказки

Крок 8: Розробіть варіант поглибленого вивчення

📽️ У цьому відео ви дізнаєтеся, як створювати сторінки глибокого аналізу для вузлів або ребер.

Створити детальну сторінку: Створіть сторінку звіту та створіть індивідуальні візуальні ефекти для отримання детальної інформації
Підключіться до візуалу: Додайте nodeID або edgeID до поля Drillthrough
Пробне випробування: Клацніть правою кнопкою миші на вузлі або ребрі → Свердління для перегляду деталей

Крок 9: Застосуйте розширене умовне форматування

📽️ У цьому відео ви дізнаєтеся, як застосовувати форматування на основі правил, використовуючи комбіновані заходи для чіткішого, заснованого на пріоритетах забарвлення вузлів і країв.

Створити комбіновану міру: Створіть комбінований показник у вигляді стовпчика, щоб відобразити кілька умов (наприклад, стан і тип вузла)
Умовне форматування: Налаштуйте правила умовного форматування на основі нового комбінованого показника
Вставити легенду: Вставте те саме поле, що й у легенді, щоб покращити чіткість і фільтрацію

Посібник з використання розширених функцій

Покращена навігація та масштабування ✨

Взаємодія з мишею та дотиками

Колесо миші: Прокрутка для збільшення/зменшення масштабу з плавною анімацією
Клацніть і перетягніть: Панорамування з візуальним зворотним зв'язком курсору (хапання/захоплення)
Управління навігацією: Використовуйте екранні кнопки +, - та "Додому
Перезавантажити вигляд: Натисніть кнопку "Додому", щоб плавно повернутися до початкового вигляду
Навігація по міні-мапі: Натисніть на міні-карту, щоб перейти до інших областей
Відстеження області перегляду: Прямокутник видового екрану в реальному часі в міні-карті

🎨 Інтерактивна система легенд ✨

Налаштування та використання легенди

Налаштування: Перетягніть будь-яке категорійне поле до "Колір легенди (необов'язково)"
Розпізнавання кольорів: Легенда автоматично зчитує фактичні кольори з зображених вузлів
Натисніть "Фільтрувати": Клацніть елементи легенди, щоб виділити відповідні вузли
Візуальний зворотній зв'язок: Вибрані категорії підсвічені, інші затемнені
Крос-візуальний: Клацання на легенді запускає фільтрацію в інших візуалізаціях
Перезавантаження: Клацніть той самий елемент легенди ще раз, щоб прибрати виділення

Порада від професіонала: Ідеально підходить для моніторингу стану, фільтрації категорій та розуміння того, що означають кольори вузлів з першого погляду.

Пропорційна ширина кромки ✨ Пропорційна ширина кромки ✨

Візуалізація на основі потоку

Картографування даних: Зіставити інтенсивність потоку/пропускну здатність з полем Edge Value
Увімкнути функцію: Панель форматування > Краї > Загальні > "Пропорційна ширина"
Візуальне масштабування: Товщина кромки автоматично масштабується відповідно до значень даних
Контекстне масштабування: Нормалізація для кожного вузла показує відносну важливість
Ідентифікація вузьких місць: Миттєве виявлення високопоточних з'єднань
Візуальний діапазон: 1px мінімальна товщина до 8px максимальна товщина

Бізнес-цінність: Використовуйте для оперативних інформаційних панелей, щоб негайно виявляти вузькі місця та високопродуктивні з'єднання у вашому цифровому двійнику.

Покращена система підказок ✨

Гнучка конфігурація підказок

Підказки вузлів: Використовуйте формат "Key: Значення\nKey2: Значення2" у полі підказки вузла
Багатоканальна підтримка: Використовуйте \n для розривів рядків у вмісті підказки
Крайні підказки: Перетягніть кілька полів до "Підказка по краю (необов'язково)"
Розумний запасний варіант: Автоматична основна інформація, якщо не вказано користувацьких полів
Польові етикетки: Назви полів автоматично стають мітками підказок
Багатий вміст: Підтримка операційного контексту та бізнес-метрик

Удосконалена перехресна фільтрація

Тристороння система фільтрації

Таблиця ↔ Візуальне: Клацайте рядки таблиці, щоб виділити вузли/ребра
Легенда ↔ візуальне: Клацніть елементи легенди, щоб виділити категорії
Візуальні ↔ інші візуальні: Клацніть вузли/ребра, щоб відфільтрувати діаграми/таблиці
Мульти-вибір: Утримуючи клавішу Ctrl, клацніть кілька елементів
Очистити вибір: Клацніть на порожньому місці, щоб скинути всі виділення
Візуальний зворотній зв'язок: Виділені елементи повністю непрозорі, інші затемнені

⚡ Розширені функції керування краями

Панель впорядкованих форматів

Секція країв:

Кольори країв (підгрупа): Індивідуальні кольори країв і керування градієнтом
⚙️ Загальна (підгрупа): Непрозорість, порядок візуалізації та пропорційна ширина

Доступні елементи керування:

Увімкнути градієнт краю: Плавні кольорові переходи між вузлами
Пропорційна ширина: Масштабування товщини на основі потоку
Непрозорість країв: Контроль прозорості (0-100%)
Показати краї на передньому плані: Керування шаруванням

Налаштування наскрізного свердління

Створення наскрізних сторінок: Налаштуйте спеціальні сторінки з деталями
Додати поля фільтрації: Включити NodeId/EdgeId у наскрізні фільтри
Тестова навігація: Клацніть правою кнопкою миші на вузлах/ребрах, щоб переглянути варіанти наскрізного свердління
Порожнє меню: Клацніть правою кнопкою миші порожні області для стандартного меню Power BI
Перевірте контекст: Переконайтеся, що відфільтрований контекст передається правильно

🔧 Вичерпний посібник з усунення несправностей

❌ Покращені питання навігації ✨

Перейдіть на панель Формат > Налаштування навігації для керування масштабуванням і видимістю міні-карт
Перевірте достатній візуальний простір для елементів керування навігацією та міні-карти
Протестуйте зворотний зв'язок курсору під час панорамування (має показувати захоплення/захоплення)
Забезпечити коректне оновлення прямокутника міні-карти під час масштабування/панорамування
Тестування на різних розмірах екрану для перевірки адаптивності

❌ Інтерактивні завдання з легендами ✨

Переконайтеся, що поле категорій перетягнуто на "Колір легенди (необов'язково)"
Перевірте, щоб вузли мали реальні кольори (не всі за замовчуванням сірі)
Переконайтеся, що категоріальні дані містять змістовні, чисті значення
Протестуйте функціонал натискання на легенду для поведінки підсвічування
Переконайтеся, що розташування легенди не затуляє основний візуальний контент

❌ Проблеми з пропорційною шириною країв ✨

Увімкніть перемикач "Пропорційна ширина" на панелі Формат > Краї > Загальні
Переконайтеся, що поле Edge Value містить числові дані потоку
Перевірте, чи правильно відображені EdgeId, SourceId, TargetId
Переконайтеся, що граничні дані мають значущі відмінності у значеннях
Перевірте, чи масштабування товщини є візуально доречним

❌ Покращені проблеми з підказками ✨

Використовуйте формат "Key: Значення\nKey2: Значення2" для поля підказки вузла
Для підказки по краях перетягніть поля до розділу "Підказка по краях (необов'язково)"
Тестування розумного переходу, коли не вказано жодного поля підказки краю
Переконайтеся, що назви полів відображаються у вигляді підписів у підказках
Забезпечити відображення багаторядкового контенту з належними розривами рядків

❌ Перехресна фільтрація не працює

Додавання полів виміру Значення вузла та/або Значення ребра
Переконайтеся, що значення мір заповнені (не NULL/порожні)
Перевірте обидва напрямки: таблиця → візуальний і візуальний → таблиця
Самостійно протестуйте фільтрацію на основі легенди
Перевірте, чи виділення викликає виділення (зміна непрозорості)
Спочатку протестуйте з простим одиночним вибором

❌ Візуальний Не відображається

Переконайтеся, що міра вмісту SVG повертає правильну розмітку SVG
Переконайтеся, що поле NodeId відображено і містить дані
Переконайтеся, що ідентифікатори SVG-елементів точно відповідають значенням NodeId
Перевірка синтаксису SVG за допомогою онлайн-валідатора SVG

❌ Неінтерактивні вузли

Переконайтеся, що роль даних NodeId заповнено
Перевірте, чи мають SVG-елементи відповідні атрибути id
Переконайтеся, що елементи не приховані іншими елементами SVG
Протестуйте ефекти наведення, щоб підтвердити виявлення елементів

❌ Краї не відображаються

Ролі даних Map EdgeId, SourceId та TargetId
Переконайтеся, що значення SourceId/TargetId відповідають наявним значенням NodeId
Перевірте налаштування непрозорості країв (можливо, встановлено занадто низький рівень)
Перевірте порядок рендерингу країв (передній план проти фону)
Спочатку протестуйте з висококонтрастними кольорами країв

🎉 Передові найкращі практики

Покращене моделювання даних ✨

Виберіть значущі категоріальні поля для інтерактивної легенди
Структурувати підказки, використовуючи формат "Ключ: Значення" у форматі "Ключ: Значення
Використовуйте метрики потоку для пропорційної ширини країв
Забезпечити правильну обробку NULL у структурі UNION
Тест з реалістичними обсягами даних

Продуктивність та навігація ✨

Використовуйте міні-карту важеля для навігації великими діаграмами
Оптимізація складності SVG для плавного масштабування/панорамування
Випробування пропорційної ширини з реалістичними даними потоку
Відстежуйте використання пам'яті за допомогою розширених функцій
Стратегічно використовуйте поля вимірювання для перехресної фільтрації

Користувацький досвід ✨

Використовуйте кліки по легенді для фільтрації на основі категорій
Поєднання фільтрації за таблицею з фільтрацією за легендою
Створюйте змістовний вміст підказок
Стандартизуйте рівні масштабування та шаблони навігації
Тестуйте всі робочі процеси взаємодії від початку до кінця

Розширена інтеграція ✨

Використовуйте пропорційну ширину для оперативного моніторингу
Поєднуйте фільтрацію легенд з аналізом часових рядів
Об'єднайте дані про потоки з предиктивною аналітикою
Створюйте комплексні мультимодальні інформаційні панелі
Інтеграція з географічними візуалізаціями за допомогою спільної фільтрації

Готові розпочати? Цей комплексний візуальний інструмент перетворює статичні діаграми в інтерактивні цифрові панелі-близнюки з професійною навігацією, інтелектуальною візуалізацією потоків, фільтрацією на основі категорій та багатою контекстною інформацією!