Aloittaminen - Digital Twin Visual

Tervetuloa! Tämä kattava opas auttaa sinua pääsemään nopeasti alkuun Power BI:n Digital Twin -visuaalisessa muodossa, jossa on kehittynyt navigointi, interaktiivinen legenda, suhteellinen reunan leveys, parannetut työkaluvihjeet, ristiinsuodatus ja läpileikkausominaisuudet.

📋 Kattava ominaisuuskatsaus

🔍 parannettu navigointi ✨

Sujuva zoomaus ja panorointi sulavilla animaatioilla
Ammattimaiset näytön navigointiohjaimet
Reaaliaikainen minikartta näkymäalueen ilmaisimella
Älykäs kursoripalaute (tarttuminen/kaappaus)
CAD-tyyppinen tarkkuus suurille kaavioille

🎨 Vuorovaikutteinen tarujärjestelmä ✨

Dynaaminen legenda todellisista solmujen väreistä
Napsauta legendan kohteita korostaaksesi solmuja
Toimii minkä tahansa kategorisen kentän kanssa
Ristiinsuodatuksen integrointi
Solmujen lukumäärän näyttö luokittain

📊 Suhteellinen reunan leveys ✨

Reunan paksuus skaalautuu virtauksen voimakkuuden mukaan
Solmukohtainen normalisointialgoritmi
Pullonkaulojen välitön tunnistaminen
Vaihda päälle/pois muotoiluruudun kautta
Kontekstuaalinen virtauksen visualisointi

💬 Parannetut työkaluvihjeet ✨

Joustava "Avain: Arvo" solmun työkaluvihjeet
Älykäs reunan työkaluvihjeen palautusjärjestelmä
Monikenttätuki kenttien nimillä
Automaattinen etikettien luominen
Taaksepäin yhteensopiva rakenne

🔄 Kehittynyt ristiinsuodatus

Kaksisuuntainen suodatus taulukoiden avulla
Yksittäisen solmun/reunan korostus
Legendaan perustuva luokkien suodatus
Monivalintatuki
Parannettu tietomalli toimenpiteineen

🎯 Power BI -integraatio

AppSource-yhteensopivat kontekstivalikot
Runsaat läpikäyntiominaisuudet
Järjestetty muotoiluruudun ohjaimet
Parannettu reunanohjaus alaryhmien kanssa
Ammattimainen valinnanhallinta

📊 Tehostettu tietojen asennus ja vaatimukset

⚠️ Tärkeää: Kaikkien tietojen on oltava yhdessä taulukossa käyttäen UNION-rakennetta ja asianmukaista NULL-käsittelyä optimaalisen suorituskyvyn varmistamiseksi.

Parannettu tietomallin rakenne

- Parannettu tietorakenne kaikilla uusilla ominaisuuksilla ✨

SELECT 

    NodeId, 

    'Tila: Status: Running\nType: Teho: 92%' as NodeTooltip,

    'Running' as LegendColor, - Vuorovaikutteista legendaa varten ✨

    NULL as EdgeId, NULL as SourceId, NULL as TargetId, NULL as EdgeTooltip,

    Efficiency as NodeValue, - Ristiinsuodatusta varten.

    NULL as EdgeValue

FROM NodesTable

UNION ALL

SELECT 

    NULL as NodeId, NULL as NodeTooltip, NULL as LegendColor,

    EdgeId, SourceId, TargetId,

    'Tyyppi: Materiaalivirta\nIntensiteetti: EdgeTooltip, - Älykkäät työkaluvihjeet ✨.

    NULL as NodeValue,

    FlowIntensity as EdgeValue - Ristiinsuodatus + suhteellinen leveys ✨

FROM EdgesTable

Enhanced Data Roles -viite

