Démarrage - Digital Twin Visual

Bienvenue ! Ce guide complet vous aidera à démarrer rapidement avec le visuel Digital Twin pour Power BI, qui offre une navigation avancée, une légende interactive, une largeur de bord proportionnelle, des infobulles améliorées, un filtrage croisé et des capacités d'exploration.

📋 Vue d'ensemble des fonctionnalités

🔍 Navigation améliorée ✨

Zoom et panoramique fluides avec des animations fluides
Commandes de navigation professionnelles à l'écran
Minimap en temps réel avec indicateur de champ de vision
Retour d'information intelligent sur le curseur (saisie/accrochage)
Précision comparable à celle de la CAO pour les grands diagrammes

🎨 Interactive Legend System ✨

Légende dynamique à partir des couleurs réelles des nœuds
Cliquez sur les éléments de la légende pour mettre en évidence les nœuds
Fonctionne avec n'importe quel champ catégoriel
Intégration du filtrage croisé
Affichage du nombre de nœuds par catégorie

📊 Largeur de bord proportionnelle ✨

L'épaisseur des bords varie en fonction de l'intensité de l'écoulement
Algorithme de normalisation par nœud
Identification instantanée des goulets d'étranglement
Activer/désactiver via le panneau de format
Visualisation contextuelle des flux

💬 Amélioration des infobulles ✨

Infobulles flexibles pour les nœuds "Clé : Infobulles de nœuds "Clé : Valeur
Système de repli de l'info-bulle sur les bords intelligents
Prise en charge de plusieurs champs avec noms de champs
Génération automatique d'étiquettes
Conception rétrocompatible

🔄 Filtrage croisé avancé

Filtrage bidirectionnel avec des tableaux
Mise en évidence individuelle des nœuds et des arêtes
Filtrage des catégories basé sur une légende
Soutien à la multi-sélection
Modèle de données amélioré avec mesures

🎯 Power BI Integration

Menus contextuels conformes à AppSource
Des capacités de forage étendues
Contrôles organisés du volet de format
Contrôles de bord améliorés avec les sous-groupes
Gestion de la sélection professionnelle

📊 Configuration et exigences en matière de données améliorées

⚠️ Important : Toutes les données doivent se trouver dans une table unique utilisant une structure UNION avec une gestion NULL appropriée pour des performances optimales.

Structure du modèle de données amélioré

- Structure de données améliorée avec toutes les nouvelles fonctionnalités ✨

SELECTIONNER 

    NodeId, 

    Statut : En cours d'exécution Type : Machine Température : 85°C Rendement : 92%' comme NodeTooltip,

    Running' comme LegendColor, - Pour la légende interactive ✨

    NULL comme EdgeId, NULL comme SourceId, NULL comme TargetId, NULL comme EdgeTooltip,

    Efficacité en tant que NodeValue, - Pour le filtrage croisé

    NULL comme Valeur du bord

FROM NodesTable

UNION TOUS

SELECTIONNER 

    NULL comme NodeId, NULL comme NodeTooltip, NULL comme LegendColor,

    EdgeId, SourceId, TargetId,

    Type : MatériauFlow\nIntensité : Haute pression : 2,5 bar' comme EdgeTooltip, - Infobulles intelligentes ✨

    NULL en tant que NodeValue,

    FlowIntensity as EdgeValue - Filtrage croisé + largeur proportionnelle ✨

FROM EdgesTable

Référence des rôles de données améliorés

