Začíname - Digital Twin Visual

Vitajte! Táto komplexná príručka vám pomôže rýchlo začať pracovať s vizuálnou aplikáciou Digital Twin pre Power BI, ktorá obsahuje pokročilú navigáciu, interaktívnu legendu, proporcionálnu šírku okrajov, vylepšené tipy, krížové filtrovanie a možnosti prehlbovania.

📋 Komplexný prehľad funkcií

🔍 Vylepšená navigácia ✨

Plynulé približovanie a posúvanie s plynulými animáciami
Profesionálne ovládanie navigácie na obrazovke
Minimapa v reálnom čase s indikátorom pohľadu
Inteligentná spätná väzba kurzora (uchopenie/chytanie)
Presnosť podobná CAD pre veľké diagramy

🎨 Interaktívny systém legiend ✨

Dynamická legenda zo skutočných farieb uzlov
Kliknutím na položky legendy zvýraznite uzly
Pracuje s akýmkoľvek kategorickým poľom
Integrácia krížového filtrovania
Zobrazenie počtu uzlov podľa kategórie

📊 Proporcionálna šírka hrany ✨

Hrúbka okraja sa mení s intenzitou prúdenia
Algoritmus normalizácie na uzol
Okamžitá identifikácia úzkych miest
Prepínanie zapnutia/vypnutia cez panel formátovania
Kontextová vizualizácia toku

💬 Vylepšené tipy nástrojov ✨

Flexibilný "Kľúč: Ukážky nástrojov uzla "Hodnota
Inteligentný systém záložných nápoved na okraji
Podpora viacerých polí s názvami polí
Automatické generovanie štítkov
Spätne kompatibilný dizajn

🔄 Pokročilé krížové filtrovanie

Obojsmerné filtrovanie pomocou tabuliek
Zvýraznenie jednotlivých uzlov/okrajov
Filtrovanie kategórií na základe legendy
Podpora viacerých výberov
Vylepšený dátový model s opatreniami

🎯 Integrácia Power BI

Kontextové ponuky kompatibilné s aplikáciou AppSource
Bohaté možnosti vŕtania
Usporiadané ovládacie prvky podokna formátu
Vylepšené ovládanie hrán pomocou podskupín
Profesionálne riadenie výberu

📊 Rozšírené nastavenie údajov a požiadavky

⚠️ Dôležité: Všetky údaje musia byť v jednej tabuľke s použitím štruktúry UNION so správnym spracovaním NULL, aby sa dosiahol optimálny výkon.

Vylepšená štruktúra dátového modelu

- Vylepšená štruktúra údajov so všetkými novými funkciami ✨

VYBRAŤ 

    NodeId, 

    "Stav: Stav: Running\nType: Teplota: 85°C\nEfektívnosť: 92%' ako NodeTooltip,

    'Running' ako LegendColor, - Pre interaktívnu legendu ✨

    NULL ako EdgeId, NULL ako SourceId, NULL ako TargetId, NULL ako EdgeTooltip,

    Efektívnosť ako NodeValue, - Na krížové filtrovanie

    NULL ako EdgeValue

Z tabuľky NodesTable

UNION ALL

VYBRAŤ 

    NULL ako NodeId, NULL ako NodeTooltip, NULL ako LegendColor,

    EdgeId, SourceId, TargetId,

    "Typ: Typ: MaterialFlow\nIntensity: High\nPressure: 2.5 bar' ako EdgeTooltip, - Inteligentné tooltipy ✨

    NULL ako NodeValue,

    FlowIntensity ako EdgeValue - krížové filtrovanie + proporcionálna šírka ✨

Z tabuľky EdgesTable

Referencia na rozšírené dátové role

