Začetek - Digital Twin Visual

Dobrodošli! Ta izčrpen vodnik vam bo pomagal hitro začeti uporabljati vizualno orodje Digital Twin za Power BI, ki vključuje napredno navigacijo, interaktivno legendo, sorazmerno širino robov, izboljšane namige, navzkrižno filtriranje in možnost vrtanja.

📋 Celovit pregled funkcij

🔍 Izboljšana navigacija ✨

Tekoče povečevanje in pomikanje z gladkimi animacijami
Profesionalni navigacijski gumbi na zaslonu
Minimapa v realnem času z indikatorjem vidnega polja
Pametne povratne informacije o kazalcu (prijemanje/grabljenje)
Natančnost za velike diagrame, ki je podobna natančnosti CAD

🎨 Interaktivni legendarni sistem ✨

Dinamična legenda iz dejanskih barv vozlišč
Kliknite elemente legende, da označite vozlišča.
Deluje s katerim koli kategoričnim poljem
Integracija navzkrižnega filtriranja
Prikaz števila vozlišč po kategorijah

📊 Sorazmerna širina robov ✨

Debelina robov se spreminja z intenzivnostjo toka
Algoritem za normalizacijo na vozlišče
Takojšnja identifikacija ozkega grla
Vklop/izklop prek podokna s formati
Kontekstualna vizualizacija toka

💬 Izboljšane vrstice orodij ✨

Prilagodljiv "Ključ: Vrednosti" vozlišč
Pametni sistem nadomestnih namigov za robove
Podpora za več polj z imeni polj
Samodejno ustvarjanje nalepk
Povratno združljiva zasnova

🔄 Napredno navzkrižno filtriranje

Obojestransko filtriranje s tabelami
Poudarjanje posameznih vozlišč/krajev
Filtriranje kategorij na podlagi legende
Podpora za več izbir
Izboljšani podatkovni model z ukrepi

🎯 Integracija Power BI

Kontekstni meniji, skladni z aplikacijo AppSource
Bogate možnosti vrtanja skozi
Organizirani nadzorni elementi podokna formata
Izboljšani nadzor robov s podskupinami
Strokovno upravljanje izbora

📊 Razširjena nastavitev in zahteve za podatke

⚠️ Pomembno: Vsi podatki morajo biti v eni sami tabeli z uporabo strukture UNION z ustreznim ravnanjem z NULL za optimalno delovanje.

Izboljšana struktura podatkovnega modela

- Izboljšana podatkovna struktura z vsemi novimi funkcijami ✨

IZBERI 

    NodeId, 

    "Status: Status: Running\nType: Temperatura: 85°C\nUčinkovitost: 92%' kot NodeTooltip,

    'Running' kot LegendColor, - Za interaktivno legendo ✨

    NULL kot EdgeId, NULL kot SourceId, NULL kot TargetId, NULL kot EdgeTooltip,

    Učinkovitost kot NodeValue, - Za navzkrižno filtriranje

    NULL kot EdgeValue

IZ tabele vozlišč

UNION ALL

IZBERI 

    NULL kot NodeId, NULL kot NodeTooltip, NULL kot LegendColor,

    EdgeId, SourceId, TargetId,

    "Vrsta: Vrsta: MaterialFlow\nIntenzivnost: Tlak: 2,5 bara' kot EdgeTooltip, - Pametne oznake orodij ✨

    NULL kot NodeValue,

    FlowIntensity kot EdgeValue - navzkrižno filtriranje + sorazmerna širina ✨

IZ tabele EdgesTable

Referenca za izboljšane podatkovne vloge

Polje	Tip	Status	Opis	Primer
Vsebina SVG	Ukrep	✅ Zahtevano	Oznaka SVG, ki vsebuje diagram digitalnega dvojčka	...
NodeId	Kategorija	✅ Zahtevano	Enolični identifikator za vsako vozlišče	M1001, B1201, T1101
Namig za vozlišče	Kategorija	✨ Izboljšano	"Ključ: Večvrstična oblika namigov	Status: V teku\nTip: Učinkovitost: 92%
Barva legende (neobvezno)	Kategorija	✨ Novo!	Kategorialno polje za interaktivno ustvarjanje legende	Delovanje, Vzdrževanje, Brez povezave
Vrednost vozlišča	Ukrep	🔄 Izboljšano	Poslovne metrike za vozlišča navzkrižnega filtriranja	85.4, 92.1, 79.8
EdgeId	Kategorija	❌ Izbirno	Enolični identifikator za vsak rob	E1001, E1002
SourceId	Kategorija	❌ Izbirno	Izvorno vozlišče za robove	M1001
TargetId	Kategorija	❌ Izbirno	Ciljno vozlišče za robove	M1002
Namig za robove (neobvezno)	Kategorija	✨ Novo!	Napotilo za več polj s pametnim nadomestnim sistemom	Podprtih je več polj
Vrednost roba	Ukrep	🔄 Izboljšano	Intenzivnost pretoka za navzkrižno filtriranje + sorazmerna širina	85.0, 150.5, 89.1