Champ d'application	Type	Statut	Description	Exemple
Contenu SVG	Mesure	✅ Obligatoire	Balisage SVG contenant le diagramme des jumeaux numériques	...
NodeId	Catégorie	✅ Obligatoire	Identifiant unique pour chaque nœud	M1001, B1201, T1101
Infobulle du nœud	Catégorie	✨ Amélioré	Format de l'infobulle multiligne "Clé : Format de l'info-bulle multiligne	Statut : En cours d'exécution Type : Machine : Efficacité : 92%
Couleur de la légende (en option)	Catégorie	✨ Nouveau !	Champ catégorique pour la génération interactive de légendes	Fonctionnement, maintenance, hors ligne
Valeur du nœud	Mesure	🔄 Amélioré	Paramètres commerciaux pour les nœuds de filtrage croisé	85.4, 92.1, 79.8
EdgeId	Catégorie	❌ Facultatif	Identifiant unique pour chaque bord	E1001, E1002
SourceId	Catégorie	❌ Facultatif	Nœud source des arêtes	M1001
Identifiant de la cible	Catégorie	❌ Facultatif	Nœud cible pour les arêtes	M1002
Info-bulle sur les bords (facultatif)	Catégorie	✨ Nouveau !	Infobulle multi-champs avec système de repli intelligent	Prise en charge de plusieurs champs
Valeur de l'arête	Mesure	🔄 Amélioré	Intensité du flux pour le filtrage croisé + largeur proportionnelle	85.0, 150.5, 89.1

⚙️ Guide de configuration complet

Étape 1 : Préparer votre contenu SVG

Créer une mesure SVG : Veillez à ce que votre SVG contienne des balises valides avec des id attributs
Identifications des correspondances : Les valeurs de NodeId doivent correspondre à l'élément SVG id attributs exacts
Structure propre : Utiliser un dimensionnement cohérent et éviter les transformations complexes
Couleurs neutres : Utilisez des couleurs SVG neutres ; laissez le visuel contrôler la coloration.
Conception adaptée aux bords : Concevoir des chemins de bordures qui fonctionnent bien avec une mise à l'échelle proportionnelle de la largeur.

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

"

Étape 2 : Télécharger Visual et insérer la licence

📽️ Dans cette vidéo, vous apprendrez à télécharger le visuel Digital Twin depuis AppSource et à activer votre licence.

Télécharger le visuel : Téléchargez le visuel Digital Twin à partir de MS AppSource
Ajouter un visuel : Insérer le visuel Digital Twin dans votre rapport
Insérer la licence : Collez votre clé de licence dans le champ Licence section sous Formatez votre visuel

Étape 3 : Importer vos données

📽️ Cette vidéo montre comment préparer votre mise en page SVG et structurer votre tableau de données.

Préparer les données : Créer un tableau de données unique combinant les nœuds et les arêtes (voir ci-dessus)
Importer des données : Importer le SVG (par exemple en format .txt) et le tableau de données (par exemple en format csv.) dans le champ Power BI

Étape 4 : Connecter les données au visuel

📽️ Dans cette vidéo, vous connecterez vos données au visuel et activerez la navigation et l'interactivité avec d'autres visuels.

Appliquer les données de base : Faites glisser le contenu SVG, les champs d'ID de nœud et d'ID d'arête dans le volet Visualisations correspondant.
Ajouter des données améliorées : Ajouter des mesures aux champs de la légende et de l'infobulle pour enrichir le visuel
Mettre en place un filtrage croisé : Inclure les mesures NodeValue et EdgeValue pour s'assurer que le filtrage fonctionne sur l'ensemble des visuels.
Navigation visuelle : Testez les fonctions de navigation visuelle en utilisant les commandes de zoom, la mini-carte ou le survol de la souris.

Étape 5 : Personnalisation des nœuds

📽️ Cette vidéo explique comment appliquer une mise en forme conditionnelle pour mettre en évidence des informations sur les nœuds.

Coloration simple des nœuds : Sélectionnez la couleur de votre choix pour chaque nœud dans le Nœuds section sous Formatez votre visuel
Ou Appliquer le formatage conditionnel : Définissez des règles individuelles pour colorer vos nœuds en cliquant sur l'icône de la formule.

Étape 6 : Personnalisation des bords

📽️ Dans cette vidéo, vous apprendrez à personnaliser les flux et les connexions de manière claire et dynamique.

(Dé-)sélectionner Dégradé : Activer/désactiver le dégradé pour la coloration des bords
Personnaliser le format : Ajuster l'opacité, la largeur des lignes ou l'ordre des couches
Coloriage simple des bords : Sélectionnez la couleur de votre choix pour chaque bord dans le Bords section sous Formatez votre visuel
Ou Appliquer le formatage conditionnel : Définissez des règles individuelles pour colorer vos bords en cliquant sur l'icône de la formule.

