Kom godt i gang - Digital Twin Visual

Velkommen! Denne omfattende vejledning hjælper dig med hurtigt at komme i gang med det visuelle Digital Twin til Power BI med avanceret navigation, interaktiv forklaring, proportional kantbredde, forbedrede værktøjstips, krydsfiltrering og drill-through-funktioner.

📋 Omfattende oversigt over funktioner

🔍 Forbedret navigation ✨

Flydende zoom og panorering med bløde animationer
Professionel navigationskontrol på skærmen
Minimap i realtid med visningsport-indikator
Smart markørfeedback (grib/greb)
CAD-lignende præcision til store diagrammer

🎨 Interaktivt legendesystem ✨

Dynamisk forklaring fra faktiske nodefarver
Klik på legendeelementer for at fremhæve noder
Fungerer med ethvert kategorisk felt
Integration af krydsfiltrering
Visning af antal noder pr. kategori

📊 Proportional kantbredde ✨

Kanttykkelse skalerer med strømningsintensitet
Normaliseringsalgoritme pr. node
Øjeblikkelig identifikation af flaskehalse
Slå til/fra via formatruden
Kontekstuel flowvisualisering

💬 Forbedrede værktøjstip ✨

Fleksibel "Key: Værktøjstips til noder
Smart fallback-system til kantværktøjstip
Understøttelse af flere felter med feltnavne
Automatisk generering af etiketter
Bagudkompatibelt design

🔄 Avanceret krydsfiltrering

Tovejs-filtrering med tabeller
Fremhævelse af individuelle knuder/kanter
Legendebaseret kategorifiltrering
Understøttelse af flere valg
Forbedret datamodel med målinger

🎯 Power BI-integration

AppSource-kompatible kontekstmenuer
Rige muligheder for at bore igennem
Organiserede kontroller i formatruden
Forbedret kantkontrol med undergrupper
Professionel styring af udvælgelse

📊 Forbedret dataopsætning og krav

⚠️ Vigtigt: Alle data skal være i en enkelt tabel ved hjælp af en UNION-struktur med korrekt NULL-håndtering for at opnå optimal ydelse.

Forbedret datamodel-struktur

- Forbedret datastruktur med alle nye funktioner ✨

VÆLG 

    NodeId, 

    'Status: Kører\nType: Maskine\nTemperatur: 85°C\nEffektivitet: 92%' som NodeTooltip,

    'Running' as LegendColor, - Til interaktiv legende ✨

    NULL som EdgeId, NULL som SourceId, NULL som TargetId, NULL som EdgeTooltip,

    Effektivitet som NodeValue, - Til krydsfiltrering

    NULL som EdgeValue

FROM NodesTable

UNION ALL

VÆLG 

    NULL som NodeId, NULL som NodeTooltip, NULL som LegendColor,

    EdgeId, SourceId, TargetId,

    'Type: MaterialFlow\nIntensitet: High\nPressure: 2.5 bar' som EdgeTooltip, - Smarte værktøjstips ✨

    NULL som NodeValue,

    FlowIntensity som EdgeValue - Krydsfiltrering + proportional bredde ✨

FROM EdgesTable

Udvidet datarolle-reference

Felt	Type	Status	Beskrivelse	Eksempel
SVG-indhold	Mål	✅ Påkrævet	SVG-markup, der indeholder det digitale tvillingediagram	....
NodeId	Kategori	✅ Påkrævet	Unik identifikator for hver node	M1001, B1201, T1101
Node-værktøjstip	Kategori	✨ Forbedret	"Nøgle: Værdi"-værktøjstip med flere linjer	Status: Kører\nType: Maskine\nEffektivitet: 92%
Farve på forklaring (valgfrit)	Kategori	✨ Nyt!	Kategorisk felt til interaktiv generering af forklaringer	Løb, vedligeholdelse, offline
Knudepunktets værdi	Mål	🔄 Forbedret	Forretningsmålinger for krydsfiltreringsnoder	85.4, 92.1, 79.8
EdgeId	Kategori	❌ Valgfrit	Unik identifikator for hver kant	E1001, E1002
KildeId	Kategori	❌ Valgfrit	Kildeknudepunkt for kanter	M1001
MålId	Kategori	❌ Valgfrit	Målknude for kanter	M1002
Kantværktøjstip (valgfrit)	Kategori	✨ Nyt!	Tooltip til flere felter med smart fallback-system	Flere felter understøttes
Kantværdi	Mål	🔄 Forbedret	Flowintensitet til krydsfiltrering + proportional bredde	85.0, 150.5, 89.1

⚙️ Omfattende konfigurationsvejledning

