Erste Schritte - Digital Twin Visual

Herzlich willkommen! Dieser umfassende Leitfaden hilft Ihnen, schnell mit dem Digital Twin Visual für Power BI zu arbeiten, das eine erweiterte Navigation, eine interaktive Legende, eine proportionale Randbreite, erweiterte Tooltips, Cross-Filtering und Drill-Through-Funktionen bietet.

📋 Umfassende Funktionsübersicht

🔍 Verbesserte Navigation ✨

Flüssiges Zoomen und Schwenken mit sanften Animationen
Professionelle Navigationssteuerung auf dem Bildschirm
Echtzeit-Minikarte mit Sichtfensteranzeige
Intelligentes Cursor-Feedback (Greifen/Grabbing)
CAD-ähnliche Präzision für große Diagramme

🎨 Interaktives Legenden-System ✨

Dynamische Legende aus aktuellen Knotenfarben
Klicken Sie auf Legendenelemente, um Knoten zu markieren
Funktioniert mit jedem kategorialen Feld
Integration von Cross-Filtering
Anzeige der Knotenanzahl pro Kategorie

📊 Proportionale Kantenbreite ✨

Randdicke skaliert mit der Fließintensität
Algorithmus zur Normalisierung pro Knoten
Sofortige Identifizierung von Engpässen
Ein/Ausschalten über das Formatfenster
Kontextabhängige Flussvisualisierung

💬 Verbesserte Tooltips ✨

Flexible "Schlüssel: Wert" Knoten-Tooltips
Smart Edge Tooltip Fallback-System
Unterstützung von mehreren Feldern mit Feldnamen
Automatische Etikettenerstellung
Abwärtskompatibles Design

🔄 Erweiterte Cross-Filterung

Bidirektionales Filtern mit Tabellen
Hervorhebung einzelner Knoten/Kanten
Legendenbasierte Kategoriefilterung
Unterstützung von Mehrfachauswahlen
Erweitertes Datenmodell mit Maßnahmen

🎯 Power BI-Integration

AppSource-kompatible Kontextmenüs
Umfangreiche Drill-Through-Funktionen
Organisierte Steuerelemente im Formatbereich
Verbesserte Kantensteuerung mit Untergruppen
Professionelles Auswahlmanagement

📊 Erweitertes Daten-Setup und Anforderungen

⚠️ Wichtig: Alle Daten müssen sich in einer einzigen Tabelle befinden, die eine UNION-Struktur mit ordnungsgemäßer NULL-Behandlung für optimale Leistung verwendet.

Verbesserte Datenmodellstruktur

- Verbesserte Datenstruktur mit allen neuen Funktionen ✨

SELECT 

    NodeId, 

    'Status: Running\nType: Maschine\nTemperatur: 85°C\nWirkungsgrad: 92%' als NodeTooltip,

    'Running' als LegendColor, - Für interaktive Legende ✨

    NULL als EdgeId, NULL als SourceId, NULL als TargetId, NULL als EdgeTooltip,

    Effizienz als NodeValue, - für Cross-Filtering

    NULL als EdgeValue

FROM NodesTable

UNION ALL

SELECT 

    NULL als NodeId, NULL als NodeTooltip, NULL als LegendColor,

    EdgeId, SourceId, TargetId,

    Typ: MaterialFlow\nIntensität: High\nPressure: 2.5 bar' as EdgeTooltip, - Smart tooltips ✨

    NULL als NodeValue,

    FlowIntensity als EdgeValue - Querfilterung + proportionale Breite ✨

FROM EdgesTable

Erweiterte Datenrollen-Referenz

Feld	Typ	Status	Beschreibung	Beispiel
SVG-Inhalt	Maßnahme	✅ Erforderlich	SVG-Markup mit dem Diagramm des digitalen Zwillings	...
NodeId	Kategorie	✅ Erforderlich	Eindeutiger Bezeichner für jeden Knoten	M1001, B1201, T1101
Knoten-Tooltip	Kategorie	✨ Erweitert	"Schlüssel: Wert" Mehrzeiliges Tooltip-Format	Status: In Betrieb\nTyp: Maschine\nWirkungsgrad: 92%
Legendenfarbe (optional)	Kategorie	✨ Neu!	Kategorisches Feld für die interaktive Legendenbildung	Laufen, Wartung, Offline
Knotenpunkt Wert	Maßnahme	🔄 Erweitert	Geschäftsmetriken für Cross-Filtering-Knoten	85.4, 92.1, 79.8
EdgeId	Kategorie	❌ Fakultativ	Eindeutiger Bezeichner für jede Kante	E1001, E1002
SourceId	Kategorie	❌ Fakultativ	Quellknoten für Kanten	M1001
ZielId	Kategorie	❌ Fakultativ	Zielknoten für Kanten	M1002
Rand-Tooltip (optional)	Kategorie	✨ Neu!	Multi-Feld-Tooltip mit intelligentem Fallback-System	Mehrere Felder werden unterstützt
Randwert	Maßnahme	🔄 Erweitert	Durchflussintensität für Querfilterung + proportionale Breite	85.0, 150.5, 89.1