⚙️ Celovit priročnik za konfiguracijo

Korak 1: Pripravite vsebino SVG

Ustvarite ukrep SVG: Zagotovite, da vaš SVG vsebuje veljavne oznake z edinstvenimi id atributi
ID-ji tekem: Vrednosti NodeId se morajo ujemati z elementom SVG id atributi natančno
Čista struktura: Uporabite dosledno velikost in se izogibajte zapletenim transformacijam
Nevtralne barve: Uporabite nevtralne barve SVG; pustite vizualni nadzor nad obarvanostjo
Zasnova, pripravljena na robove: Oblikovanje poti robov za dobro delovanje s sorazmernim pomanjševanjem širine

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

"

Step 2: Download Visual and Insert License

📽️ In this video, you’ll learn how to download the Digital Twin visual from AppSource and activate your license.

Download Visual: Download the Digital Twin visual from MS AppSource
Dodajte vizualno: Vstavite vizualno podobo digitalnega dvojčka v poročilo
Insert License: Paste your license key into the License section under Format your visual

Step 3: Import Your Data

📽️ This video shows how to prepare your SVG layout and structure your data table.

Prepare Data: Create a single data table combining nodes and edges (see above)
Import Data: Import the SVG (e.g. as .txt) and data table (e.g. as csv.) into Power BI field

Step 4: Connect Data to the Visual

📽️ In this video, you’ll connect your data to the visual and enable navigation and interactivity with other visuals.

Apply Basic Data: Drag SVG content, node ID, and edge ID fields in the respective Visualizations pane
Add Enhanced Data: Add measures to legend and tooltip fields to enrich the visual
Implement Cross-Filtering: Include NodeValue and EdgeValue measures to ensure filtering works across visuals
Visual Navigation: Test the visual navigation features using zoom controls, mini-map or mouse-over

Step 5: Customize Your Nodes

📽️ This video covers how to apply conditional formatting to highlight node insights.

Simple Node Coloring: Select your preferred color for each node in the Nodes section under Format your visual
Or Apply Conditional-Formatting: Set up individual rules to color your nodes by clicking the formula icon

Step 6: Customize Your Edges

📽️ In this video, learn how to customize flows and connections clearly and dynamically.

(De-)select Gradient: Toggle gradient on/off for edge coloring
Customize Format: Adjust opacity, line width, or layer order
Simple Edge Coloring: Select your preferred color for each edge in the Edges section under Format your visual
Or Apply Conditional-Formatting: Set up individual rules to color your edges by clicking the formula icon

Step 7: Create Advanced Tooltip

📽️ This video explains how to display extra context via mouse-over, with either simple or advanced. tooltips

Apply Basic Tooltip: Drag fields into the Tooltip section to apply a basic tooltip
Or Create Advanced Tooltip: Create a custom tooltip page with charts, KPIs, and more
Connect to Visual: Add nodeID or edgeID to the Tooltip field

Step 8: Develop Drillthrough Option

📽️ In this video, learn how to create deep-dive analysis pages for nodes or edges.

Create Detail Page: Create a report page and design customized visuals for detailed insights
Connect to Visual: Add nodeID or edgeID to the Drillthrough field
Test Drillthrough: Right-click a node or edge → Drillthrough to view details

Step 9: Apply Advanced Conditional Formatting

📽️ In this video, you’ll learn how to apply rule-based formatting using combined measures for clearer, priority-based node and edge coloring.

Create Combined Measure: Create a combined measure as a column to reflect multiple conditions (e.g., node status and type)
Pogojno oblikovanje: Set up conditional formatting rules based on the new combined measure
Insert Legend: Insert the same field as a legend to improve clarity and filtering

🎯 Vodnik za uporabo naprednih funkcij

🔍 Izboljšana navigacija in povečava ✨

Interakcije z miško in dotikom

Kolesce miške: Pomikanje za povečavo/pomanjšavo z gladkimi animacijami
Kliknite in povlecite: Premikanje z vizualnimi povratnimi informacijami o kazalcu (zgrabitev/prijemanje)
Krmiljenje navigacije: Uporaba zaslonskih gumbov +, - in Domov
Ponastavitev pogleda: Kliknite gumb Domov, da se nemoteno vrnete v prvotni pogled
Navigacija na minimalni karti: Kliknite minimapo za skok na različna območja
Sledenje v vidnem polju: Ogled pravokotnika v realnem času v minimapi

🎨 Interaktivni legendarni sistem ✨

Nastavitev in uporaba legende

