Komma igång - Digital Twin Visual

Välkommen! Den här omfattande guiden hjälper dig att snabbt komma igång med Digital Twin Visual för Power BI, med avancerad navigering, interaktiv legend, proportionell kantbredd, förbättrade verktygstips, korsfiltrering och genomborrningsfunktioner.

📋 Omfattande funktionsöversikt

🔍 Förbättrad navigering ✨

Flytande zoom och panorering med mjuka animationer
Professionella navigeringskontroller på skärmen
Minimap i realtid med vyportindikator
Smart feedback från markören (grab/grabbing)
CAD-liknande precision för stora diagram

🎨 Interaktivt Legend System ✨

Dynamisk legend från faktiska nodfärger
Klicka på legendobjekt för att markera noder
Fungerar med alla kategoriska fält
Integration av korsfiltrering
Visning av antal noder per kategori

📊 Proportionell kantbredd ✨

Kanttjockleken skalar med flödesintensiteten
Algoritm för normalisering per nod
Identifiering av flaskhalsar direkt
Slå på/av via formatfönstret
Kontextuell flödesvisualisering

💬 Förbättrade verktygstips ✨

Flexibla verktygstips för "Key: Verktygstips för noder med "Värde
Reservsystem för verktygstips med smart kant
Stöd för flera fält med fältnamn
Automatisk generering av etiketter
Bakåtkompatibel design

🔄 Avancerad korsfiltrering

Dubbelriktad filtrering med tabeller
Individuell markering av nod/kant
Legendbaserad kategorifiltrering
Stöd för flera val
Förbättrad datamodell med åtgärder

🎯 Power BI-integration

Kontextmenyer som är kompatibla med AppSource
Rika möjligheter till genomborrning
Organiserade kontroller för formatfönster
Förbättrad kantkontroll med undergrupper
Professionell hantering av urval

📊 Inställningar och krav för utökad data

⚠️ Viktigt: Alla data måste finnas i en enda tabell med en UNION-struktur med korrekt NULL-hantering för optimal prestanda.

Struktur för förbättrad datamodell

- Förbättrad datastruktur med alla nya funktioner ✨

VÄLJ 

    NodeId, 

    "Status: Körs\nTyp: Maskin\nTemperatur: 85°C\nEffektivitet: 92%' as NodeTooltip,

    'Running' as LegendColor, - För interaktiv legend ✨

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

    Effektivitet som NodeValue, - För korsfiltrering

    NULL som EdgeValue

FROM NodesTable

UNION ALL

VÄLJ 

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

    EdgeId, SourceId, TargetId,

    'Typ: MaterialFlow\nIntensitet: High\nPressure: 2.5 bar' as EdgeTooltip, - Smarta verktygstips ✨

    NULL som NodeValue,

    FlowIntensity as EdgeValue - Korsfiltrering + proportionell bredd ✨

FROM EdgesTable

Referens för utökade dataroller

Fält	Typ	Status	Beskrivning	Exempel
SVG-innehåll	Mått	✅ Krävs	SVG-markup som innehåller det digitala tvillingdiagrammet	....
NodeId	Kategori	✅ Krävs	Unik identifierare för varje nod	M1001, B1201, T1101
Node verktygstips	Kategori	✨ Förbättrad	"Nyckel: Tooltip-format med flera rader för "Värde	Status: I drift\nTyp: Maskin\nEffektivitet: 92%
Färg för teckenförklaring (tillval)	Kategori	✨ Nytt!	Kategoriskt fält för interaktiv legendgenerering	Drift, underhåll, offline
Nodvärde	Mått	🔄 Förbättrad	Affärsmässiga mätetal för korsfiltreringsnoder	85.4, 92.1, 79.8
EdgeId	Kategori	❌ Valfritt	Unik identifierare för varje kant	E1001, E1002
KällaId	Kategori	❌ Valfritt	Källnod för kanter	M1001
MålId	Kategori	❌ Valfritt	Målnod för kanter	M1002
Verktygstips för kant (valfritt)	Kategori	✨ Nytt!	Tooltip för flera fält med smart fallback-system	Stöd för flera fält
Kantvärde	Mått	🔄 Förbättrad	Flödesintensitet för korsfiltrering + proportionell bredd	85.0, 150.5, 89.1