Pole	Typ	Stav	Popis	Príklad
Obsah SVG	Opatrenie	✅ Potrebné	Značka SVG obsahujúca diagram digitálneho dvojčaťa	...
NodeId	Kategória	✅ Potrebné	Jedinečný identifikátor pre každý uzol	M1001, B1201, T1101
Ukazovateľ uzla	Kategória	✨ Vylepšené	"Kľúč: Viacriadkový formát nápovedy	Stav: Spustenie\nTyp: Výkon: 92%
Farba legendy (voliteľná)	Kategória	✨ Novinka!	Kategoriálne pole na interaktívne generovanie legendy	Beh, Údržba, Offline
Hodnota uzla	Opatrenie	🔄 Vylepšené	Obchodné metriky pre uzly krížového filtrovania	85.4, 92.1, 79.8
EdgeId	Kategória	❌ Voliteľné	Jedinečný identifikátor pre každú hranu	E1001, E1002
SourceId	Kategória	❌ Voliteľné	Zdrojový uzol pre hrany	M1001
TargetId	Kategória	❌ Voliteľné	Cieľový uzol pre hrany	M1002
Okrajový tooltip (voliteľné)	Kategória	✨ Novinka!	Nápovedy pre viaceré polia s inteligentným systémom spätného vrátenia	Podpora viacerých polí
Hodnota hrany	Opatrenie	🔄 Vylepšené	Intenzita prietoku pre krížovú filtráciu + proporcionálna šírka	85.0, 150.5, 89.1

⚙️ Komplexná príručka konfigurácie

Krok 1: Pripravte obsah SVG

Vytvorenie opatrenia SVG: Uistite sa, že váš SVG obsahuje platné značky s jedinečnými id atribúty
Identifikátory zápasu: Hodnoty NodeId musia zodpovedať prvku SVG id atribúty presne
Čistá štruktúra: Používajte konzistentnú veľkosť a vyhýbajte sa zložitým transformáciám
Neutrálne farby: Používajte neutrálne farby SVG; nechajte vizuálnu kontrolu nad farebnosťou
Dizajn pripravený na hrany: Navrhovanie okrajových ciest tak, aby dobre fungovali s proporcionálnym škálovaním šírky

Obsah 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’/>

"

Krok 2: Stiahnutie vizuálnej a vloženie licencie

📽️ V tomto videu sa dozviete, ako si stiahnuť vizuálnu aplikáciu Digital Twin zo služby AppSource a aktivovať licenciu.

Stiahnite si vizuálne: Stiahnite si vizuálnu aplikáciu Digital Twin z MS AppSource
Pridať vizuálne: Vloženie vizuálu digitálneho dvojčaťa do správy
Vložte licenciu: Vložte licenčný kľúč do Licencia sekcia v rámci Formátovanie vizuálu

Krok 3: Import údajov

📽️ Toto video ukazuje, ako pripraviť rozloženie SVG a štruktúru tabuľky údajov.

Pripravte si údaje: Vytvorenie jednej dátovej tabuľky kombinujúcej uzly a hrany (pozri vyššie)
Import údajov: Importovať SVG (napr. ako .txt) a tabuľku údajov (napr. ako csv.) do poľa Power BI

Krok 4: Pripojenie údajov k vizuálu

📽️ V tomto videu prepojíte svoje údaje s vizuálom a umožníte navigáciu a interaktivitu s inými vizuálmi.

Použite základné údaje: Presunutie obsahu SVG, ID uzla a ID okraja do príslušného podokna Vizualizácie
Pridanie rozšírených údajov: Pridanie opatrení do legendy a polí s nápovedou na obohatenie vizuálu
Implementácia krížového filtrovania: Zahrnúť opatrenia NodeValue a EdgeValue, aby sa zabezpečilo, že filtrovanie funguje vo všetkých vizuáloch
Vizuálna navigácia: Otestujte vizuálne navigačné funkcie pomocou ovládacích prvkov priblíženia, miniatúrnej mapy alebo posúvania myšou

Krok 5: Prispôsobenie uzlov

📽️ Toto video sa zaoberá použitím podmieneného formátovania na zvýraznenie prehľadov uzlov.

Jednoduché sfarbenie uzlov: Vyberte preferovanú farbu pre každý uzol v Uzly sekcia v rámci Formátovanie vizuálu
Alebo Použite podmienené formátovanie: Kliknutím na ikonu vzorca nastavte jednotlivé pravidlá na zafarbenie uzlov.

Krok 6: Prispôsobenie okrajov

📽️ V tomto videu sa dozviete, ako prehľadne a dynamicky prispôsobiť toky a pripojenia.

(De-)select Gradient: Zapnutie/vypnutie gradientu pre zafarbenie okrajov
Prispôsobiť formát: Úprava nepriehľadnosti, šírky čiary alebo poradia vrstiev
Jednoduché sfarbenie hrán: Vyberte preferovanú farbu pre každý okraj v Hrany sekcia v rámci Formátovanie vizuálu
Alebo Použite podmienené formátovanie: Kliknutím na ikonu vzorca nastavte jednotlivé pravidlá na zafarbenie okrajov