Nastavitev: Povlecite katero koli kategorično polje v "Barva legende (neobvezno)".
Barvno branje: Legenda samodejno prebere dejanske barve iz izrisanih vozlišč
Kliknite za filtriranje: Kliknite elemente legende, da označite ustrezna vozlišča.
Vizualna povratna informacija: Izbrane kategorije so poudarjene, druge so zatemnjene
Navzkrižno vizualno: Kliki na legendo sprožijo filtriranje v drugih vizualnih prikazih
Ponastavitev: Ponovno kliknite isti element legende, da počistite osvetlitev

💡 Nasvet za profesionalce: Odlično je za spremljanje stanja, filtriranje kategorij in razumevanje, kaj barve vozlišč predstavljajo na prvi pogled.

📊 Sorazmerna širina robov ✨

Vizualizacija na podlagi toka

Kartiranje podatkov: Mapiranje intenzivnosti/prepustnosti pretoka v polje Edge Value (Vrednost roba)
Omogočite funkcijo: Podokno Format > Robovi > Splošno > "Proporcionalna širina"
Vizualno skaliranje: Debelina robov se samodejno meri z vrednostmi podatkov
Kontekstualno skaliranje: Normalizacija na vozlišče prikazuje relativno pomembnost
ID ozkega grla: Takoj prepoznajte povezave z visokim pretokom
Vidni domet: Najmanjša debelina 1px do največja debelina 8px

💡 Poslovna vrednost: Uporabljajte jih za operativne nadzorne plošče, da takoj odkrijete ozka grla in visoko prepustne povezave v digitalnem dvojčku.

💬 Izboljšan sistem namigov ✨

Prilagodljiva konfiguracija namigov

Orodne vrstice vozlišč: Uporabite "Ključ: Ključ2: Vrednost2" v polju Node Tooltip
Podpora za več linij: Uporaba \n za prelome vrstic v vsebini namigov
Orodne vrstice za robove: Povlecite več polj v "Orodna namigna za robove (neobvezno)"
Pametno nadomestno delovanje: Samodejne osnovne informacije, če niso določena polja po meri
Nalepke za polja: Imena polj samodejno postanejo nalepke z namigi orodij
Bogata vsebina: Podpora za operativni kontekst in poslovne metrike

🔄 Napredno navzkrižno filtriranje

Tristranski sistem filtriranja

Tabela ↔ Vizualno: Kliknite vrstice tabele, da označite vozlišča/ogla
Legenda ↔ Vizualno: Kliknite elemente legende, da poudarite kategorije
Vizualni ↔ Drugi vizualni elementi: Kliknite vozlišča/obrobe za filtriranje grafikonov/tabel
Več izbir: Držite tipko Ctrl in kliknite več elementov
Počisti izbor: Kliknite prazen prostor za ponastavitev vseh izbir
Vizualna povratna informacija: Poudarjeni elementi so popolnoma neprozorni, drugi so zatemnjeni

⚡ Napredni upravljalniki robov

Podokno organiziranega formata

📁 Oddelek za robove:

🎨 Barve robov (podskupina): Posamezne barve robov in nadzor gradienta
⚙️ Splošno (podskupina): Motnost, vrstni red upodabljanja in sorazmerna širina

Na voljo so krmilniki:

Omogočite gradient robov: Gladki barvni prehodi med vozlišči
Sorazmerna širina: Skaliranje debeline na podlagi pretoka
Motnost robov: Nadzor preglednosti (0-100%)
Prikaži robove v ospredju: Upravljanje s plastenjem

🎯 Nastavitev vrtanja

Ustvarjanje strani z možnostjo vrtanja: Vzpostavite namenske strani s podrobnostmi
Dodajte polja za filtriranje: Vključitev NodeId/EdgeId v filtre za prebiranje
Testna navigacija: Z desnim klikom na vozlišča/obrobe prikažite možnosti vrtanja
Prazen prostor Meni: Desni klik na prazna območja za standardni meni Power BI
Preveri kontekst: Zagotovite, da je filtrirani kontekst pravilno posredovan

🔧 Celovit vodnik za odpravljanje težav

❌ Izboljšana vprašanja navigacije ✨

Preverite podokno Format > Navigacijske nastavitve za nadzor povečave in vidnost minimape.
Preverite, ali je dovolj vidnega prostora za navigacijske gumbe in minimapo.
Preizkusite povratne informacije o kazalcu med operacijami pomikanja (prikazati mora prijemanje/zgrabljanje)
Zagotavljanje pravilnega posodabljanja pravokotnika pogleda na minimapi med povečavo/premikanjem
Preizkusite odzivnost na različnih velikostih zaslona

❌ Interaktivne težave z legendo ✨

