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: Konfigurer Basic Visual

Tilføj visuel: Indsæt det digitale tvillingevisual i din rapport
Kortlæg SVG-indhold: Træk dit SVG-mål til feltet "SVG-indhold"
Kort NodeId: Træk din node-identifikator til feltet "NodeId"
Test grundlæggende funktionalitet: Kontrollér, at noder er klikbare, og at hover fungerer

Trin 3: Aktivér forbedrede funktioner ✨

🎨 Opsætning af interaktiv forklaring

Tilføj forklaringsfelt: Træk det kategoriske felt til "Legendefarve (valgfri)"
Automatisk generering: Legenden læser automatisk de faktiske nodefarver
Test af interaktion: Klik på legendeelementer for at fremhæve noder
Bekræft skærmen: Check node count vises for hver kategori

💬 Forbedret opsætning af værktøjstips

Node-værktøjstips: Brug "Nøgle: Værdi\nNøgle2: Værdi2"-format i Node Tooltip-feltet
Kantværktøjstips: Træk flere felter til "Kantværktøjstip (valgfrit)"
Testens indhold: Hold musen over noder/kanter for at se detaljerede værktøjstips
Bekræft etiketter: Sørg for, at feltnavne vises som værktøjstip

📊 Opsætning af proportional kantbredde

Tilføj flowdata: Tilknyt gennemstrømnings-/intensitetsværdier til feltet Edge Value
Tilføj kantfelter: Inkluder EdgeId, SourceId, TargetId til visualisering
Aktivér funktion: Formatrude > Kanter > Generelt > Skift til "Proportional bredde"
Skalering af test: Verificer kanttykkelsesskalaer med dataværdier

🔍 Avanceret navigationsopsætning

Aktiver kontroller: Formatrude > Navigation > Aktivér zoomkontrol
Aktivér minimap: Skift minimap for navigation i store diagrammer
Test navigation: Zoom med musehjul, panorering med klik og træk
Bekræft feedback: Kontroller markørændringer under panorering

🔄 Avanceret opsætning af krydsfiltrering

Tilføj målefelter: Inkluder mål for NodeValue og EdgeValue
Opret tabeller: Tilføj tabelvisualiseringer med samme data til filtrering
Filtrering af testtabeller: Klik på tabelrækker for at fremhæve elementer
Test filtrering af forklaringer: Klik på legend items for kategorifiltrering
Test visuel filtrering: Klik på knudepunkter/kanter for at filtrere andre billeder

✅ Konfiguration fuldført: Du bør nu have en fuldt interaktiv digital tvilling med avanceret navigation, interaktiv forklaring, proportional kantbredde, forbedrede værktøjstips og omfattende krydsfiltreringsfunktioner.

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