Krok 7: Vytvorenie rozšírenej nápovedy

📽️ V tomto videu je vysvetlené, ako zobraziť dodatočný kontext pomocou jednoduchých alebo rozšírených panelov nástrojov po nabehnutí myšou.

Aplikovať základný Tooltip: Potiahnite polia do sekcie Tooltip a použite základný tooltip
Alebo Vytvorenie rozšírenej nápovedy: Vytvorenie vlastnej stránky s nápovedou s grafmi, kľúčovými ukazovateľmi výkonnosti a ďalšími údajmi
Pripojenie k vizuálnemu: Pridanie nodeID alebo edgeID do poľa Tooltip

Krok 8: Vypracovanie možnosti vŕtania

📽️ V tomto videu sa dozviete, ako vytvoriť stránky hĺbkovej analýzy uzlov alebo hrán.

Vytvoriť stránku s podrobnosťami: Vytvorenie stránky so správou a navrhnutie prispôsobených vizuálov na získanie podrobných informácií
Pripojenie k vizuálnemu: Pridanie nodeID alebo edgeID do poľa Drillthrough
Testovacie vŕtanie: Kliknutie pravým tlačidlom myši na uzol alebo hranu → Prevŕtanie na zobrazenie podrobností

Krok 9: Použitie pokročilého podmieneného formátovania

📽️ V tomto videu sa dozviete, ako použiť formátovanie založené na pravidlách pomocou kombinovaných opatrení na jasnejšie a prioritné zafarbenie uzlov a hrán.

Vytvorenie kombinovaného opatrenia: Vytvorenie kombinovaného opatrenia ako stĺpca, ktorý bude odrážať viacero podmienok (napr. stav a typ uzla)
Podmienené formátovanie: Nastavenie pravidiel podmieneného formátovania na základe nového kombinovaného opatrenia
Vložiť legendu: Vloženie rovnakého poľa ako legenda na zlepšenie prehľadnosti a filtrovania

🎯 Sprievodca používaním pokročilých funkcií

🔍 Vylepšená navigácia a zoom ✨

Interakcie s myšou a dotykom

Koliesko myši: Posúvanie na zväčšenie/zmenšenie s plynulými animáciami
Kliknutie a pretiahnutie: Posúvanie s vizuálnou spätnou väzbou kurzora (uchopenie/chytanie)
Ovládanie navigácie: Používanie tlačidiel +, - a domov na obrazovke
Obnovenie zobrazenia: Kliknutím na tlačidlo Domov sa plynulo vrátite do pôvodného zobrazenia
Navigácia na minimape: Kliknutím na minimapu môžete preskočiť do rôznych oblastí
Sledovanie pohľadu: Sledovanie obdĺžnika zobrazenia v reálnom čase na minimape

🎨 Interaktívny systém legiend ✨

Nastavenie a používanie legendy

Nastavenie: Potiahnite ľubovoľné kategorické pole do položky "Farba legendy (voliteľné)".
Farebné čítanie: Legenda automaticky číta skutočné farby z vykreslených uzlov
Kliknite na tlačidlo Filtrovať: Kliknutím na položky legendy zvýrazníte príslušné uzly
Vizuálna spätná väzba: Vybrané kategórie sú zvýraznené, ostatné sú stmavené
Krížový vizuál: Kliknutia na legendu spúšťajú filtrovanie v iných vizuáloch
Obnovenie: Kliknutím na tú istú položku legendy znova vymažete zvýraznenie

💡 Tip pre profesionálov: Ideálne na monitorovanie stavu, filtrovanie kategórií a pochopenie toho, čo farby uzlov predstavujú na prvý pohľad.

📊 Proporcionálna šírka hrany ✨

Vizualizácia na základe toku

Mapovanie údajov: Mapovanie intenzity/prietoku na pole Edge Value
Povolenie funkcie: Podokno Formát > Hrany > Všeobecné > "Proporcionálna šírka"
Vizuálne škálovanie: Hrúbka hrán sa automaticky škáluje podľa hodnôt údajov
Kontextové škálovanie: Normalizácia na uzol ukazuje relatívnu dôležitosť
ID úzkeho miesta: Okamžitá identifikácia pripojení s vysokým prietokom
Vizuálny rozsah: Minimálna hrúbka 1px až maximálna hrúbka 8px