Étape 7 : Création d'une infobulle avancée

📽️ Cette vidéo explique comment afficher un contexte supplémentaire au passage de la souris, avec des infobulles simples ou avancées.

Appliquer l'info-bulle de base : Faites glisser les champs dans la section Infobulle pour appliquer une infobulle de base.
Ou Créer une info-bulle avancée : Créer une page d'infobulles personnalisée avec des graphiques, des indicateurs de performance clés, etc.
Se connecter à Visual : Ajouter l'ID du nœud ou l'ID de l'arête au champ Tooltip

Étape 8 : Élaborer une option de forage

📽️ Cette vidéo explique comment créer des pages d'analyse approfondie pour les nœuds ou les arêtes.

Créer une page de détail : Créer une page de rapport et concevoir des visuels personnalisés pour obtenir des informations détaillées
Se connecter à Visual : Ajouter nodeID ou edgeID au champ Drillthrough
Perçage d'essai : Cliquez avec le bouton droit de la souris sur un nœud ou une arête → Faites un zoom avant pour afficher les détails.

Étape 9 : Appliquer un formatage conditionnel avancé

📽️ Dans cette vidéo, vous apprendrez à appliquer une mise en forme basée sur des règles à l'aide de mesures combinées pour une coloration plus claire et prioritaire des nœuds et des arêtes.

Créer une mesure combinée : Créer une mesure combinée sous forme de colonne pour refléter des conditions multiples (par exemple, le statut et le type de nœud).
Formatage conditionnel : Définir des règles de mise en forme conditionnelle basées sur la nouvelle mesure combinée
Insérer la légende : Insérer le même champ en tant que légende pour améliorer la clarté et le filtrage.

🎯 Guide d'utilisation des fonctions avancées

🔍 Navigation et zoom améliorés ✨

Interactions avec la souris et le toucher

Molette de la souris : Défilement pour zoomer/dézoomer avec des animations fluides
Cliquer et faire glisser : Panoramique avec retour visuel du curseur (saisie)
Commandes de navigation : Utiliser les boutons +, - et d'accueil à l'écran
Réinitialiser la vue : Cliquez sur le bouton d'accueil pour revenir en douceur à l'affichage d'origine.
Navigation par mini-carte : Cliquez sur la minimap pour passer d'une zone à l'autre
Suivi de la fenêtre de visualisation : Regarder le rectangle de la fenêtre de visualisation en temps réel dans la minimap

🎨 Interactive Legend System ✨

Configuration et utilisation de la légende

Mise en place : Faites glisser n'importe quel champ catégoriel vers "Couleur de la légende (facultatif)"
Lecture des couleurs : La légende lit automatiquement les couleurs réelles des nœuds rendus
Cliquez sur Filtrer : Cliquez sur les éléments de la légende pour mettre en évidence les nœuds correspondants
Retour d'information visuel : Les catégories sélectionnées sont mises en évidence, les autres sont atténuées
Transversal : Les clics sur la légende déclenchent un filtrage dans d'autres visuels
Remise à zéro : Cliquez à nouveau sur le même élément de légende pour effacer le surlignage

💡 Conseil de pro : Parfait pour le suivi de l'état, le filtrage des catégories et la compréhension de ce que les couleurs des nœuds représentent d'un seul coup d'œil.

📊 Largeur de bord proportionnelle ✨

Visualisation basée sur les flux

Cartographie des données : Mapper l'intensité du flux/le débit sur le champ Edge Value
Activer la fonction : Volet Format > Bords > Général > "Largeur proportionnelle"
Mise à l'échelle visuelle : L'épaisseur des bords s'adapte automatiquement aux valeurs des données
Mise à l'échelle contextuelle : La normalisation par nœud montre l'importance relative
Identification du goulot d'étranglement : Identifier instantanément les connexions à haut débit
Portée visuelle : 1px d'épaisseur minimum à 8px d'épaisseur maximum