⚙️ Umfassendes Konfigurationshandbuch

Schritt 1: Bereiten Sie Ihren SVG-Inhalt vor

SVG-Maßnahme erstellen: Stellen Sie sicher, dass Ihr SVG gültiges Markup mit eindeutigen id Eigenschaften
Spiel-IDs: NodeId-Werte müssen mit SVG-Element übereinstimmen id Attribute genau
Saubere Struktur: Verwenden Sie eine konsistente Größenordnung und vermeiden Sie komplexe Transformationen
Neutrale Farben: Verwenden Sie neutrale SVG-Farben; lassen Sie die visuelle Kontrolle über die Farbgebung
Kantengerechtes Design: Entwerfen Sie Kantenpfade so, dass sie gut mit der proportionalen Breitenskalierung funktionieren

SVG-Inhalt = 

"

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

"

Schritt 2: Visual herunterladen und Lizenz einfügen

📽️ In diesem Video erfahren Sie, wie Sie das Digital Twin Visual von AppSource herunterladen und Ihre Lizenz aktivieren.

Visuell herunterladen: Laden Sie das Digital Twin Visual von MS AppSource herunter
Visuelles hinzufügen: Fügen Sie das Bildmaterial des Digitalen Zwillings in Ihren Bericht ein
Lizenz einfügen: Fügen Sie Ihren Lizenzschlüssel in das Feld Lizenz Abschnitt unter Formatieren Sie Ihr Bildmaterial

Schritt 3: Importieren Sie Ihre Daten

📽️ Dieses Video zeigt, wie Sie Ihr SVG-Layout vorbereiten und Ihre Datentabelle strukturieren.

Daten vorbereiten: Erstellen Sie eine einzige Datentabelle mit Knoten und Kanten (siehe oben)
Daten importieren: Importieren Sie die SVG (z. B. als .txt) und die Datentabelle (z. B. als csv) in das Power BI-Feld

Schritt 4: Daten mit dem Visual verbinden

📽️ In diesem Video werden Sie Ihre Daten mit dem Bildmaterial verbinden und die Navigation und Interaktivität mit anderem Bildmaterial ermöglichen.

Grunddaten anwenden: Ziehen Sie die Felder SVG-Inhalt, Knoten-ID und Kanten-ID in den jeweiligen Visualisierungsbereich.
Erweitertes Datenmaterial hinzufügen: Hinzufügen von Messwerten zu Legenden- und Tooltip-Feldern, um die Darstellung zu verbessern
Implementieren Sie Cross-Filtering: NodeValue- und EdgeValue-Maßnahmen einbeziehen, um sicherzustellen, dass die Filterung über alle Bilder hinweg funktioniert
Visuelle Navigation: Testen Sie die visuellen Navigationsfunktionen mit Hilfe der Zoomsteuerung, der Minikarte oder des Mouse-over

Schritt 5: Anpassen der Knotenpunkte

📽️ In diesem Video erfahren Sie, wie Sie eine bedingte Formatierung anwenden, um Knoteninformationen hervorzuheben.

Einfache Knotenfärbung: Wählen Sie Ihre bevorzugte Farbe für jeden Knoten im Feld Knotenpunkte Abschnitt unter Formatieren Sie Ihr Bildmaterial
Oder Bedingte Formatierung anwenden: Legen Sie individuelle Regeln zur Einfärbung Ihrer Knoten fest, indem Sie auf das Formel-Symbol klicken

Schritt 6: Anpassen der Ränder

📽️ In diesem Video erfahren Sie, wie Sie Abläufe und Verbindungen übersichtlich und dynamisch anpassen können.

(De-)wählen Sie Gradient: Farbverlauf für Kantenfärbung ein/ausschalten
Format anpassen: Deckkraft, Linienbreite oder Reihenfolge der Ebenen anpassen
Einfache Kantenfärbung: Wählen Sie Ihre bevorzugte Farbe für jede Kante im Feld Ränder Abschnitt unter Formatieren Sie Ihr Bildmaterial
Oder Bedingte Formatierung anwenden: Legen Sie individuelle Regeln zur Einfärbung Ihrer Kanten fest, indem Sie auf das Formel-Symbol klicken