💡 Business Value: Použite ho na prevádzkové panely na okamžité odhalenie úzkych miest a vysokopriepustných spojení vo vašom digitálnom dvojčaťu.

💬 Vylepšený systém nápovedy ✨

Flexibilná konfigurácia nápovedy

Ukážky nástrojov uzlov: Použite "Kľúč: Kľúč2: Hodnota2" v poli Node Tooltip
Podpora viacerých liniek: Použitie \n pre zalomenie riadkov v obsahu tooltipu
Ukážky nástrojov na okraji: Presunutie viacerých polí do položky "Edge Tooltip (voliteľné)"
Inteligentné záložné riešenie: Automatické základné informácie, ak nie sú zadané žiadne vlastné polia
Štítky polí: Názvy polí sa automaticky stávajú nálepkami nástrojov
Bohatý obsah: Podpora prevádzkového kontextu a obchodných ukazovateľov

🔄 Pokročilé krížové filtrovanie

Trojcestný filtračný systém

Tabuľka ↔ Vizuálne: Kliknutím na riadky tabuľky zvýraznite uzly/hrany
Legenda ↔ Vizuálne: Kliknutím na položky legendy zvýraznite kategórie
Vizuálne ↔ Ďalšie vizuálne prvky: Kliknutím na uzly/hrany môžete filtrovať grafy/tabuľky
Viacnásobný výber: Podržte kláves Ctrl a kliknite na viacero prvkov
Jasný výber: Kliknutím na prázdne miesto obnovíte všetky výbery
Vizuálna spätná väzba: Zvýraznené prvky plne kryté, ostatné stlmené

⚡ Pokročilé ovládanie hrán

Podokno usporiadaného formátu

📁 Hrany Sekcia:

🎨 Farby hrán (podskupina): Individuálne farby okrajov a ovládanie gradientu
⚙️ Všeobecné (podskupina): Nepriehľadnosť, poradie vykresľovania a proporcionálna šírka

Dostupné ovládacie prvky:

Povolenie gradientu hrán: Plynulé farebné prechody medzi uzlami
Proporcionálna šírka: Škálovanie hrúbky na základe prietoku
Nepriehľadnosť hrán: Ovládanie priehľadnosti (0-100%)
Zobraziť okraje v popredí: Kontrola vrstvenia

🎯 Nastavenie vŕtania

Vytvorenie priebežných stránok: Nastavenie špecializovaných stránok s podrobnosťami
Pridať polia filtra: Zahrnúť NodeId/EdgeId do filtrov na prechádzanie
Testovanie navigácie: Kliknutím pravým tlačidlom myši na uzly/hrany zobrazíte možnosti priebežného vŕtania
Ponuka prázdneho priestoru: Kliknutie pravým tlačidlom myši na prázdne oblasti pre štandardnú ponuku Power BI
Overiť kontext: Zabezpečenie správneho odovzdania filtrovaného kontextu

🔧 Komplexná príručka na riešenie problémov

❌ Vylepšené problémy s navigáciou ✨

Skontrolujte podokno Formát > Nastavenia navigácie pre ovládacie prvky priblíženia a viditeľnosť minimapy
Overenie dostatočného vizuálneho priestoru pre navigačné ovládacie prvky a minimapu
Testovanie spätnej väzby kurzora počas operácií posúvania (malo by sa zobraziť uchopenie/chytanie)
Zabezpečenie správnej aktualizácie obdĺžnika zobrazenia minimapy počas zväčšovania/posúvania
Testovanie responzívneho správania na rôznych veľkostiach obrazovky

❌ Interaktívne problémy s legendou ✨

Overte, či je kategorické pole pretiahnuté na "Legenda Farba (voliteľná)"
Skontrolujte, či majú uzly skutočné farby (nie všetky predvolené šedé)
Zabezpečte, aby kategorické údaje obsahovali zmysluplné a čisté hodnoty.
Testovanie funkčnosti kliknutia na legendu pre zvýraznenie správania
Overte si, či umiestnenie legendy nezakrýva hlavný vizuálny obsah

❌ Proporcionálne problémy so šírkou okraja ✨