Kenttä	Tyyppi	Tila	Kuvaus	Esimerkki
SVG-sisältö	Toimenpide	✅ Vaaditaan	SVG-merkintä, joka sisältää digitaalisen kaksoskaavion.	...
NodeId	Luokka	✅ Vaaditaan	Kunkin solmun yksilöllinen tunniste	M1001, B1201, T1101
Solmun työkaluvihje	Luokka	✨ Parannettu	"Avain: Arvo" monirivinen työkaluvihjeen muoto	Tilanne: Tyyppi: Käynnissä\nType: Tehokkuus: 92%
Selityksen väri (valinnainen)	Luokka	✨ Uusi!	Kategorinen kenttä interaktiivista legendan luomista varten	Käynnissä, ylläpito, offline
Solmun arvo	Toimenpide	🔄 Parannettu	Ristiinsuodatussolmujen liiketoimintamittarit	85.4, 92.1, 79.8
EdgeId	Luokka	❌ Valinnainen	Kunkin reunan yksilöllinen tunniste	E1001, E1002
SourceId	Luokka	❌ Valinnainen	Reunojen lähtösolmu	M1001
TargetId	Luokka	❌ Valinnainen	Reunojen kohdesolmu	M1002
Reunan työkaluvihje (valinnainen)	Luokka	✨ Uusi!	Monikenttätyökaluvihje älykkäällä palautusjärjestelmällä varustettuna	Tuetaan useita kenttiä
Reunan arvo	Toimenpide	🔄 Parannettu	Virtauksen voimakkuus ristiinsuodatusta varten + suhteellinen leveys	85.0, 150.5, 89.1

⚙️ Kattava konfigurointiopas

Vaihe 1: Valmistele SVG-sisältö

Luo SVG Toimenpide: Varmista, että SVG sisältää kelvollista merkintää, jossa on yksilöllinen id attribuutit
Ottelutunnukset: NodeId-arvojen on vastattava SVG-elementin arvoja. id attribuutit täsmälleen
Puhdas rakenne: Käytä johdonmukaista kokoa ja vältä monimutkaisia muunnoksia
Neutraalit värit: Käytä neutraaleja SVG-värejä; anna visuaalisen ohjauksen hallita väritystä.
Edge-Ready Design: Suunnittele reunapolut niin, että ne toimivat hyvin suhteellisella leveyden skaalauksella.

SVG-sisältö = 

"

  <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
Lisää visuaalinen: Sisällytä Digital Twin -visuaali raporttiisi
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)
Ehdollinen muotoilu: 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

🎯 Lisäominaisuuksien käyttöopas

🔍 Parannettu navigointi ja zoomaus ✨

Hiiren ja kosketuksen vuorovaikutus

Hiiren pyörä: Suurenna/poistu selaamalla sulavilla animaatioilla.
Klikkaa ja vedä: Pyöri ympäriinsä visuaalisen kursoripalautteen avulla (tarttuminen/kaappaus).
Navigointiohjaimet: Käytä näytön +, - ja kotipainikkeita.
Nollaa näkymä: Palaa sujuvasti alkuperäiseen näkymään napsauttamalla kotipainiketta.
Minimap-navigointi: Napsauta minikarttaa hypätäksesi eri alueille
Viewport Tracking: Katsele reaaliaikaista näkymäalueen suorakulmiota minikartassa

🎨 Vuorovaikutteinen tarujärjestelmä ✨

Legendin asennus ja käyttö

Asetukset: Vedä mikä tahansa kategorinen kenttä kohtaan "Legend Color (valinnainen)".
Värilukeminen: Legend lukee automaattisesti todelliset värit renderöidyistä solmuista
Napsauta suodatusta: Korosta vastaavat solmut napsauttamalla legendan kohteita
Visuaalinen palaute: Valitut luokat korostetaan, muut himmennetään
Cross-Visual: Legendan napsautukset käynnistävät suodatuksen muissa visuaalisissa elementeissä
Nollaa: Tyhjennä korostus napsauttamalla samaa legendaelementtiä uudelleen

💡 Pro-vinkki: Täydellinen tilaseurantaan, luokkien suodattamiseen ja sen ymmärtämiseen, mitä solmujen värit edustavat yhdellä silmäyksellä.

📊 Suhteellinen reunan leveys ✨

Virtauspohjainen visualisointi

Tietojen kartoitus: Virtauksen intensiteetin/läpivirtauksen kuvaaminen Edge Value -kenttään
Ota ominaisuus käyttöön: Muotoiluruutu > Reunat > Yleistä > "Suhteellinen leveys".
Visuaalinen skaalaus: Reunan paksuus skaalautuu automaattisesti data-arvojen mukaan
Kontekstuaalinen skaalautuminen: Solmukohtainen normalisointi osoittaa suhteellisen merkityksen
Pullonkaulan tunnus: Tunnistaa välittömästi suuren virtauksen yhteydet
Näköetäisyys: vähimmäispaksuus 1px - enimmäispaksuus 8px

💡 Liiketoiminta-arvo: Käytä operatiivisia mittaritauluja, jotta voit välittömästi havaita pullonkaulat ja korkean läpimenon yhteydet digitaalisessa kaksosessasi.

