Darba sākšana - Digital Twin Visual

Laipni lūdzam! Šis visaptverošais ceļvedis palīdzēs jums ātri sākt darbu ar Power BI Digital Twin vizuālo lietojumprogrammu, kurā ir uzlabota navigācija, interaktīva leģenda, proporcionāls malu platums, uzlaboti rīkjoslas uzraksti, šķērssfiltrēšana un urbšanas iespējas.

📋 Visaptverošs funkciju pārskats

🔍 Uzlabota navigācija ✨

Plūstoša tālummaiņa un panoramēšana ar vienmērīgu animāciju
Profesionālas ekrāna navigācijas vadības ierīces
Reāllaika minimālā karte ar skata rādītāju
Viedā kursora atgriezeniskā saite (satveršana/aizķeršana)
CAD līdzīga precizitāte lielām diagrammām

🎨 Interaktīvā leģendu sistēma ✨

Dinamiska leģenda no faktiskajām mezglu krāsām
Noklikšķiniet uz leģendas elementiem, lai izceltu mezglus
Darbojas ar jebkuru kategoriju lauku
Savstarpējas filtrēšanas integrācija
Mezglu skaita rādīšana pa kategorijām

📊 Proporcionāls malas platums ✨

Malu biezums mainās atkarībā no plūsmas intensitātes
Normalizācijas algoritms katram mezglam
Tūlītēja šauru vietu identificēšana
Ieslēgšana/izslēgšana, izmantojot formāta paneli
Kontekstuālā plūsmas vizualizācija

💬 Uzlabotas rīkjoslas ✨

Elastīga "Atslēga: Vērtība" mezglu uzraksti
Viedā malas papildinformācijas sistēma
Vairāku lauku atbalsts ar lauku nosaukumiem
Automātiska etiķešu ģenerēšana
Atpakaļēji saderīgs dizains

🔄 Uzlabotā šķērssfiltrācija

Divvirzienu filtrēšana ar tabulām
Atsevišķu mezglu / malu izcelšana
Uz leģendām balstīta kategoriju filtrēšana
Vairāku atlases iespēju atbalsts
Uzlabots datu modelis ar pasākumiem

🎯 Power BI integrācija

AppSource saderīgas konteksta izvēlnes
Plašas urbšanas iespējas
Organizēti formāta paneļa elementi
Uzlabota malu kontrole ar apakšgrupām
Profesionāla atlases vadība

📊 Uzlabota datu iestatīšana un prasības

⚠️ Svarīgi: Lai nodrošinātu optimālu veiktspēju, visiem datiem jābūt vienā tabulā, izmantojot UNION struktūru ar pareizu NULL apstrādi.

Uzlabotā datu modeļa struktūra

- Uzlabota datu struktūra ar visām jaunajām funkcijām ✨

SELECT 

    NodeId, 

    "Statuss: Running\nType: Mašīna\nTemperatūra: 85°C\nEfektivitāte: 92%' as NodeTooltip,

    'Running' kā LegendColor, - Interaktīvai leģendai ✨

    NULL kā EdgeId, NULL kā SourceId, NULL kā TargetId, NULL kā EdgeTooltip,

    Efektivitāte kā NodeValue, - Savstarpējai filtrēšanai

    NULL kā EdgeValue

FROM NodesTable

VIENOTĪBA VISIEM

SELECT 

    NULL kā NodeId, NULL kā NodeTooltip, NULL kā LegendColor,

    EdgeId, SourceId, TargetId,

    "Veids: Materiāla plūsma\nIntensitāte: High\nPressure: 2.5 bar' as EdgeTooltip, - Smart tooltips ✨

    NULL kā NodeValue,

    FlowIntensity kā EdgeValue - Cross-filtrēšana + proporcionālais platums ✨

FROM EdgesTable

Uzlaboto datu lomas atsauce