Schritt 7: Erweitertes Tooltip erstellen

📽️ In diesem Video wird erklärt, wie man zusätzlichen Kontext per Mouse-Over anzeigt, entweder mit einfachen oder erweiterten Tooltips.

Basic Tooltip anwenden: Ziehen Sie Felder in den Abschnitt "QuickInfo", um eine einfache QuickInfo anzuwenden.
Oder Erweitertes Tooltip erstellen: Erstellen einer benutzerdefinierten Tooltip-Seite mit Diagrammen, KPIs und mehr
Verbinden mit Visual: Hinzufügen von nodeID oder edgeID zum Tooltip-Feld

Schritt 8: Entwicklung einer Drillthrough-Option

📽️ In diesem Video erfahren Sie, wie Sie Deep-Dive-Analyseseiten für Knoten oder Kanten erstellen können.

Detailseite erstellen: Erstellen Sie eine Berichtsseite und entwerfen Sie individuelle Grafiken für detaillierte Einblicke.
Verbinden mit Visual: Hinzufügen von nodeID oder edgeID zum Drillthrough-Feld
Test-Durchbohrung: Klicken Sie mit der rechten Maustaste auf einen Knoten oder eine Kante → Drillthrough, um Details anzuzeigen

Schritt 9: Erweiterte bedingte Formatierung anwenden

📽️ In diesem Video erfahren Sie, wie Sie regelbasierte Formatierungen mit kombinierten Maßnahmen für eine klarere, prioritätsbasierte Knoten- und Kanteneinfärbung anwenden können.

Kombinierte Maßnahme erstellen: Erstellen Sie eine kombinierte Maßnahme als Spalte, um mehrere Bedingungen wiederzugeben (z. B. Knotenstatus und -typ).
Bedingte Formatierung: Einrichten von bedingten Formatierungsregeln auf der Grundlage der neuen kombinierten Kennzahl
Legende einfügen: Das gleiche Feld als Legende einfügen, um die Übersichtlichkeit und Filterung zu verbessern

🎯 Leitfaden zur Verwendung der erweiterten Funktionen

🔍 Verbesserte Navigation und Zoom ✨

Maus- und Touch-Interaktionen

Mausrad: Scrollen zum Vergrößern/Verkleinern mit sanften Animationen
Klicken und ziehen: Schwenken mit visuellem Cursor-Feedback (Greifen/Grabbeln)
Steuerelemente für die Navigation: Verwenden der Tasten +, - und Home auf dem Bildschirm
Ansicht zurücksetzen: Klicken Sie auf die Schaltfläche "Home", um problemlos zur ursprünglichen Ansicht zurückzukehren.
Minimap-Navigation: Klicken Sie auf die Minimap, um zu verschiedenen Bereichen zu springen
Ansichtsfenster-Verfolgung: Echtzeit-Viewport-Rechteck in der Minimap beobachten

🎨 Interaktives Legenden-System ✨

Einrichtung und Verwendung der Legende

Einrichten: Ziehen Sie ein beliebiges kategorisches Feld auf "Legendenfarbe (optional)".
Farbe lesen: Legende liest automatisch die tatsächlichen Farben von gerenderten Knoten
Klicken Sie zum Filtern: Klicken Sie auf Legendenelemente, um die entsprechenden Knoten zu markieren.
Visuelles Feedback: Ausgewählte Kategorien hervorgehoben, andere abgeblendet
Visuell übergreifend: Legenden-Klicks lösen Filterung in anderen Visualisierungen aus
Zurücksetzen: Klicken Sie erneut auf dasselbe Legendenelement, um die Markierung zu löschen.

💡 Profi-Tipp: Ideal für die Statusüberwachung, das Filtern von Kategorien und um auf einen Blick zu verstehen, was die Farben der Knoten darstellen.

📊 Proportionale Kantenbreite ✨

Flow-basierte Visualisierung

Daten-Mapping: Zuordnung von Durchflussintensität/Durchsatz zum Feld Kantenwert
Funktion aktivieren: Fensterfläche Format > Kanten > Allgemein > "Proportionale Breite"
Visuelle Skalierung: Randdicke skaliert automatisch mit den Datenwerten
Kontextspezifische Skalierung: Die Normalisierung pro Knoten zeigt die relative Bedeutung
Engpass-ID: Sofortige Identifizierung von Verbindungen mit hohem Durchfluss
Sichtweite: 1px Mindest- bis 8px Höchstdicke