Preverite, ali je kategorično polje povlečeno v "Barva legende (neobvezno)".
Preverite, ali imajo vozlišča dejanske barve (ne vse privzete sive).
Zagotovite, da kategorični podatki vsebujejo smiselne in čiste vrednosti.
Preizkusite funkcionalnost klika na legendo za poudarjanje vedenja
Preverite, ali postavitev legende ne ovira glavne vizualne vsebine.

❌ Vprašanja sorazmerne širine robov ✨

Omogočite preklop "Proporcionalna širina" v podoknu Format > Robovi > Splošno
Zagotovite, da polje Edge Value vsebuje numerične podatke o pretoku
Preverite, ali so EdgeId, SourceId in TargetId pravilno preslikani.
Preverite, ali se podatki o robovih smiselno razlikujejo po vrednostih.
Preizkusite, ali je merjenje debeline vizualno primerno.

❌ Izboljšani problemi s podnapisi orodij ✨

Uporabite "Ključ: Vrednost\nKljuč2: Vrednost2" za polje Node Tooltip
Za namig za robove povlecite polja v razdelek "Namig za robove (neobvezno)".
Preizkusite pametno povratno možnost, ko ni določeno nobeno polje Edge Tooltip
Preverite, ali se imena polj prikažejo kot oznake v prikazu namigov.
Zagotovite, da se večvrstična vsebina prikaže z ustreznimi prelomi vrstic.

❌ Navzkrižno filtriranje ne deluje

Dodajte merilna polja Vrednost vozlišča in/ali Vrednost roba
Prepričajte se, da so vrednosti ukrepov izpolnjene (niso NULL/prazne).
Preizkusite obe smeri: miza → vidno in vidno → miza
Neodvisno testiranje filtriranja na podlagi legende
Preverite, ali izbor sproži poudarke (spremembe neprozornosti).
Najprej preizkusite z enostavnim enim samim izborom

❌ Vizualno ni prikazano

Preverite, ali merjenje vsebine SVG vrne veljavne oznake SVG
Preverite, ali je polje NodeId preslikano in vsebuje podatke
Zagotovite, da se ID-ji elementov SVG natančno ujemajo z vrednostmi NodeId
Preverjanje sintakse SVG s spletnim validatorjem SVG

❌ Vozlišča niso interaktivna

Potrdite, da je podatkovna vloga NodeId izpolnjena
Preverite, ali imajo elementi SVG ustrezne atribute id
Preverite, ali elementi niso skriti z drugimi elementi SVG.
Preizkusite učinke podrsavanja za potrditev zaznavanja elementov

❌ Robovi niso vidni

Mapiranje podatkovnih vlog EdgeId, SourceId in TargetId
Vrednosti SourceId/TargetId se ujemajo z obstoječimi vrednostmi NodeId
Preverite nastavitev neprozornosti robov (morda je nastavljena prenizko).
preverjanje vrstnega reda upodabljanja robov (v ospredju in ozadju)
Najprej preizkusite z barvami robov z visokim kontrastom

🎉 Napredne najboljše prakse

Izboljšano modeliranje podatkov ✨

Izberite smiselna kategorična polja za interaktivno legendo
Strukturiranje orodnih vrstic z uporabo "Ključ: Vrednost"
Uporaba metrike pretoka za sorazmerno širino roba
Zagotovite pravilno ravnanje z NULL v strukturi UNION
Testiranje z realnimi količinami podatkov

Uspešnost in navigacija ✨

Uporaba minimape za navigacijo po velikih diagramih
Optimizacija zapletenosti SVG za gladko povečavo/premikanje
Preizkus sorazmerne širine z realnimi podatki o pretoku
Spremljanje porabe pomnilnika z izboljšanimi funkcijami
Strateško uporabite polja meritev za navzkrižno filtriranje

Uporabniška izkušnja ✨

Uporabite klike na legendo za filtriranje po kategorijah
Združevanje filtriranja tabele s filtriranjem legende
Oblikovanje smiselne vsebine namigov
Standardizacija ravni povečave in navigacijskih vzorcev
Testiranje vseh delovnih tokov interakcije od začetka do konca

Napredno povezovanje ✨

Uporaba sorazmerne širine za spremljanje delovanja
Združevanje filtriranja legend z analizo časovnih vrst
Povezovanje podatkov o pretoku s prediktivno analitiko
Ustvarjanje celovitih multimodalnih nadzornih plošč
povezovanje z geografskimi vizualnimi elementi z uporabo skupnega filtriranja

🚀 Ste pripravljeni začeti? Ta celovita vizualna rešitev statične diagrame spremeni v interaktivne nadzorne plošče digitalnih dvojčkov s profesionalno navigacijo, inteligentno vizualizacijo tokov, filtriranjem na podlagi kategorij in bogatimi kontekstualnimi informacijami!