💬 Parannettu työkaluvihjejärjestelmä ✨

Joustava työkaluvihjeen konfigurointi

Solmun työkaluvihjeet: Käytä "Key: Value\nKey2: Value2" -muodossa solmun työkaluvihjeen kentässä.
Monilinjatuki: Käytä \n rivinvaihtoa työkaluvihjeen sisällössä
Reunan työkaluvihjeet: Vedä useita kenttiä kohtaan "Edge Tooltip (valinnainen)".
Smart Fallback: Automaattiset perustiedot, kun mukautettuja kenttiä ei ole määritetty
Kentän merkinnät: Kenttien nimistä tulee automaattisesti työkaluvihjeiden tarroja
Runsas sisältö: Toiminnallisen kontekstin ja liiketoimintamittareiden tukeminen

🔄 Kehittynyt ristiinsuodatus

Kolmitoiminen suodatusjärjestelmä

Taulukko ↔ Visuaalinen: Napsauta taulukon rivejä korostaaksesi solmuja/särmiä.
Legenda ↔ Visuaalinen: Napsauta legendan kohteita korostaaksesi luokkia
Visuaalinen ↔ Muu visuaalinen: Napsauta solmuja/reunoja suodattaaksesi kaavioita/taulukoita.
Monivalinta: Pidä Ctrl-näppäintä painettuna ja napsauta useita elementtejä
Tyhjennä valinta: Napsauta tyhjää tilaa nollataksesi kaikki valinnat
Visuaalinen palaute: Korostetut elementit täysi läpinäkymättömyys, muut himmennettyinä

⚡ Kehittynyt reunan ohjaus

Järjestetty muotoilu -ruutu

📁 Reunat jakso:

🎨 Reunavärit (alaryhmä): Yksilölliset reunavärit ja kaltevuuden säätimet
⚙️ Yleinen (alaryhmä): Läpinäkyvyys, renderöintijärjestys ja suhteellinen leveys

Käytettävissä olevat ohjaimet:

Ota reunan kaltevuus käyttöön: Sileät värisiirtymät solmujen välillä
Suhteellinen leveys: Virtaukseen perustuva paksuuden skaalaus
Reunan läpinäkymättömyys: Läpinäkyvyyden säätö (0-100%)
Näytä reunat etualalla: Kerrosohjaus

🎯 Porauksen läpivientiasetus

Luo läpiporaussivuja: Määritä omat yksityiskohtaiset sivut
Lisää suodatinkenttiä: Sisällytä NodeId/EdgeId läpikäyviin suodattimiin
Testinavigointi: Napsauta solmuja/särmiä hiiren kakkospainikkeella nähdäksesi porausvaihtoehdot.
Tyhjä tila -valikko: Napsauta hiiren kakkospainikkeella tyhjiä alueita tavallista Power BI -valikkoa varten
Tarkista konteksti: Varmista, että suodatettu konteksti välitetään oikein

🔧 Kattava vianmääritysopas

❌ Parannetut navigointikysymykset ✨

Tarkista Muotoiluruutu > Navigointiasetukset zoomauksen säätimien ja minimikartan näkyvyyden osalta.
Varmista, että navigointisäätimille ja minimikartalle on riittävästi näkyvää tilaa.
Testaa kursorin palautetta panorointitoimintojen aikana (pitäisi näyttää tarttuminen/kaappaus).
Varmista, että minikartan näkymäalueen suorakulmio päivittyy oikein zoomauksen ja panoroinnin aikana.
Testaa eri näyttökokoja responsiivisen käyttäytymisen varmistamiseksi

❌ Vuorovaikutteiset legendaongelmat ✨

Tarkista, että kategorinen kenttä on vedetty kohtaan "Legend Color (valinnainen)".
Tarkista, että solmuilla on todelliset värit (ei kaikki oletusarvoisesti harmaita).
Varmista, että kategoriset tiedot sisältävät mielekkäitä ja puhtaita arvoja.
Testaa legendan klikkaustoiminnallisuutta korostuskäyttäytymistä varten
Tarkista, että legendan sijainti ei estä visuaalisen pääsisällön näkyvyyttä.

❌ Suhteelliset reunan leveysongelmat ✨

Ota käyttöön "Suhteellinen leveys" -vaihtoehto kohdassa Muotoilu-ruudussa > Reunat > Yleistä
Varmista, että Edge Value -kenttä sisältää numeerisia virtaustietoja.
Tarkista, että EdgeId, SourceId ja TargetId on yhdistetty oikein.
Tarkista, että reunatiedoissa on mielekästä arvojen vaihtelua.
Testaa, että paksuuden skaalaus on visuaalisesti asianmukainen