💡 Geschäftswert: Verwenden Sie diese Funktion für operative Dashboards, um Engpässe und Verbindungen mit hohem Durchsatz in Ihrem digitalen Zwilling sofort zu erkennen.

💬 Verbessertes Tooltip-System ✨

Flexible Tooltip-Konfiguration

Knoten-Tooltips: Verwenden Sie das Format "Key: Wert\nKey2: Wert2"-Format im Knoten-Tooltip-Feld
Multi-Line-Unterstützung: \n für Zeilenumbrüche im Tooltip-Inhalt verwenden
Rand-Tooltips: Ziehen Sie mehrere Felder auf "Rand-Tooltip (optional)"
Smart Fallback: Automatische Basisinformationen, wenn keine benutzerdefinierten Felder angegeben sind
Feldbezeichnungen: Feldnamen werden automatisch zu Tooltip-Beschriftungen
Reichhaltiger Inhalt: Unterstützung für den betrieblichen Kontext und Geschäftskennzahlen

🔄 Erweiterte Cross-Filterung

Drei-Wege-Filtersystem

Tabelle ↔ Visuell: Klicken Sie auf Tabellenzeilen, um Knoten/Kanten zu markieren
Legende ↔ Visuell: Klicken Sie auf Legendenelemente, um Kategorien hervorzuheben
Visuell ↔ Sonstiges Bildmaterial: Klicken Sie auf Knoten/Kanten, um Diagramme/Tabellen zu filtern
Multi-Auswahl: Halten Sie die Strg-Taste gedrückt und klicken Sie auf mehrere Elemente
Auswahl löschen: Klicken Sie auf eine leere Stelle, um alle Auswahlen zurückzusetzen
Visuelles Feedback: Hervorgehobene Elemente mit voller Deckkraft, andere abgeblendet

⚡ Erweiterte Kantensteuerungen

Organisiertes Format-Fenster

📁 Abschnitt Ränder:

🎨 Kantenfarben (Untergruppe): Individuelle Randfarben und Farbverlaufssteuerung
⚙️ Allgemein (Untergruppe): Deckkraft, Rendering-Reihenfolge und proportionale Breite

Verfügbare Steuerelemente:

Aktivieren Sie den Kantenverlauf: Sanfte Farbübergänge zwischen Knotenpunkten
Proportionale Breite: Strömungsbasierte Dickenskalierung
Deckkraft der Kante: Transparenzkontrolle (0-100%)
Kanten im Vordergrund anzeigen: Kontrolle der Schichtung

🎯 Drill-Through-Einrichtung

Erstellen Sie Drill-Through-Seiten: Spezielle Detailseiten einrichten
Filterfelder hinzufügen: NodeId/EdgeId in Drill-Through-Filter einbeziehen
Test Navigation: Klicken Sie mit der rechten Maustaste auf Knoten/Kanten, um Drill-Through-Optionen anzuzeigen.
Menü Leerer Raum: Klicken Sie mit der rechten Maustaste auf leere Bereiche für das Power BI-Standardmenü
Überprüfen Sie den Kontext: Sicherstellen, dass der gefilterte Kontext korrekt übergeben wird

🔧 Umfassender Leitfaden zur Fehlerbehebung

❌ Verbesserte Navigationsthemen ✨

Überprüfen Sie im Bereich Format > Navigationseinstellungen die Zoomsteuerung und die Sichtbarkeit der Minimap.
Vergewissern Sie sich, dass genügend Sichtfläche für die Navigationssteuerung und die Minimap vorhanden ist.
Testen Sie die Rückmeldung des Cursors während des Schwenks (er sollte grab/grabbing zeigen)
Sicherstellen, dass das Minimap-Rechteck beim Zoomen/Schwenken korrekt aktualisiert wird
Testen Sie die Reaktionsfähigkeit auf verschiedenen Bildschirmgrößen

❌ Interaktive Legendenprobleme ✨

Überprüfen Sie, ob das kategorische Feld auf "Legendenfarbe (optional)" gezogen wird.
Prüfen Sie, ob die Knoten tatsächliche Farben haben (nicht alle standardmäßig grau)
Sicherstellen, dass kategorische Daten aussagekräftige, saubere Werte enthalten
Test der Legenden-Klickfunktionalität für das Hervorhebungsverhalten
Überprüfen Sie, ob die Positionierung der Legende den visuellen Hauptinhalt nicht verdeckt.

❌ Probleme mit der proportionalen Kantenbreite ✨