Laukums	Tips	Statuss	Apraksts	Piemērs
SVG saturs	Pasākums	✅ Nepieciešams	SVG iezīmējums, kurā ir digitālā dvīņu diagramma	...
NodeId	Kategorija	✅ Nepieciešams	Katra mezgla unikāls identifikators	M1001, B1201, T1101
Mezglu rīkotnes uzraksts	Kategorija	✨ Uzlabots	"Atslēga: Vērtība" daudzrindu norādes formāts	Statuss: Running\nType: Mašīna\nEfektivitāte: 92%
Leģendas krāsa (pēc izvēles)	Kategorija	✨ Jaunums!	Kategoriju lauks interaktīvas leģendas ģenerēšanai	Darbs, Uzturēšana, Bezsaistes režīmā
Mezgla vērtība	Pasākums	🔄 Uzlabots	Uzņēmējdarbības rādītāji krusteniskās filtrēšanas mezgliem	85.4, 92.1, 79.8
EdgeId	Kategorija	❌ Pēc izvēles	Katras malas unikāls identifikators	E1001, E1002
SourceId	Kategorija	❌ Pēc izvēles	Malu avota mezgls	M1001
TargetId	Kategorija	❌ Pēc izvēles	Mērķa mezgls malām	M1002
Edge Tooltip (pēc izvēles)	Kategorija	✨ Jaunums!	Vairāku lauku rīkjosla ar gudru atkāpšanās sistēmu	Vairāki atbalstītie lauki
Malas vērtība	Pasākums	🔄 Uzlabots	Plūsmas intensitāte šķērsfiltrēšanai + proporcionālais platums	85.0, 150.5, 89.1

⚙️ Visaptverošs konfigurācijas ceļvedis

1. solis: Sagatavojiet SVG saturu

Izveidot SVG pasākumu: Pārliecinieties, ka jūsu SVG satur derīgu marķējumu ar unikālu id atribūti
Spēles ID: NodeId vērtībām jāatbilst SVG elementam id atribūti tieši
Tīra struktūra: Izmantojiet konsekventu lielumu un izvairieties no sarežģītām transformācijām
Neitrālas krāsas: Izmantojiet neitrālas SVG krāsas; ļaujiet vizuālajai kontrolei pār krāsojumu
Edge-Ready dizains: Izstrādājiet malu ceļus, lai tie labi darbotos ar proporcionālu platuma mērogošanu.

SVG saturs = 

"

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

"

Step 2: Download Visual and Insert License

📽️ In this video, you’ll learn how to download the Digital Twin visual from AppSource and activate your license.

Download Visual: Download the Digital Twin visual from MS AppSource
Pievienot vizuālo: Digitālā dvīņubrāļa vizuālā attēla ievietošana pārskatā
Insert License: Paste your license key into the License section under Format your visual

Step 3: Import Your Data

📽️ This video shows how to prepare your SVG layout and structure your data table.

Prepare Data: Create a single data table combining nodes and edges (see above)
Import Data: Import the SVG (e.g. as .txt) and data table (e.g. as csv.) into Power BI field

Step 4: Connect Data to the Visual

📽️ In this video, you’ll connect your data to the visual and enable navigation and interactivity with other visuals.

Apply Basic Data: Drag SVG content, node ID, and edge ID fields in the respective Visualizations pane
Add Enhanced Data: Add measures to legend and tooltip fields to enrich the visual
Implement Cross-Filtering: Include NodeValue and EdgeValue measures to ensure filtering works across visuals
Visual Navigation: Test the visual navigation features using zoom controls, mini-map or mouse-over

Step 5: Customize Your Nodes

📽️ This video covers how to apply conditional formatting to highlight node insights.

Simple Node Coloring: Select your preferred color for each node in the Nodes section under Format your visual
Or Apply Conditional-Formatting: Set up individual rules to color your nodes by clicking the formula icon

Step 6: Customize Your Edges

📽️ In this video, learn how to customize flows and connections clearly and dynamically.

(De-)select Gradient: Toggle gradient on/off for edge coloring
Customize Format: Adjust opacity, line width, or layer order
Simple Edge Coloring: Select your preferred color for each edge in the Edges section under Format your visual
Or Apply Conditional-Formatting: Set up individual rules to color your edges by clicking the formula icon

Step 7: Create Advanced Tooltip

📽️ This video explains how to display extra context via mouse-over, with either simple or advanced. tooltips

Apply Basic Tooltip: Drag fields into the Tooltip section to apply a basic tooltip
Or Create Advanced Tooltip: Create a custom tooltip page with charts, KPIs, and more
Connect to Visual: Add nodeID or edgeID to the Tooltip field

Step 8: Develop Drillthrough Option

📽️ In this video, learn how to create deep-dive analysis pages for nodes or edges.