Trin 1: Forbered dit SVG-indhold

Opret SVG-mål: Sørg for, at din SVG indeholder gyldig markup med unikke id attributter
Match-id'er: NodeId-værdier skal matche SVG-elementer id egenskaber nøjagtigt
Ren struktur: Brug ensartet størrelse og undgå komplekse transformationer
Neutrale farver: Brug neutrale SVG-farver; lad det visuelle styre farvelægningen
Edge-Ready Design: Design kantstier, så de fungerer godt med proportional breddeskalering

SVG-indhold =. 

".

  .

  .

  .

  .

"

Trin 2: Download Visual og indsæt licens

📽️ I denne video lærer du, hvordan du downloader Digital Twin visual fra AppSource og aktiverer din licens.

Download Visual: Download den visuelle Digital Twin fra MS AppSource
Tilføj visuel: Indsæt det digitale tvillingevisual i din rapport
Indsæt licens: Indsæt din licensnøgle i feltet Licens afsnit under Formater dit billede

Trin 3: Importer dine data

📽️ Denne video viser, hvordan du forbereder dit SVG-layout og strukturerer din datatabel.

Forbered data: Opret en enkelt datatabel, der kombinerer noder og kanter (se ovenfor)
Importer data: Importer SVG'en (f.eks. som .txt) og datatabellen (f.eks. som csv.) til Power BI-feltet

Trin 4: Forbind data til det visuelle

📽️ I denne video forbinder du dine data med det visuelle og muliggør navigation og interaktivitet med andre visuelle elementer.

Anvend grundlæggende data: Træk SVG-indhold, node-id og kant-id-felter i den respektive visualiseringsrude
Tilføj forbedrede data: Tilføj mål til forklarings- og værktøjstipfelter for at berige det visuelle
Implementer krydsfiltrering: Inkluder NodeValue- og EdgeValue-mål for at sikre, at filtreringen fungerer på tværs af visuals
Visuel navigation: Test de visuelle navigationsfunktioner ved hjælp af zoomkontroller, minikort eller mouse-over

Trin 5: Tilpas dine noder

📽️ Denne video viser, hvordan man anvender betinget formatering til at fremhæve nodeindsigter.

Simple Node Coloring: Vælg din foretrukne farve for hver node i Knudepunkter afsnit under Formater dit billede
Eller Anvend betinget formatering: Opsæt individuelle regler for at farve dine noder ved at klikke på formelikonet

Trin 6: Tilpas dine kanter

📽️ I denne video kan du lære, hvordan du tilpasser flows og forbindelser på en klar og dynamisk måde.

(Af)vælg Gradient: Slå gradient til/fra for kantfarvning
Tilpas format: Juster opacitet, linjebredde eller lagrækkefølge
Enkel farvelægning af kanter: Vælg din foretrukne farve for hver kant i Kanter afsnit under Formater dit billede
Eller Anvend betinget formatering: Opsæt individuelle regler for at farve dine kanter ved at klikke på formelikonet

Trin 7: Opret avanceret værktøjstip

📽️ Denne video forklarer, hvordan man viser ekstra kontekst via mouse-over, med enten simple eller avancerede tooltips.

Anvend grundlæggende værktøjstip: Træk felter ind i sektionen Værktøjstip for at anvende et grundlæggende værktøjstip
Eller Opret avanceret værktøjstip: Opret en brugerdefineret tooltip-side med diagrammer, KPI'er og meget mere
Opret forbindelse til Visual: Tilføj nodeID eller edgeID til Tooltip-feltet

Trin 8: Udvikl mulighed for gennemboring

📽️ I denne video kan du se, hvordan du opretter dybtgående analysesider for noder eller kanter.

Opret detaljeside: Opret en rapportside og design tilpassede billeder til detaljeret indsigt
Opret forbindelse til Visual: Tilføj nodeID eller edgeID til Drillthrough-feltet
Testboring: Højreklik på en node eller kant → Drill-through for at se detaljer

Trin 9: Anvend avanceret betinget formatering

📽️ I denne video lærer du, hvordan du anvender regelbaseret formatering ved hjælp af kombinerede mål for tydeligere, prioritetsbaseret node- og kantfarvning.

Opret en kombineret foranstaltning: Opret et kombineret mål som en kolonne for at afspejle flere forhold (f.eks. knudestatus og -type).
Betinget formatering: Opsæt regler for betinget formatering baseret på det nye kombinerede mål
Indsæt forklaring: Indsæt det samme felt som en forklaring for at forbedre overskueligheden og filtreringen

🎯 Vejledning i brug af avancerede funktioner