Povolenie prepínača "Proporcionálna šírka" v podokne Formát > Hrany > Všeobecné
Zabezpečte, aby pole Edge Value obsahovalo číselné údaje o toku
Skontrolujte, či sú správne namapované EdgeId, SourceId, TargetId
Overte, či údaje na okraji majú zmysluplné odchýlky hodnôt
Testovanie vizuálnej vhodnosti škálovania hrúbky

❌ Vylepšené problémy s nápovedou ✨

Použite "Kľúč: Hodnota\nKľúč2: Hodnota2" pre pole Node Tooltip
Pre Edge Tooltip potiahnite polia do časti "Edge Tooltip (voliteľné)".
Testovanie inteligentného spätného chodu, keď nie sú zadané žiadne polia Edge Tooltip
Skontrolujte, či sa názvy polí zobrazujú ako štítky v zobrazení nápovedy
Zabezpečenie zobrazenia viacriadkového obsahu so správnym zalomením riadkov

❌ Krížové filtrovanie nefunguje

Pridanie meracích polí Hodnota uzla a/alebo Hodnota okraja
Zabezpečte, aby boli hodnoty merania vyplnené (nie NULL/prázdne)
Testujte oba smery: tabuľka → vizuálny a vizuálny → tabuľka
Nezávislé testovanie filtrovania na základe legendy
Overte, či výber spúšťa zvýraznenie (zmeny nepriehľadnosti)
Najskôr otestujte jednoduchým výberom

❌ Vizuálne nezobrazenie

Kontrola, či meranie obsahu SVG vracia platné značky SVG
Overenie, či je pole NodeId namapované a obsahuje údaje
Zabezpečenie presnej zhody ID prvkov SVG s hodnotami NodeId
Overenie syntaxe SVG pomocou online validátora SVG

❌ Uzly nie sú interaktívne

Potvrdiť, že dátová rola NodeId je vyplnená
Kontrola, či majú prvky SVG zodpovedajúce atribúty id
Overenie, či prvky nie sú skryté inými prvkami SVG
Testovanie efektov hover na potvrdenie detekcie prvkov

❌ Okraje sa nezobrazujú

Mapovanie dátových rolí EdgeId, SourceId a TargetId
Zabezpečenie zhody hodnôt SourceId/TargetId s existujúcimi hodnotami NodeId
Skontrolujte nastavenie nepriehľadnosti okrajov (môže byť nastavené príliš nízko)
Overenie poradia vykresľovania okrajov (popredie vs. pozadie)
Najprv otestujte s vysoko kontrastnými farbami okrajov

🎉 Pokročilé osvedčené postupy

Rozšírené modelovanie údajov ✨

Výber zmysluplných kategorických polí pre interaktívnu legendu
Štruktúrovanie panelov s nástrojmi pomocou "Kľúč: Formát "Hodnota
Používanie metrík toku pre proporcionálnu šírku okraja
Zabezpečenie správneho spracovania NULL v štruktúre UNION
Testovanie s reálnymi objemami údajov

Výkon a navigácia ✨

Využitie minimapy na navigáciu po veľkých diagramoch
Optimalizácia zložitosti SVG pre plynulé priblíženie/oddialenie
Testovanie proporcionálnej šírky s reálnymi údajmi o prietoku
Monitorovanie využívania pamäte pomocou rozšírených funkcií
Strategické používanie meracích polí na krížové filtrovanie

Používateľské skúsenosti ✨

Používanie kliknutí na legendu na filtrovanie podľa kategórií
Kombinácia filtrovania tabuľky s filtrovaním legendy
Návrh zmysluplného obsahu nápovedy
Štandardizácia úrovní priblíženia a navigačných vzorov
Testovanie všetkých pracovných postupov interakcie od konca do konca

Pokročilá integrácia ✨

Používanie proporcionálnej šírky na monitorovanie prevádzky
Kombinácia filtrovania legiend s analýzou časových radov
Prepojenie údajov o toku s prediktívnou analýzou
Vytváranie komplexných multimodálnych informačných panelov
Integrácia s geografickými vizuálmi pomocou zdieľaného filtrovania

🚀 Ste pripravení začať? Tento komplexný vizuál transformuje statické diagramy na interaktívne digitálne dvojičky s profesionálnou navigáciou, inteligentnou vizualizáciou tokov, filtrovaním podľa kategórií a bohatými kontextovými informáciami!