Create Detail Page: Create a report page and design customized visuals for detailed insights
Connect to Visual: Add nodeID or edgeID to the Drillthrough field
Test Drillthrough: Right-click a node or edge → Drillthrough to view details

Step 9: Apply Advanced Conditional Formatting

📽️ In this video, you’ll learn how to apply rule-based formatting using combined measures for clearer, priority-based node and edge coloring.

Create Combined Measure: Create a combined measure as a column to reflect multiple conditions (e.g., node status and type)
Nosacījumu formatēšana: Set up conditional formatting rules based on the new combined measure
Insert Legend: Insert the same field as a legend to improve clarity and filtering

🎯 Paplašināto funkciju lietošanas ceļvedis

🔍 Uzlabota navigācija un tālummaiņa ✨

Mīklas un skārienu mijiedarbība

Peles ritenis: Ritiniet, lai tuvinātu/attālinātu ar vienmērīgu animāciju
Noklikšķiniet un velciet: Pārvietošanās ar vizuālo kursora atgriezenisko saiti (satveršana/aizķeršana)
Navigācijas vadības ierīces: Ekrāna +, - un sākuma pogas izmantošana
Atiestatīt skatu: Noklikšķiniet uz sākuma pogas, lai vienmērīgi atgrieztos sākotnējā skatā.
Minimālā karte Navigācija: Noklikšķiniet uz minimapas, lai pārietu uz dažādām zonām
Skatu lauka izsekošana: Skatīties reāllaika skata taisnstūri minimapā

🎨 Interaktīvā leģendu sistēma ✨

Leģendas iestatīšana un lietošana

Iestatīšana: Velciet jebkuru kategorisku lauku uz "Leģendas krāsa (pēc izvēles)".
Krāsu lasīšana: Leģenda automātiski nolasa faktiskās krāsas no atveidotajiem mezgliem
Noklikšķiniet, lai filtrētu: Noklikšķiniet uz leģendas elementiem, lai izceltu atbilstošos mezglus
Vizuālā atgriezeniskā saite: Izvēlētās kategorijas ir izceltas, pārējās ir izplūdušas
Savstarpēji vizuālie: Leģendas klikšķi izraisa filtrēšanu citos vizuālos attēlos
Atiestatīšana: Vēlreiz noklikšķiniet uz tā paša leģendas elementa, lai dzēstu izcelšanu

💡 Profesionāļu padoms: Tas ir lieliski piemērots statusa uzraudzībai, kategoriju filtrēšanai un ātrai mezglu krāsu izpratnei.

📊 Proporcionāls malas platums ✨

Uz plūsmu balstīta vizualizācija

Datu kartēšana: Kartē plūsmas intensitāti/ caurlaidspēju ar Edge Value lauku
Iespējot funkciju: Formatēšanas logs > Malas > Vispārīgi > "Proporcionāls platums"
Vizuālā mērogošana: Malu biezums automātiski mērogots atbilstoši datu vērtībām
Kontekstuālā mērogošana: Normalizācija pa mezgliem parāda relatīvo nozīmi
Šaurā vieta ID: Uzreiz identificējiet augstas plūsmas savienojumus
Vizuālais diapazons: 1px minimālais līdz 8px maksimālais biezums

💡 Biznesa vērtība: Izmantojiet operatīvajiem paneļiem, lai nekavējoties pamanītu vājās vietas un augstas caurlaides savienojumus savā digitālajā dvīnī.

💬 Uzlabota rīku uzgaļu sistēma ✨

Elastīga rīkjoslas konfigurācija

Mezglu uzgaļi: Izmantojiet "Atslēga: Value\nKey2: Value2" formāts mezgla uzraksta laukā
Vairāku līniju atbalsts: Izmantojiet \n rindas pārrāvumiem rīku uzrakstu saturā
Malu rīkjoslas: Velciet vairākus laukus uz "Edge Tooltip (pēc izvēles)"
Viedā atkāpšanās iespēja: Automātiska pamatinformācija, ja nav norādīti pielāgotie lauki
Lauka etiķetes: Lauku nosaukumi automātiski kļūst par rīkotņu uzrakstiem
Bagātīgs saturs: Atbalsts darbības kontekstam un uzņēmējdarbības rādītājiem

🔄 Uzlabotā šķērssfiltrācija

