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

"

Korak 2: Prenesite Visual in vstavite licenco

📽️ V tem videoposnetku boste izvedeli, kako z vira AppSource prenesti aplikacijo Digital Twin visual in aktivirati licenco.

Prenesi vizualno: Prenesite vizualno aplikacijo Digital Twin iz MS AppSource
Dodajte vizualno: Vstavite vizualno podobo digitalnega dvojčka v poročilo
Vstavite licenco: Licenčni ključ vstavite v Licenca oddelek pod Oblikujte svoj vizualni

Korak 3: Uvoz podatkov

📽️ Ta videoposnetek prikazuje, kako pripraviti postavitev SVG in strukturirati podatkovno tabelo.

Pripravite podatke: Ustvarite eno podatkovno tabelo, ki združuje vozlišča in robove (glej zgoraj).
Uvoz podatkov: Uvozite SVG (npr. kot .txt) in podatkovno tabelo (npr. kot csv) v polje Power BI

Korak 4: Povezovanje podatkov z vizualnim

📽️ V tem videoposnetku boste podatke povezali z vizualnim prikazom ter omogočili navigacijo in interakcijo z drugimi vizualnimi prikazi.

Uporabite osnovne podatke: Povlecite polja z vsebino SVG, ID vozlišča in ID roba v ustrezno podokno Vizualizacije.
Dodajanje izboljšanih podatkov: Dodajanje ukrepov v legendo in polja z namigi za vizualno obogatitev
Izvajanje navzkrižnega filtriranja: Vključite ukrepa NodeValue in EdgeValue, da zagotovite delovanje filtriranja v vseh vizualnih prikazih.
Vizualna navigacija: Preizkusite funkcije vizualne navigacije z uporabo upravljalnikov povečave, mini zemljevida ali premikanja z miško.

5. korak: Prilagodite vozlišča

📽️ Ta videoposnetek opisuje uporabo pogojnega oblikovanja za poudarjanje vpogleda v vozlišča.

Enostavno barvanje vozlišč: Izberite želeno barvo za vsako vozlišče v Vozlišča oddelek pod Oblikujte svoj vizualni
Ali Uporabite pogojno oblikovanje: s klikom na ikono formule nastavite posamezna pravila za barvanje vozlišč.

Korak 6: Prilagodite robove

📽️ V tem videoposnetku se naučite, kako jasno in dinamično prilagoditi tokove in povezave.

(De-)izberite Gradient: Vklop/izklop gradienta za barvanje robov
Prilagodite format: Prilagodite pokrovnost, širino črte ali vrstni red plasti
Enostavno barvanje robov: Izberite želeno barvo za vsak rob v Robovi oddelek pod Oblikujte svoj vizualni
Ali Uporabite pogojno oblikovanje: S klikom na ikono formule nastavite posamezna pravila za barvanje robov.

Korak 7: Ustvarjanje naprednega namiga

📽️ V tem videoposnetku je pojasnjeno, kako z enostavnimi ali naprednimi orodnimi vrsticami prikažete dodatno ozadje ob prehodu miške.

Uporabi osnovni Tooltip: Povlecite polja v razdelek Tooltip in uporabite osnovni tooltip.
Ali Ustvarjanje naprednega namiga: Ustvarite stran z namigi po meri z grafikoni, ključnimi kazalniki uspešnosti in drugimi podatki
Povežite se z Visual: Dodajanje nodeID ali edgeID v polje Tooltip

Korak 8: Razvoj možnosti vrtanja

📽️ V tem videoposnetku se naučite, kako ustvariti strani za poglobljeno analizo vozlišč ali robov.

Ustvari podrobno stran: Ustvarite stran s poročilom in oblikujte prilagojene vizualizacije za podrobne vpoglede
Povežite se z Visual: Dodajte nodeID ali edgeID v polje Drillthrough
Preizkusno vrtanje: Z desno tipko miške kliknite vozlišče ali rob → Prevrtajte za ogled podrobnosti

Korak 9: Uporaba naprednega pogojnega oblikovanja

📽️ V tem videoposnetku boste izvedeli, kako uporabiti oblikovanje na podlagi pravil z uporabo kombiniranih ukrepov za jasnejše barvanje vozlišč in robov na podlagi prednosti.

Ustvarite kombinirani ukrep: Ustvarite kombinirano merilo kot stolpec, ki odraža več pogojev (npr. stanje in vrsto vozlišča).
Pogojno oblikovanje: Nastavite pravila pogojnega oblikovanja na podlagi nove kombinirane mere.
Vstavite legendo: Vstavite isto polje kot legendo, da izboljšate preglednost in filtriranje.

🎯 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!