🔍 Forbedret navigation og zoom ✨

Interaktioner med mus og berøring

Musens hjul: Rul for at zoome ind/ud med bløde animationer
Klik og træk: Panorer rundt med visuel markørfeedback (grab/grabbing)
Navigationskontroller: Brug +, - og startknapperne på skærmen
Nulstil visning: Klik på hjem-knappen for at vende tilbage til den oprindelige visning.
Minimap-navigation: Klik på minimap for at hoppe til forskellige områder
Viewport-sporing: Se rektanglet i realtidsvisning i minimap

🎨 Interaktivt legendesystem ✨

Opsætning og brug af forklaringer

Opsætning: Træk et kategorisk felt til "Forklaringsfarve (valgfri)"
Farvelæsning: Legend aflæser automatisk faktiske farver fra renderede noder
Klik for at filtrere: Klik på legendeelementer for at fremhæve tilsvarende noder
Visuel feedback: Udvalgte kategorier fremhævet, andre nedtonet
På tværs af visualiseringer: Klik på forklaringen udløser filtrering i andre billeder
Nulstil: Klik på det samme legendeelement igen for at fjerne markeringen

💡 Pro-tip: Perfekt til statusovervågning, kategorifiltrering og til hurtigt at forstå, hvad nodefarver repræsenterer.

📊 Proportional kantbredde ✨

Flow-baseret visualisering

Kortlægning af data: Kortlæg flowintensitet/gennemstrømning til Edge Value-feltet
Aktivér funktion: Formatrude > Kanter > Generelt > "Proportional bredde"
Visuel skalering: Kanttykkelse skaleres automatisk med dataværdier
Kontekstuel skalering: Normalisering pr. node viser relativ betydning
Flaskehals-ID: Identificer øjeblikkeligt forbindelser med højt flow
Visuel rækkevidde: 1px minimum til 8px maksimum tykkelse

💡 Forretningsværdi: Brug dem til operationelle dashboards for straks at få øje på flaskehalse og forbindelser med høj gennemstrømning i din digitale tvilling.

💬 Forbedret værktøjstip-system ✨

Fleksibel konfiguration af værktøjstip

Node-værktøjstips: Brug "Nøgle: Værdi\nNøgle2: Værdi2"-format i Node Tooltip-feltet
Støtte til flere linjer: Brug \n til linjeskift i tooltip-indhold
Kantværktøjstips: Træk flere felter til "Kantværktøjstip (valgfrit)"
Smart fallback: Automatisk basisinfo, når der ikke er angivet nogen brugerdefinerede felter
Feltetiketter: Feltnavne bliver automatisk til værktøjstip
Rigt indhold: Støtte til operationel kontekst og forretningsmæssige målinger

🔄 Avanceret krydsfiltrering

Trevejs-filtreringssystem

Tabel ↔ Visuel: Klik på tabelrækker for at fremhæve noder/kanter
Legende ↔ Visuel: Klik på forklaringselementer for at fremhæve kategorier
Visuel ↔ Anden visuel: Klik på noder/kanter for at filtrere diagrammer/tabeller
Flere valgmuligheder: Hold Ctrl nede og klik på flere elementer
Ryd valg: Klik på det tomme felt for at nulstille alle valg
Visuel feedback: Fremhævede elementer med fuld opacitet, andre nedtonede

⚡ Avancerede kantkontroller

Ruden Organiseret format

📁 Sektion for kanter:

🎨 Kantfarver (undergruppe): Individuelle kantfarver og gradientkontroller
⚙️ Generelt (undergruppe): Opacitet, gengivelsesrækkefølge og proportional bredde

Tilgængelige kontroller:

Aktiver kantgradient: Jævne farveovergange mellem noder
Proportional bredde: Flowbaseret tykkelsesskalering
Kantopacitet: Kontrol af gennemsigtighed (0-100%)
Vis kanter i forgrunden: Kontrol af lagdeling

🎯 Opsætning af gennemboring

Opret gennemgående sider: Opsæt dedikerede detailsider
Tilføj filterfelter: Inkluder NodeId/EdgeId i drill-through-filtre
Test navigation: Højreklik på knuder/kanter for at se muligheder for at bore igennem
Menu for tomt rum: Højreklik på tomme områder til standard Power BI-menu
Bekræft konteksten: Sørg for, at filtreret kontekst sendes korrekt

🔧 Omfattende guide til fejlfinding

❌ Forbedrede navigationsproblemer ✨