Trīspusējā filtrēšanas sistēma

Tabula ↔ Vizuālais: Noklikšķiniet uz tabulas rindām, lai izceltu mezglus/šķautnes.
Leģenda ↔ Vizuālais: Noklikšķiniet uz leģendas elementiem, lai izceltu kategorijas
Vizuālā ↔ Citi vizuālie materiāli: Noklikšķiniet uz mezgliem/šķautnēm, lai filtrētu diagrammas/ tabulas
Vairākas izvēles iespējas: Turiet nospiestu taustiņu Ctrl un noklikšķiniet uz vairākiem elementiem
Skaidra atlase: Noklikšķiniet uz tukšas vietas, lai atiestatītu visas izvēles
Vizuālā atgriezeniskā saite: Izceltie elementi ir pilnībā necaurspīdīgi, pārējie - aptumšoti

⚡ Uzlabotas malu vadības ierīces

Sakārtota formāta rūtiņa

📁 Malu sadaļa:

🎨 Malu krāsas (apakšgrupa): Atsevišķas malu krāsas un gradienta vadības elementi
⚙️ Vispārīgi (apakšgrupa): Necaurspīdīgums, atveidošanas secība un proporcionālais platums

Pieejamās vadības ierīces:

Ieslēgt malu gradientu: Vienmērīga krāsu pāreja starp mezgliem
Proporcionāls platums: Uz plūsmu balstīta biezuma mērogošana
Malu necaurredzamība: Caurspīdīguma kontrole (0-100%)
Rādīt malas priekšplānā: Slāņošanas kontrole

🎯 Caururbšanas iestatīšana

Izveidojiet caurviju lapas: Izveidojiet īpašas detalizētas lapas
Pievienot filtra laukus: NodeId/EdgeId iekļaušana urbšanas caur filtriem
Testa navigācija: Noklikšķiniet ar peles labo pogu noklikšķiniet uz mezgliem/šķautnēm, lai skatītu urbšanas opcijas.
Tukša telpa Izvēlne: Standarta Power BI izvēlnes izveide ar peles labo pogu noklikšķiniet uz tukšajiem apgabaliem
Pārbaudiet kontekstu: Nodrošināt pareizu filtrētā konteksta nodošanu

🔧 Visaptverošs problēmu novēršanas ceļvedis

❌ Uzlabotas navigācijas problēmas ✨

Pārbaudiet Formāta logs > Navigācijas iestatījumi tālummaiņas un minimā kartes redzamības iestatījumus
Pārbaudiet, vai navigācijas vadības elementiem un minimapai ir pietiekami daudz vizuālās telpas.
Testēt kursora atgriezenisko saiti panoramēšanas darbību laikā (jāparāda satveršana/aizķeršana)
Pārliecinieties, ka minimapas skata taisnstūris tiek pareizi atjaunināts tālummaiņas/pārvietošanas laikā
Testēšana dažādos ekrāna izmēros, lai pārbaudītu responsīvo uzvedību

❌ Interaktīvās leģendas problēmas ✨

Pārbaudiet, vai kategoriskais lauks ir pārvilkts uz "Leģendas krāsa (pēc izvēles)".
Pārbaudiet, vai mezgliem ir faktiskās krāsas (nevis visas noklusējuma pelēkās).
Pārliecinieties, ka kategoriskie dati satur jēgpilnas un tīras vērtības.
Testēt leģendas klikšķa funkcionalitāti, lai izceltu uzvedību
Pārbaudiet, vai leģendas novietojums netraucē galvenajam vizuālajam saturam.

❌ Proporcionālā malas platuma problēmas ✨

Ieslēgt pārslēgšanas pogu "Proporcionāls platums" logrīkā Formāts > Malas > Vispārīgi
Pārliecinieties, ka malas vērtības laukā ir skaitliskie plūsmas dati.
Pārbaudiet, vai EdgeId, SourceId, TargetId ir pareizi kartēti.
Pārbaudiet, vai malu datiem ir nozīmīgas vērtību variācijas.
Pārbaudiet, vai biezuma mērogošana ir vizuāli atbilstoša

❌ Uzlabotas rīku uzrakstu problēmas ✨