⚙️ Omfattande konfigurationsguide

Steg 1: Förbered ditt SVG-innehåll

Skapa SVG-mått: Se till att din SVG innehåller giltig uppmärkning med unika id attribut
Match-ID: NodeId-värden måste matcha SVG-element id attribut exakt
Ren struktur: Använd konsekvent dimensionering och undvik komplexa transformationer
Neutrala färger: Använd neutrala SVG-färger; låt det visuella styra färgsättningen
Edge-Ready Design: Utforma kantvägar så att de fungerar bra med proportionell breddskalning

SVG-innehåll = 

"

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

"

Steg 2: Konfigurera Basic Visual

Lägg till Visual: Infoga Digital Twin-bilden i din rapport
Kartlägga SVG-innehåll: Dra ditt SVG-mått till fältet "SVG-innehåll"
Karta NodeId: Dra din nodidentifierare till fältet "NodeId"
Testa grundläggande funktionalitet: Kontrollera att noderna är klickbara och att muspekaren fungerar

Steg 3: Aktivera utökade funktioner ✨

🎨 Inställning av interaktiv legend

Lägg till fält för teckenförklaring: Dra det kategoriska fältet till "Legend Color (optional)"
Automatisk generering: Legend läser in faktiska nodfärger automatiskt
Test av interaktion: Klicka på legendobjekt för att markera noder
Verifiera displayen: Kontrollera att antalet noder visas för varje kategori

💬 Förbättrad inställning av verktygstips

Verktygstips för noder: Använd "Key: Värde\nKey2: Värde2"-format i Node Tooltip-fältet
Verktygstips för kanter: Dra flera fält till "Kantverktygstips (valfritt)"
Testinnehåll: Håll muspekaren över noder/kanter för att se fylliga verktygstips
Verifiera etiketter: Se till att fältnamn visas som etiketter i verktygstips

📊 Proportionell inställning av kantbredd

Lägg till flödesdata: Mappa värden för genomströmning/intensitet till fältet Edge Value
Lägg till Edge Fields: Inkludera EdgeId, SourceId, TargetId för visualisering
Aktivera funktion: Formatfönstret > Kanter > Allmänt > Växla "Proportionell bredd"
Testskalning: Kontrollera att kanttjockleken stämmer med datavärdena

🔍 Avancerad navigationsinställning

Aktivera kontroller: Formatfönstret > Navigering > Aktivera zoomkontroller
Aktivera Minimap: Växla minimap för navigering i stora diagram
Test Navigation: Zoom med mushjul, klicka-drag panorera
Verifiera återkoppling: Kontrollera markörändringar under panoreringsoperationer

🔄 Avancerad inställning för korsfiltrering

Lägg till mätfält: Inkludera NodeValue- och EdgeValue-mått
Skapa tabeller: Lägg till tabellbilder med samma data för filtrering
Filtrering av testbord: Klicka på tabellraderna för att markera element
Test Legend Filtering: Klicka på legendobjekt för kategorifiltrering
Testa visuell filtrering: Klicka på noder/kanter för att filtrera andra bilder

✅ Konfiguration slutförd: Du bör nu ha en helt interaktiv digital tvilling med avancerad navigering, interaktiv legend, proportionell kantbredd, förbättrade verktygstips och omfattande korsfiltreringsfunktioner.

🎯 Användarhandbok för avancerade funktioner

🔍 Förbättrad navigering och zoom ✨

Interaktioner med mus och pekskärm

Mushjul: Scrolla för att zooma in/ut med mjuka animationer
Klicka och dra: Panorera runt med visuell marköråterkoppling (grabbing/grabbing)
Navigeringskontroller: Använda +, - och hemknapparna på skärmen
Återställ vy: Klicka på hemknappen för att smidigt återgå till originalvyn
Minimap-navigering: Klicka på minimap för att hoppa till olika områden
Spårning av vyport: Titta på realtidsrektangeln i visningsfönstret i minimap

🎨 Interaktivt Legend System ✨

Inställning och användning av förklaringar