❌ Parannetut työkaluvihjeongelmat ✨

Käytä "Key: Value\nKey2: Value2" -muodossa solmun työkaluvihjeen kenttää varten.
Vedä Edge Tooltip -kentät "Edge Tooltip (valinnainen)" -osioon.
Testaa älykästä pudotusta, kun Edge Tooltip -kenttiä ei ole määritetty.
Tarkista, että kenttien nimet näkyvät merkintöinä työkaluvihjeissä.
Varmista, että monirivinen sisältö näytetään oikeilla rivinvaihdoilla.

❌ Ristiinsuodatus ei toimi

Lisää solmun arvon ja/tai reunan arvon mittauskentät
Varmista, että mitta-arvot on täytetty (ei NULL/tyhjä).
Testaa molemmat suunnat: taulukko → visuaalinen ja visuaalinen → taulukko.
Testaa legendaan perustuvaa suodatusta itsenäisesti
Tarkista, että valinta laukaisee korostukset (opasiteetti muuttuu).
Testaa ensin yksinkertaisella yksittäisellä valinnalla

❌ Visuaalinen ei näy

Tarkista, että SVG Content measure palauttaa kelvollisen SVG-merkintäkuvauksen.
Tarkista, että NodeId-kenttä on yhdistetty ja sisältää tietoja.
Varmista, että SVG-elementtien tunnukset vastaavat täsmälleen NodeId-arvoja.
Validoi SVG-syntaksi online SVG-validointiohjelmalla.

❌ Solmut eivät ole interaktiivisia

Vahvista, että NodeId-tietorooli on täytetty.
Tarkista, että SVG-elementtien id-attribuutit vastaavat toisiaan.
Tarkista, että elementit eivät ole muiden SVG-elementtien peitossa.
Testaa hover-efektejä elementin tunnistamisen varmistamiseksi

❌ Reunat eivät näy

Map EdgeId-, SourceId- ja TargetId-tietoroolit
Varmista, että SourceId/TargetId-arvot vastaavat olemassa olevia NodeId-arvoja.
Tarkista reunan peittävyysasetus (saattaa olla liian alhainen).
Tarkista reunojen renderöintijärjestys (etuala vs. tausta).
Testaa ensin kontrastikkailla reunaväreillä

🎉 Edistyneet parhaat käytännöt

Parannettu tietomallinnus ✨

Valitse mielekkäät kategoriset kentät interaktiivista legendaa varten.
Rakenne työkaluvihjeet käyttämällä "Key: Arvo" -muodossa
Käytä virtausmittauksia suhteellista reunan leveyttä varten
Varmista NULL:n asianmukainen käsittely UNION-rakenteessa
Testaa realistisilla tietomäärillä

Suorituskyky ja navigointi ✨

Hyödynnä minikarttaa suurten kaavioiden navigointiin
Optimoi SVG:n monimutkaisuus tasaista zoomausta/panoraamaa varten
Testaa suhteellista leveyttä realistisilla virtaustiedoilla
Seuraa muistin käyttöä parannetuilla ominaisuuksilla
Käytä toimenpidekenttiä strategisesti ristiinsuodatukseen.

Käyttäjäkokemus ✨

Käytä legendan klikkauksia luokkapohjaiseen suodatukseen
Taulukon suodatuksen yhdistäminen legendan suodatukseen
Suunnittele mielekäs työkaluvihjeen sisältö
Vakioi zoomaustasot ja navigointimallit
Testaa kaikki vuorovaikutuksen työnkulut alusta loppuun

Kehittynyt integrointi ✨

Käytä suhteellista leveyttä toiminnan seurantaan
Yhdistä legendasuodatus ja aikasarja-analyysi toisiinsa.
Yhdistä virtaustiedot ennakoivaan analytiikkaan
Luo kattavia multimodaalisia kojelautoja
Integrointi maantieteellisiin visuaalisiin aineistoihin jaetun suodatuksen avulla

🚀 Oletko valmis aloittamaan? Tämä kattava visualisointi muuttaa staattiset kaaviot interaktiivisiksi digitaalisiksi kaksoiskäyttötauluiksi, joissa on ammattimainen navigointi, älykäs virtauksen visualisointi, luokkapohjainen suodatus ja runsaasti asiayhteyteen liittyvää tietoa!