💡 Valeur commerciale : Utilisez les tableaux de bord opérationnels pour repérer immédiatement les goulets d'étranglement et les connexions à haut débit dans votre jumeau numérique.

💬 Système d'infobulles amélioré ✨

Configuration flexible des info-bulles

Info-bulles sur les nœuds : Utiliser le format "Key : ValeurnClé2 : Valeur2" dans le champ d'info-bulle du nœud
Support multiligne : Utiliser \n pour les sauts de ligne dans le contenu des infobulles
Info-bulles sur les bords : Faites glisser plusieurs champs vers "Info-bulle de bord (facultatif)"
Smart Fallback : Informations de base automatiques lorsqu'aucun champ personnalisé n'est spécifié
Étiquettes de champ : Les noms de champs deviennent automatiquement des étiquettes d'infobulles
Contenu riche : Soutien au contexte opérationnel et aux indicateurs de performance

🔄 Filtrage croisé avancé

Système de filtrage à trois voies

Tableau ↔ Visuel : Cliquez sur les lignes du tableau pour mettre en évidence les nœuds et les arêtes.
Légende ↔ Visuel : Cliquez sur les éléments de la légende pour mettre en évidence les catégories
Visuel ↔ Autres visuels : Cliquez sur les nœuds/arêtes pour filtrer les graphiques/tables.
Multi-sélection : Maintenir la touche Ctrl enfoncée et cliquer sur plusieurs éléments
Effacer la sélection : Cliquez sur l'espace vide pour réinitialiser toutes les sélections
Retour d'information visuel : Les éléments mis en évidence sont totalement opaques, les autres sont atténués.

⚡ Contrôles avancés des bords

Volet Format organisé

📁 Section des bords :

🎨 Edge Colors (sous-groupe) : Couleurs individuelles des bords et contrôles des dégradés
⚙️ Général (sous-groupe) : Opacité, ordre de rendu et largeur proportionnelle

Contrôles disponibles :

Activer le dégradé des bords : Transitions de couleurs douces entre les nœuds
Largeur proportionnelle : Mise à l'échelle de l'épaisseur en fonction de l'écoulement
Opacité des bords : Contrôle de la transparence (0-100%)
Afficher les bords en premier plan : Contrôle de la stratification

🎯 Configuration du perçage

Créer des pages transparentes : Mettre en place des pages détaillées dédiées
Ajouter des champs de filtre : Inclure NodeId/EdgeId dans les filtres d'exploration
Navigation de test : Cliquez avec le bouton droit de la souris sur les nœuds/arêtes pour afficher les options d'exploration.
Menu Espace vide : Cliquer avec le bouton droit de la souris sur les zones vides pour le menu Power BI standard
Vérifier le contexte : S'assurer que le contexte filtré est transmis correctement

Guide complet de dépannage

❌ Amélioration de la navigation ✨

Vérifiez le volet Format > Paramètres de navigation pour les commandes de zoom et la visibilité de la carte minimale.
Vérifier que l'espace visuel est suffisant pour les commandes de navigation et la carte minimale.
Tester le retour d'information du curseur pendant les opérations de panoramique (devrait montrer l'accrochage/la saisie).
S'assurer que le rectangle de la minimap est correctement mis à jour lors d'un zoom ou d'un panoramique.
Test sur différentes tailles d'écran pour un comportement réactif

❌ Problèmes de légende interactifs ✨

Vérifier que le champ catégoriel est déplacé vers "Couleur de la légende (facultatif)".
Vérifier que les nœuds ont des couleurs réelles (pas tous les gris par défaut)
S'assurer que les données catégorielles contiennent des valeurs significatives et propres.
Tester la fonctionnalité de clic sur la légende pour vérifier le comportement de la mise en évidence
Vérifier que le positionnement de la légende n'obstrue pas le contenu visuel principal.

❌ Questions relatives à la largeur proportionnelle des bords ✨