Uppställning: Dra ett kategoriskt fält till "Legend Color (optional)"
Färgavläsning: Legend läser automatiskt av faktiska färger från renderade noder
Klicka på Filtrera: Klicka på legendobjekt för att markera motsvarande noder
Visuell återkoppling: Utvalda kategorier framhävda, andra nedtonade
Korsvisuell: Legendklick utlöser filtrering i andra visualiseringar
Återställ: Klicka på samma legendobjekt igen för att rensa markeringen

💡 Proffstips: Perfekt för statusövervakning, kategorifiltrering och för att snabbt förstå vad nodernas färger representerar.

📊 Proportionell kantbredd ✨

Flödesbaserad visualisering

Kartläggning av data: Kartlägg flödesintensitet/genomströmning till fältet Edge Value
Aktivera funktion: Formatfönstret > Kanter > Allmänt > "Proportionell bredd"
Visuell skalning: Kanttjockleken skalas automatiskt med datavärdena
Kontextuell skalning: Normalisering per nod visar relativ betydelse
Flaskhals-ID: Identifiera omedelbart anslutningar med högt flöde
Visuell räckvidd: 1px minsta till 8px största tjocklek

💡 Affärsvärde: Använd för operativa instrumentpaneler för att omedelbart upptäcka flaskhalsar och anslutningar med hög genomströmning i din digitala tvilling.

💬 Förbättrat Tooltip-system ✨

Flexibel konfiguration av verktygstips

Verktygstips för noder: Använd "Key: Värde\nKey2: Värde2"-format i Node Tooltip-fältet
Stöd för flera linjer: Använd \n för radbrytningar i tooltip-innehåll
Verktygstips för kanter: Dra flera fält till "Kantverktygstips (valfritt)"
Smart fallback: Automatisk grundläggande information när inga anpassade fält anges
Fältetiketter: Fältnamn blir automatiskt etiketter för verktygstips
Rikt innehåll: Stöd för operativa sammanhang och affärsmätningar

🔄 Avancerad korsfiltrering

Trevägs filtreringssystem

Tabell ↔ Visuell: Klicka på tabellraderna för att markera noder/kanter
Legend ↔ Visual: Klicka på legendobjekt för att markera kategorier
Visuella ↔ Andra visuella: Klicka på noder/kanter för att filtrera diagram/tabeller
Flera val: Håll ner Ctrl och klicka på flera element
Klart val: Klicka på det tomma utrymmet för att återställa alla val
Visuell återkoppling: Markerade element full opacitet, andra nedtonade

⚡ Avancerade kantkontroller

Fönstret Organiserat format

📁 Kantsektion:

🎨 Edge Colors (undergrupp): Individuella kantfärger och gradientkontroller
⚙️ Allmänt (undergrupp): Opacitet, renderingsordning och proportionell bredd

Tillgängliga kontroller:

Aktivera kantgradient: Mjuka färgövergångar mellan noder
Proportionell bredd: Flödesbaserad skalning av tjocklek
Kanten Opacitet: Kontroll av genomskinlighet (0-100%)
Visa kanter i förgrunden: Kontroll av skiktning

🎯 Installation av genomborrning

Skapa sidor som går att borra igenom: Upprätta särskilda detaljsidor
Lägg till filterfält: Inkludera NodeId/EdgeId i filter för genomborrning
Test Navigation: Högerklicka på noder/kanter för att se alternativ för genomborrning
Empty Space Menu: Högerklicka på tomma områden för standard Power BI-meny
Verifiera kontext: Säkerställa att filtrerad kontext skickas på rätt sätt

🔧 Omfattande felsökningsguide

❌ Förbättrade navigeringsproblem ✨

Kontrollera Formatfönstret > Navigeringsinställningar för zoomkontroller och synlighet för minimap
Kontrollera att det finns tillräckligt med visuellt utrymme för navigeringskontroller och minimap
Testa markörens återkoppling under panorering (bör visa grabbing/grabbing)
Säkerställer att minimap-visningens rektangel uppdateras korrekt vid zoomning/panorering
Testa på olika skärmstorlekar för responsivt beteende