Tjek Formatrude > Navigationsindstillinger for zoomkontrol og synlighed af minimap
Kontrollér, at der er tilstrækkelig visuel plads til navigationskontroller og minimap
Test markørfeedback under panoreringer (bør vise grab/grabbing)
Sørg for, at minimap-visningsportalens rektangel opdateres korrekt under zoom/pan.
Test på forskellige skærmstørrelser for responsiv adfærd

❌ Interaktive forklaringsproblemer ✨

Kontrollér, at det kategoriske felt er trukket til "Legend Color (optional)"
Tjek, at noder har faktiske farver (ikke alle grå som standard)
Sørg for, at kategoriske data indeholder meningsfulde, rene værdier
Test legendens klikfunktionalitet for fremhævningsadfærd
Kontrollér, at placeringen af forklaringen ikke blokerer for det visuelle hovedindhold

❌ Problemer med proportional kantbredde ✨

Aktivér "Proportional bredde" i Formatruden > Kanter > Generelt
Sørg for, at feltet Edge Value indeholder numeriske flowdata
Tjek, at EdgeId, SourceId og TargetId er korrekt kortlagt
Bekræft, at kantdata har meningsfuld variation i værdier
Test, at tykkelsesskalering er visuelt passende

❌ Forbedrede problemer med værktøjstip ✨

Brug "Key: Værdi\nNøgle2: Værdi2"-format for Node Tooltip-felt
For Edge Tooltip, træk felter til "Edge Tooltip (valgfri)" sektionen
Test smart fallback, når der ikke er angivet nogen Edge Tooltip-felter
Tjek, at feltnavne vises som etiketter i værktøjstip-visningen
Sørg for, at indhold på flere linjer vises med korrekte linjeskift

❌ Krydsfiltrering virker ikke

Tilføj målefelter for knudeværdi og/eller kantværdi
Sørg for, at måleværdierne er udfyldt (ikke NULL/tomme)
Test begge retninger: bord → visuel og visuel → bord
Test legendebaseret filtrering uafhængigt af hinanden
Bekræft, at markeringen udløser fremhævninger (ændringer i opacitet)
Test med simpelt enkeltvalg først

❌ Visuel vises ikke

Tjek, at SVG Content measure returnerer gyldig SVG-markup
Kontrollér, at NodeId-feltet er kortlagt og indeholder data
Sørg for, at SVG-element-ID'er matcher NodeId-værdier nøjagtigt
Valider SVG-syntaks med en online SVG-validator

❌ Knudepunkter er ikke interaktive

Bekræft, at NodeId-datarollen er udfyldt
Tjek, at SVG-elementer har matchende id-attributter
Kontrollér, at elementer ikke er skjult af andre SVG-elementer
Test hover-effekter for at bekræfte elementdetektering

❌ Kanter vises ikke

Kortlæg EdgeId-, SourceId- og TargetId-dataroller
Sørg for, at SourceId/TargetId-værdier matcher eksisterende NodeId-værdier
Tjek indstilling af kantopacitet (kan være sat for lavt)
Bekræft rækkefølgen af kantgengivelse (forgrund vs. baggrund)
Test først med kantfarver med høj kontrast

🎉 Avancerede bedste praksisser

Forbedret datamodellering ✨

Vælg meningsfulde kategoriske felter til den interaktive forklaring
Strukturér værktøjstip ved hjælp af "Key: Værdi"-format
Brug flowmetrikker til proportional kantbredde
Sørg for korrekt NULL-håndtering i UNION-strukturen
Test med realistiske datamængder

Ydeevne og navigation ✨

Udnyt minimap til navigation i store diagrammer
Optimer SVG-kompleksitet for jævn zoom/panorering
Test proportional bredde med realistiske flowdata
Overvåg hukommelsesforbruget med forbedrede funktioner
Brug målefelter strategisk til krydsfiltrering

Brugeroplevelse ✨

Brug klik på forklaringer til kategoribaseret filtrering
Kombiner filtrering af tabeller med filtrering af forklaringer
Design meningsfuldt indhold til værktøjstip
Standardiser zoomniveauer og navigationsmønstre
Test alle interaktionsworkflows fra start til slut

Avanceret integration ✨

Brug proportional bredde til driftsovervågning
Kombiner legendarisk filtrering med tidsserieanalyse
Forbind flowdata med forudsigelige analyser
Opret omfattende multimodale dashboards
Integrer med geografiske billeder ved hjælp af delt filtrering

🚀 Klar til at komme i gang? Dette omfattende visuelle værktøj forvandler statiske diagrammer til interaktive digitale tvillingedashboards med professionel navigation, intelligent flowvisualisering, kategoribaseret filtrering og rige kontekstuelle oplysninger!