Activer l'option "Largeur proportionnelle" dans le volet Format > Bords > Général
S'assurer que le champ "Edge Value" contient des données numériques sur le débit
Vérifier que EdgeId, SourceId, TargetId sont correctement mis en correspondance.
Vérifier que les données de bord présentent une variation significative des valeurs
Vérifier que l'échelle d'épaisseur est visuellement appropriée

❌ Problèmes d'info-bulles améliorés ✨

Utiliser le format "Key : ValuenKey2 : Value2" pour le champ Tooltip du nœud
Pour l'infobulle de bord, faites glisser les champs vers la section "Infobulle de bord (facultatif)".
Test d'une solution de repli intelligente lorsqu'aucun champ d'infobulle n'est spécifié
Vérifier que les noms des champs apparaissent comme des étiquettes dans l'affichage de l'infobulle
Veiller à ce que le contenu multiligne s'affiche avec des sauts de ligne appropriés

❌ Le filtrage croisé ne fonctionne pas

Ajouter des champs de mesure de la valeur du nœud et/ou de la valeur de l'arête
S'assurer que les valeurs des mesures sont renseignées (pas NULL/vides)
Tester les deux sens : tableau → visuel et visuel → tableau
Tester indépendamment le filtrage basé sur les légendes
Vérifier que la sélection déclenche des surbrillances (changements d'opacité)
Test avec une simple sélection unique d'abord

❌ Le visuel ne s'affiche pas

Vérifier que la mesure de contenu SVG renvoie des balises SVG valides
Vérifier que le champ NodeId est mappé et contient des données
S'assurer que les ID des éléments SVG correspondent exactement aux valeurs des NodeId
Valider la syntaxe SVG à l'aide d'un validateur SVG en ligne

❌ Nœuds non interactifs

Confirmer que le rôle de données NodeId est rempli
Vérifier que les éléments SVG ont des attributs id correspondants
Vérifier que les éléments ne sont pas cachés par d'autres éléments SVG
Tester les effets de survol pour confirmer la détection des éléments

❌ Les bords ne sont pas visibles

Mapper les rôles de données EdgeId, SourceId et TargetId
S'assurer que les valeurs SourceId/TargetId correspondent aux valeurs NodeId existantes
Vérifier le réglage de l'opacité des bords (peut-être trop faible)
Vérifier l'ordre de rendu des bords (avant-plan vs arrière-plan)
Tester d'abord les couleurs des bords à fort contraste

🎉 Meilleures pratiques avancées

Modélisation améliorée des données ✨

Choisir des champs catégoriels significatifs pour la légende interactive
Structurer les infobulles en utilisant le format "Clé : Valeur".
Utiliser des mesures de flux pour la largeur proportionnelle des bords
Assurer une gestion correcte des NULL dans la structure UNION
Test avec des volumes de données réalistes

Performance et navigation ✨

Tirer parti de la minimap pour la navigation dans les grands diagrammes
Optimiser la complexité du SVG pour un zoom/pan fluide
Tester la largeur proportionnelle avec des données de débit réalistes
Contrôle de l'utilisation de la mémoire grâce à des fonctions améliorées
Utiliser les champs de mesure de manière stratégique pour le filtrage croisé

Expérience utilisateur ✨

Utiliser les clics de légende pour le filtrage par catégorie
Combiner le filtrage des tableaux avec le filtrage des légendes
Concevoir un contenu d'infobulle pertinent
Normaliser les niveaux de zoom et les schémas de navigation
Tester tous les flux d'interaction de bout en bout

Intégration avancée ✨

Utiliser la largeur proportionnelle pour le contrôle opérationnel
Combiner le filtrage des légendes avec l'analyse des séries temporelles
Connecter les données de flux à l'analyse prédictive
Créer des tableaux de bord multimodaux complets
Intégrer des visuels géographiques à l'aide d'un filtrage partagé

🚀 Prêt à commencer ? Ce visuel complet transforme les diagrammes statiques en tableaux de bord interactifs avec une navigation professionnelle, une visualisation intelligente des flux, un filtrage basé sur les catégories et de riches informations contextuelles !