❌ Interaktiva problem med förklaringar ✨

Verifiera att det kategoriska fältet dras till "Legend Color (optional)"
Kontrollera att noderna har faktiska färger (inte alla grå som standard)
Säkerställa att kategoriska data innehåller meningsfulla och rena värden
Testa funktionen för att klicka på legenden för att markera beteende
Kontrollera att legendplaceringen inte hindrar det huvudsakliga visuella innehållet

❌ Problem med proportionell kantbredd ✨

Aktivera "Proportionell bredd" i Formatfönstret > Kanter > Allmänt
Se till att fältet Edge Value innehåller numeriska flödesdata
Kontrollera att EdgeId, SourceId, TargetId är korrekt mappade
Verifiera att kantdata har meningsfull variation i värdena
Testa att skalningen av tjockleken är visuellt lämplig

❌ Förbättrade problem med verktygstips ✨

Använd "Key: Value\nKey2: Value2"-format för Node Tooltip-fältet
För Edge Tooltip, dra fält till avsnittet "Edge Tooltip (valfritt)"
Testa smart fallback när inga fält för Edge Tooltip anges
Kontrollera att fältnamn visas som etiketter i tooltip-visningen
Säkerställa att innehåll på flera rader visas med korrekt radbrytning

❌ Korsfiltrering fungerar inte

Lägg till mätfält för Node Value och/eller Edge Value
Se till att mätvärdena är ifyllda (inte NULL/tomma)
Testa båda riktningarna: bord → visuellt och visuellt → bord
Testa legendbaserad filtrering oberoende av varandra
Verifiera att markeringen utlöser highlights (opacitetsförändringar)
Test med enkelt enkelval först

❌ Visuell visning visas inte

Kontrollera att SVG Content measure returnerar giltig SVG-markup
Verifiera att NodeId-fältet är mappat och innehåller data
Säkerställa att SVG-element-ID:n exakt matchar NodeId-värden
Validera SVG-syntax med hjälp av en SVG-validator online

❌ Noder inte interaktiva

Bekräfta att datarollen NodeId är ifylld
Kontrollera att SVG-element har matchande id-attribut
Kontrollera att element inte döljs av andra SVG-element
Testa svävareffekter för att bekräfta elementdetektering

❌ Kanterna syns inte

Kartlägga datarollerna EdgeId, SourceId och TargetId
Säkerställ att SourceId/TargetId-värdena matchar befintliga NodeId-värden
Kontrollera inställningen för kantopacitet (kan vara för lågt inställd)
Verifiera renderingsordning för kanter (förgrund vs bakgrund)
Testa först med kantfärger med hög kontrast

🎉 Avancerade bästa metoder

Förbättrad datamodellering ✨

Välj meningsfulla kategoriska fält för interaktiv legend
Strukturera verktygstips med hjälp av "Key: Värde"-format
Använd flödesmätning för proportionell kantbredd
Säkerställ korrekt NULL-hantering i UNION-strukturen
Test med realistiska datavolymer

Prestanda och navigering ✨

Utnyttja minimap för navigering i stora diagram
Optimera SVG-komplexitet för smidig zoomning/panorering
Testa proportionell bredd med realistiska flödesdata
Övervaka minnesanvändningen med förbättrade funktioner
Använd mätfält strategiskt för korsfiltrering

Användarupplevelse ✨

Använd legendklick för kategoribaserad filtrering
Kombinera filtrering av tabeller med filtrering av legender
Utforma meningsfullt innehåll i verktygstips
Standardisera zoomnivåer och navigeringsmönster
Testa alla arbetsflöden för interaktion från början till slut

Avancerad integration ✨

Använd proportionell bredd för operativ övervakning
Kombinera legendfiltrering med tidsserieanalys
Koppla samman flödesdata med prediktiv analys
Skapa omfattande multimodala instrumentpaneler
Integrera med geografiska bilder med hjälp av delad filtrering

🚀 Redo att komma igång? Detta omfattande visuella program omvandlar statiska diagram till interaktiva digitala tvillinginstrumentpaneler med professionell navigering, intelligent flödesvisualisering, kategoribaserad filtrering och rik kontextuell information!