Izmantojiet "Atslēga: Value\nKey2: Value2" formāts mezgla uzraksta laukam
Attiecībā uz Edge Tooltip velciet laukus uz sadaļu "Edge Tooltip (neobligāti)".
Pārbaudīt gudro atteikumu, ja nav norādīti Edge Tooltip lauki
Pārbaudiet, vai lauka nosaukumi tiek parādīti kā uzraksti uz uz uzraksta ar uzrakstiem
Pārliecinieties, ka daudzrindu saturs tiek rādīts ar pareiziem rindu pārrāvumiem.

❌ Šķērsfiltrēšana nedarbojas

Pievienojiet mezgla vērtības un/vai malas vērtības mērījumu laukus
Pārliecinieties, ka mērījumu vērtības ir aizpildītas (nav NULL/tušas).
Pārbaudiet abus virzienus: tabula → vizuālais un vizuālais → tabula.
Uz leģendām balstītas filtrēšanas patstāvīga testēšana
Pārbaudiet, vai atlase izraisa izcelšanu (mainās necaurspīdīgums).
Vispirms testējiet ar vienkāršu vienreizēju atlasi

❌ Vizuālais netiek rādīts

Pārbaudiet, vai SVG satura mērījums atgriež derīgu SVG iezīmējumu
Pārbaudiet, vai NodeId lauks ir kartēts un satur datus
Nodrošināt, lai SVG elementu ID precīzi atbilstu NodeId vērtībām
SVG sintakses validēšana, izmantojot SVG validatoru tiešsaistē

❌ Mezgli nav interaktīvi

Apstipriniet, ka datu loma NodeId ir aizpildīta
Pārbaudiet, vai SVG elementiem ir atbilstoši id atribūti
Pārbaudiet, vai elementus neslēpj citi SVG elementi
Pārbaudiet hover efektus, lai apstiprinātu elementa noteikšanu

❌ Malas nav redzamas

Kartē EdgeId, SourceId un TargetId datu lomas
Nodrošināt, lai SourceId/TargetId vērtības atbilstu esošajām NodeId vērtībām.
Pārbaudiet malu necaurspīdīguma iestatījumu (iespējams, iestatīts pārāk zems).
Pārbaudīt malu atveidošanas secību (priekšplāns pret fonu)
Vispirms pārbaudiet ar kontrastaināmām malu krāsām

🎉 Uzlabotā paraugprakse

Uzlabota datu modelēšana ✨

Izvēlieties jēgpilnus kategoriju laukus interaktīvajai leģendai
Strukturējiet rīkjoslas, izmantojot "Atslēga: Vērtība" formāts
Izmantojiet plūsmas mērījumus proporcionālam malas platumam
Nodrošināt pareizu NULL apstrādi UNION struktūrā
Testēšana ar reāliem datu apjomiem

Veiktspēja un navigācija ✨

Minimā kartes izmantošana lielu diagrammu navigācijai
SVG sarežģītības optimizēšana vienmērīgai tālummaiņai/aplikācijai
Proporcionālā platuma pārbaude ar reāliem plūsmas datiem
Uzraudzīt atmiņas izmantošanu ar uzlabotām funkcijām
Stratēģiski izmantojiet mērījumu laukus savstarpējai filtrēšanai

Lietotāja pieredze ✨

Izmantojiet leģendas klikšķus filtrēšanai pēc kategorijas
Tabulu filtrēšanas apvienošana ar leģendu filtrēšanu
Izstrādājiet jēgpilnu uzgaļu saturu
Tālummaiņas līmeņu un navigācijas modeļu standartizēšana
visu mijiedarbības darbplūsmu testēšana no gala līdz galam

Uzlabota integrācija ✨

Izmantojiet proporcionālo platumu darbības uzraudzībai
Apvienojiet leģendu filtrēšanu ar laika rindu analīzi
Savienojiet plūsmas datus ar prognozēšanas analītiku
Izveidojiet visaptverošus multimodālus paneļus.
Integrēt ar ģeogrāfiskajiem vizuālajiem attēliem, izmantojot koplietošanas filtrēšanu

🚀 Esat gatavs sākt? Šis visaptverošais vizuālais risinājums pārvērš statiskās diagrammas par interaktīviem digitālajiem dvīņu paneļiem ar profesionālu navigāciju, inteliģentu plūsmas vizualizāciju, filtrēšanu pēc kategorijām un bagātīgu kontekstuālo informāciju!