Aktivieren Sie den Schalter "Proportionale Breite" im Bereich Format > Kanten > Allgemein
Stellen Sie sicher, dass das Feld Kantenwert numerische Flussdaten enthält.
Prüfen Sie, ob EdgeId, SourceId und TargetId richtig zugeordnet sind.
Überprüfen Sie, ob die Randdaten eine sinnvolle Variation der Werte aufweisen.
Prüfung, ob die Dickenskalierung visuell angemessen ist

❌ Verbesserte Tooltip-Probleme ✨

Verwenden Sie das Format "Key: Wert\nKey2: Wert2"-Format für Knoten-Tooltip-Feld
Für Edge Tooltip ziehen Sie die Felder in den Abschnitt "Edge Tooltip (optional)".
Test des intelligenten Fallbacks, wenn keine Edge-Tooltip-Felder angegeben sind
Prüfen Sie, ob Feldnamen als Beschriftungen in der Tooltip-Anzeige erscheinen
Sicherstellen, dass mehrzeilige Inhalte mit korrekten Zeilenumbrüchen angezeigt werden

❌ Querfilterung funktioniert nicht

Knotenwert- und/oder Kantenwert-Messfelder hinzufügen
Sicherstellen, dass die Messwerte ausgefüllt sind (nicht NULL/leer)
Testen Sie beide Richtungen: Tabelle → visuell und visuell → Tabelle
Legendenbasierte Filterung unabhängig testen
Überprüfen Sie, ob die Auswahl Hervorhebungen auslöst (Deckkraftänderungen)
Zunächst mit einfacher Einfachauswahl testen

❌ Visuelles wird nicht angezeigt

Prüfen Sie, ob SVG Content measure gültiges SVG-Markup zurückgibt
Überprüfen, ob das Feld NodeId zugeordnet ist und Daten enthält
Sicherstellen, dass SVG-Element-IDs genau mit NodeId-Werten übereinstimmen
Validierung der SVG-Syntax mit einem Online-SVG-Validator

❌ Knoten nicht interaktiv

Bestätigen, dass die Datenrolle NodeId ausgefüllt ist
Prüfen, ob SVG-Elemente passende id-Attribute haben
Überprüfen Sie, dass die Elemente nicht von anderen SVG-Elementen verdeckt werden.
Testen der Hover-Effekte zur Bestätigung der Elementerkennung

❌ Die Ränder sind nicht sichtbar

Zuordnen von EdgeId-, SourceId- und TargetId-Datenrollen
Sicherstellen, dass SourceId/TargetId-Werte mit vorhandenen NodeId-Werten übereinstimmen
Überprüfen Sie die Einstellung der Kantenopazität (möglicherweise zu niedrig eingestellt)
Überprüfen der Reihenfolge der Kantenwiedergabe (Vordergrund und Hintergrund)
Testen Sie zunächst mit kontrastreichen Randfarben

🎉 Erweiterte bewährte Praktiken

Verbesserte Datenmodellierung ✨

Wählen Sie aussagekräftige kategorische Felder für die interaktive Legende
Strukturierung von Tooltips im Format "Schlüssel: Wert"-Format
Verwendung von Flussmetriken für proportionale Kantenbreite
Sicherstellung der korrekten NULL-Behandlung in der UNION-Struktur
Test mit realistischen Datenmengen

Leistung & Navigation ✨

Nutzung der Minimap für die Navigation in großen Diagrammen
Optimierung der SVG-Komplexität für reibungsloses Zoomen/Schwenken
Test der proportionalen Breite mit realistischen Durchflussdaten
Überwachung der Speichernutzung mit erweiterten Funktionen
Strategische Verwendung von Maßnahmenfeldern für die Querfilterung

Benutzererfahrung ✨.

Legendenklicks für kategoriebasierte Filterung verwenden
Kombinieren Sie Tabellenfilterung mit Legendenfilterung
Sinnvolle Tooltip-Inhalte gestalten
Standardisierung von Zoomstufen und Navigationsmustern
Testen Sie alle Interaktionsabläufe von Anfang bis Ende

Erweiterte Integration ✨

Proportionale Breite für die Betriebsüberwachung verwenden
Kombinieren Sie Legendenfilterung mit Zeitreihenanalyse
Verbinden Sie Flussdaten mit prädiktiver Analytik
Erstellung umfassender multimodaler Dashboards
Integration mit geografischem Bildmaterial durch gemeinsame Filterung

🚀 Bereit für den Einstieg? Dieses umfassende Visual verwandelt statische Diagramme in interaktive digitale Zwillings-Dashboards mit professioneller Navigation, intelligenter Flussvisualisierung, kategoriebasierter Filterung und umfangreichen Kontextinformationen!