Başlarken - Dijital İkiz Görsel

Hoş geldiniz! Bu kapsamlı kılavuz, gelişmiş gezinme, etkileşimli gösterge, orantılı kenar genişliği, gelişmiş araç ipuçları, çapraz filtreleme ve ayrıntılı inceleme özelliklerine sahip Power BI için Digital Twin görselini kullanmaya hızlı bir şekilde başlamanıza yardımcı olacaktır.

📋 Kapsamlı Özelliklere Genel Bakış

🔍 Geliştirilmiş Navigasyon ✨

Yumuşak animasyonlarla akıcı yakınlaştırma ve kaydırma
Profesyonel ekran üstü navigasyon kontrolleri
Görüntü alanı göstergeli gerçek zamanlı mini harita
Akıllı imleç geri bildirimi (yakalama/kavrama)
Büyük diyagramlar için CAD benzeri hassasiyet

🎨 İnteraktif Efsane Sistemi ✨

Gerçek düğüm renklerinden dinamik gösterge
Düğümleri vurgulamak için gösterge öğelerine tıklayın
Herhangi bir kategorik alan ile çalışır
Çapraz filtreleme entegrasyonu
Kategori başına düğüm sayısı ekranı

📊 Orantılı Kenar Genişliği ✨

Kenar kalınlığı akış yoğunluğu ile ölçeklenir
Düğüm başına normalleştirme algoritması
Anında darboğaz tespiti
Biçim bölmesi üzerinden açma/kapama
Bağlamsal akış görselleştirme

💬 Geliştirilmiş Araç İpuçları ✨

Esnek "Anahtar: Değer" düğüm araç ipuçları
Akıllı kenar araç ipucu geri dönüş sistemi
Alan adlarıyla çoklu alan desteği
Otomatik etiket oluşturma
Geriye dönük uyumlu tasarım

🔄 Gelişmiş Çapraz Filtreleme

Tablolarla çift yönlü filtreleme
Bireysel düğüm/kenar vurgulama
Gösterge tabanlı kategori filtreleme
Çoklu seçim desteği
Ölçümlerle geliştirilmiş veri modeli

🎯 Power BI Entegrasyonu

AppSource uyumlu içerik menüleri
Zengin sondaj yetenekleri
Düzenlenmiş biçim bölmesi kontrolleri
Alt gruplarla geliştirilmiş kenar kontrolleri
Profesyonel seçim yönetimi

📊 Gelişmiş Veri Kurulumu ve Gereksinimleri

⚠️ Önemli: Tüm veriler, optimum performans için uygun NULL işleme ile UNION yapısı kullanılarak tek bir tabloda olmalıdır.

Geliştirilmiş Veri Modeli Yapısı

- Tüm yeni özelliklerle geliştirilmiş veri yapısı ✨

SEÇİNİZ 

    NodeId, 

    'Durum: Çalışıyor\nTür: Machine\nTemperature: 85°C\nEfficiency: 92%' as NodeTooltip,

    'Running' as LegendColor, - Etkileşimli gösterge için ✨

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

    NodeValue olarak verimlilik, - Çapraz filtreleme için

    EdgeValue olarak NULL

FROM NodesTable

BİRLİK TÜMÜ

SEÇİNİZ 

    NodeId olarak NULL, NodeTooltip olarak NULL, LegendColor olarak NULL,

    EdgeId, SourceId, TargetId,

    'Tip: MaterialFlow\nIntensity: High\nPressure: 2.5 bar' olarak EdgeTooltip, - Akıllı araç ipuçları ✨

    NodeValue olarak NULL,

    EdgeValue olarak FlowIntensity - Çapraz filtreleme + orantılı genişlik ✨

FROM EdgesTable

Geliştirilmiş Veri Rolleri Referansı

Saha	Tip	Durum	Açıklama	Örnek
SVG İçeriği	Ölçü	✅ Gerekli	Dijital ikiz diyagramını içeren SVG işaretlemesi	...
NodeId	Kategori	✅ Gerekli	Her düğüm için benzersiz tanımlayıcı	M1001, B1201, T1101
Düğüm Araç İpucu	Kategori	✨ Geliştirilmiş	"Anahtar: Değer" çok satırlı araç ipucu biçimi	Durum: Çalışıyor\nTür: Makine\nVerimlilik: 92%
Lejant Rengi (isteğe bağlı)	Kategori	✨ Yeni!	Etkileşimli gösterge oluşturma için kategorik alan	Çalıştırma, Bakım, Çevrimdışı
Düğüm Değeri	Ölçü	🔄 Geliştirilmiş	Çapraz filtreleme düğümleri için iş metrikleri	85.4, 92.1, 79.8
EdgeId	Kategori	❌ İsteğe bağlı	Her kenar için benzersiz tanımlayıcı	E1001, E1002
KaynakId	Kategori	❌ İsteğe bağlı	Kenarlar için kaynak düğüm	M1001
TargetId	Kategori	❌ İsteğe bağlı	Kenarlar için hedef düğüm	M1002
Kenar Araç İpucu (isteğe bağlı)	Kategori	✨ Yeni!	Akıllı geri dönüş sistemine sahip çoklu alan araç ipucu	Birden fazla alan desteklenir
Kenar Değeri	Ölçü	🔄 Geliştirilmiş	Çapraz filtreleme için akış yoğunluğu + orantılı genişlik	85.0, 150.5, 89.1

⚙️ Kapsamlı Yapılandırma Kılavuzu

Adım 1: SVG İçeriğinizi Hazırlayın

SVG Ölçüsü Oluşturun: SVG'nizin benzersiz ve geçerli bir biçimlendirme içerdiğinden emin olun id nitelikler
Maç kimlikleri: NodeId değerleri SVG öğesiyle eşleşmelidir id nitelikler tam olarak
Temiz Yapı: Tutarlı boyutlandırma kullanın ve karmaşık dönüşümlerden kaçının
Nötr Renkler: Nötr SVG renkleri kullanın; renklendirmeyi görselin kontrol etmesine izin verin
Edge-Ready Tasarım: Orantılı genişlik ölçeklendirmesiyle iyi çalışacak kenar yolları tasarlayın

SVG İçeriği = 

"

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

"

Adım 2: Görseli İndirin ve Lisansı Ekleyin

📽️ Bu videoda, Digital Twin görselini AppSource'tan nasıl indireceğinizi ve lisansınızı nasıl etkinleştireceğinizi öğreneceksiniz.

Görsel İndir: Digital Twin görselini MS AppSource'tan indirin
Görsel ekleyin: Dijital İkiz görselini raporunuza ekleyin
Lisans ekleyin: Lisans anahtarınızı Lisans altındaki bölüm Görselinizi biçimlendirin

Adım 3: Verilerinizi İçe Aktarın

📽️ Bu video SVG düzeninizi nasıl hazırlayacağınızı ve veri tablonuzu nasıl yapılandıracağınızı göstermektedir.

Veri Hazırlayın: Düğümleri ve kenarları birleştiren tek bir veri tablosu oluşturun (yukarıya bakın)
Veri İçe Aktar: SVG'yi (örn. .txt olarak) ve veri tablosunu (örn. csv olarak) Power BI alanına aktarın

Adım 4: Verileri Görsele Bağlayın

📽️ Bu videoda, verilerinizi görsele bağlayacak ve diğer görsellerle gezinme ve etkileşimi etkinleştireceksiniz.

Temel Verileri Uygulayın: SVG içeriği, düğüm kimliği ve kenar kimliği alanlarını ilgili Görselleştirmeler bölmesine sürükleyin
Geliştirilmiş Veri Ekleyin: Görseli zenginleştirmek için gösterge ve araç ipucu alanlarına hesaplamalar ekleyin
Çapraz Filtreleme Uygulayın: Filtrelemenin görseller arasında çalışmasını sağlamak için NodeValue ve EdgeValue ölçümlerini ekleyin
Görsel Navigasyon: Yakınlaştırma kontrollerini, mini haritayı veya fareyle üzerine gelmeyi kullanarak görsel navigasyon özelliklerini test edin

Adım 5: Düğümlerinizi Özelleştirin

📽️ Bu videoda, düğüm içgörülerini vurgulamak için koşullu biçimlendirmenin nasıl uygulanacağı anlatılmaktadır.

Basit Düğüm Boyama: içindeki her düğüm için tercih ettiğiniz rengi seçin. Düğümler altındaki bölüm Görselinizi biçimlendirin
Ya da Koşullu Biçimlendirme uygulayın: Formül simgesine tıklayarak düğümlerinizi renklendirmek için ayrı kurallar oluşturun

Adım 6: Kenarlarınızı Özelleştirin

📽️ Bu videoda, akışları ve bağlantıları net ve dinamik bir şekilde nasıl özelleştireceğinizi öğrenin.

(De-)Gradyan'ı seçin: Kenar renklendirme için degradeyi açma/kapama
Biçimi Özelleştir: Opaklığı, çizgi genişliğini veya katman sırasını ayarlama
Basit Kenar Boyama: Her kenar için tercih ettiğiniz rengi seçin. Kenarlar altındaki bölüm Görselinizi biçimlendirin
Ya da Koşullu Biçimlendirme uygulayın: Formül simgesine tıklayarak kenarlarınızı renklendirmek için ayrı kurallar oluşturun

Adım 7: Gelişmiş Araç İpucu Oluşturun

📽️ Bu videoda, basit veya gelişmiş araç ipuçları ile fare ile üzerine gelindiğinde nasıl ekstra bağlam görüntüleneceği açıklanmaktadır.

Temel Araç İpucu Uygula: Temel bir araç ipucu uygulamak için alanları Araç İpucu bölümüne sürükleyin
Ya da Gelişmiş Araç İpucu Oluşturun: Grafikler, KPI'lar ve daha fazlasını içeren özel bir araç ipucu sayfası oluşturun
Görsele bağlanın: Araç İpucu alanına nodeID veya edgeID ekleyin

Adım 8: Sondaj Seçeneği Geliştirin

📽️ Bu videoda, düğümler veya kenarlar için derinlemesine analiz sayfalarının nasıl oluşturulacağını öğrenin.

Detay Sayfası Oluşturun: Bir rapor sayfası oluşturun ve ayrıntılı içgörüler için özelleştirilmiş görseller tasarlayın
Görsele bağlanın: Drillthrough alanına nodeID veya edgeID ekleyin
Test Sondajı: Bir düğüme veya kenara sağ tıklayın → Ayrıntıları görüntülemek için delin

Adım 9: Gelişmiş Koşullu Biçimlendirme Uygulayın

📽️ Bu videoda, daha net, öncelik tabanlı düğüm ve kenar renklendirme için birleşik hesaplamalar kullanarak kural tabanlı biçimlendirmeyi nasıl uygulayacağınızı öğreneceksiniz.

Kombine Ölçüm Oluşturun: Birden fazla koşulu (ör. düğüm durumu ve türü) yansıtmak için sütun olarak birleşik bir hesaplama oluşturun
Koşullu Biçimlendirme: Yeni birleştirilmiş hesaplamaya dayalı koşullu biçimlendirme kuralları ayarlama
Lejandı yerleştirin: Netliği ve filtrelemeyi iyileştirmek için aynı alanı bir gösterge olarak ekleyin

🎯 Gelişmiş Özellikler Kullanım Kılavuzu

🔍 Geliştirilmiş Navigasyon ve Yakınlaştırma ✨

Fare ve Dokunma Etkileşimleri

Fare Tekerleği: Yumuşak animasyonlarla yakınlaştırmak/uzaklaştırmak için kaydırın
Tıkla ve Sürükle: Görsel imleç geri bildirimi ile kaydırma (yakalama/kavrama)
Navigasyon Kontrolleri: Ekran üzerindeki +, - ve ana ekran düğmelerini kullanın
Görünümü Sıfırla: Orijinal görünüme sorunsuzca dönmek için ana sayfa düğmesine tıklayın
Minimap Navigasyon: Farklı alanlara atlamak için mini haritaya tıklayın
Görünüm Alanı İzleme: Mini haritada gerçek zamanlı görüntü alanı dikdörtgenini izleyin

🎨 İnteraktif Efsane Sistemi ✨

Gösterge Kurulumu ve Kullanımı

Kurulum: Herhangi bir kategorik alanı "Gösterge Rengi (isteğe bağlı)" seçeneğine sürükleyin
Renkli okuma: Legend, işlenen düğümlerden gerçek renkleri otomatik olarak okur
Filtrelemek için tıklayın: İlgili düğümleri vurgulamak için gösterge öğelerine tıklayın
Görsel Geri Bildirim: Seçili kategoriler vurgulanır, diğerleri soluklaştırılır
Çapraz-Görsel: Gösterge tıklamaları diğer görsellerde filtrelemeyi tetikler
Sıfırla: Vurgulamayı temizlemek için aynı gösterge öğesine tekrar tıklayın

💡 Profesyonel İpucu: Durum izleme, kategori filtreleme ve düğüm renklerinin neyi temsil ettiğini bir bakışta anlamak için mükemmeldir.

📊 Orantılı Kenar Genişliği ✨

Akış Tabanlı Görselleştirme

Veri Eşleme: Akış yoğunluğunu/verimini Kenar Değeri alanıyla eşleştirin
Özelliği Etkinleştir: Biçim bölmesi > Kenarlar > Genel > "Orantılı Genişlik"
Görsel Ölçeklendirme: Kenar kalınlığı veri değerleriyle otomatik olarak ölçeklenir
Bağlamsal Ölçeklendirme: Düğüm başına normalleştirme göreceli önemi gösterir
Darboğaz kimliği: Yüksek akışlı bağlantıları anında belirleyin
Görüş mesafesi: 1px minimum ila 8px maksimum kalınlık

💡 İş Değeri: Dijital ikizinizdeki darboğazları ve yüksek verimli bağlantıları anında tespit etmek için operasyonel gösterge tabloları için kullanın.

💬 Geliştirilmiş Araç İpucu Sistemi ✨

Esnek Araç İpucu Yapılandırması

Düğüm Araç İpuçları: "Anahtar: Düğüm Araç İpucu alanında "Değer\nAnahtar2: Değer2" biçimini kullanın
Çoklu Hat Desteği: Araç ipucu içeriğindeki satır sonları için \n kullanın
Kenar Araç İpuçları: Birden fazla alanı "Kenar Araç İpucu (isteğe bağlı) "na sürükleyin
Akıllı Geri Dönüş: Özel alan belirtilmediğinde otomatik temel bilgi
Saha Etiketleri: Alan adları otomatik olarak araç ipucu etiketleri haline gelir
Zengin İçerik: Operasyonel bağlam ve iş metrikleri için destek

🔄 Gelişmiş Çapraz Filtreleme

Üç Yönlü Filtreleme Sistemi

Tablo ↔ Görsel: Düğümleri/kenarları vurgulamak için tablo satırlarına tıklayın
Efsane ↔ Görsel: Kategorileri vurgulamak için gösterge öğelerine tıklayın
Görsel ↔ Diğer Görseller: Grafikleri/tabloları filtrelemek için düğümlere/kenarlara tıklayın
Çoklu Seçim: Ctrl tuşunu basılı tutun ve birden çok öğeye tıklayın
Seçimi Temizle: Tüm seçimleri sıfırlamak için boş alana tıklayın
Görsel Geri Bildirim: Vurgulanan öğeler tam opaklık, diğerleri soluk

⚡ Gelişmiş Kenar Kontrolleri

Düzenlenmiş Biçim Bölmesi

📁 Kenarlar Bölümü:

🎨 Kenar Renkleri (alt grup): Bireysel kenar renkleri ve gradyan kontrolleri
⚙️ Genel (alt grup): Opaklık, işleme sırası ve orantılı genişlik

Mevcut Kontroller:

Kenar Gradyanını Etkinleştir: Düğümler arasında yumuşak renk geçişleri
Orantılı Genişlik: Akış tabanlı kalınlık ölçeklendirme
Kenar Opaklığı: Şeffaflık kontrolü (0-100%)
Kenarları Ön Planda Göster: Katmanlama kontrolü

🎯 Matkapla Geçiş Kurulumu

Drill-Through Sayfaları Oluşturun: Özel ayrıntı sayfaları oluşturun
Filtre Alanları Ekleyin: Sondaj filtrelerine NodeId/EdgeId'yi dahil etme
Test Navigasyonu: Detaya inme seçeneklerini görmek için düğümlere/kenarlara sağ tıklayın
Boş Alan Menüsü: Standart Power BI menüsü için boş alanlara sağ tıklayın
Bağlamı Doğrulayın: Filtrelenmiş bağlamın doğru şekilde aktarıldığından emin olun

🔧 Kapsamlı Sorun Giderme Kılavuzu

❌ Geliştirilmiş Navigasyon Sorunları ✨

Yakınlaştırma kontrolleri ve mini harita görünürlüğü için Biçim bölmesi > Gezinme ayarlarını kontrol edin
Navigasyon kontrolleri ve mini harita için yeterli görsel alanı doğrulayın
Kaydırma işlemleri sırasında imleç geri bildirimini test edin (yakalama/kavrama göstermelidir)
Minimap görüntü alanı dikdörtgeninin yakınlaştırma/pan sırasında doğru şekilde güncellendiğinden emin olun
Duyarlı davranış için farklı ekran boyutlarında test edin

❌ İnteraktif Efsane Problemleri ✨

Kategorik alanın "Gösterge Rengi (isteğe bağlı)" seçeneğine sürüklendiğini doğrulayın
Düğümlerin gerçek renklere sahip olup olmadığını kontrol edin (tüm varsayılan gri değil)
Kategorik verilerin anlamlı ve temiz değerler içerdiğinden emin olun
Vurgulama davranışı için gösterge tıklama işlevselliğini test edin
Gösterge konumlandırmasının ana görsel içeriği engellemediğini doğrulayın

❌ Orantılı Kenar Genişliği Sorunları ✨

Biçim bölmesi > Kenarlar > Genel'de "Orantılı Genişlik" geçişini etkinleştirin
Kenar Değeri alanının sayısal akış verileri içerdiğinden emin olun
EdgeId, SourceId, TargetId'nin doğru eşlendiğini kontrol edin
Kenar verilerinin anlamlı değer çeşitliliğine sahip olduğunu doğrulayın
Kalınlık ölçeklendirmesinin görsel olarak uygun olup olmadığını test edin

❌ Geliştirilmiş Araç İpucu Sorunları ✨

"Anahtar: Düğüm Araç İpucu alanı için "Value\nKey2: Value2" biçimini kullanın
Kenar Araç İpucu için alanları "Kenar Araç İpucu (isteğe bağlı)" bölümüne sürükleyin
Edge Araç İpucu alanları belirtilmediğinde akıllı geri dönüşü test edin
Araç ipucu ekranında alan adlarının etiket olarak görünüp görünmediğini kontrol edin
Çok satırlı içeriğin uygun satır sonlarıyla görüntülenmesini sağlayın

❌ Çapraz Filtreleme Çalışmıyor

Node Value ve/veya Edge Value hesaplama alanları ekleme
Hesaplama değerlerinin doldurulduğundan emin olun (NULL/boş değil)
Her iki yönü de test edin: tablo → görsel ve görsel → tablo
Gösterge tabanlı filtrelemeyi bağımsız olarak test edin
Seçimin vurguları tetiklediğini doğrulayın (opaklık değişiklikleri)
Önce basit tek seçimle test edin

❌ Görsel Görüntülenmiyor

SVG Content measure öğesinin geçerli SVG biçimlendirmesi döndürüp döndürmediğini kontrol edin
NodeId alanının eşlendiğini ve veri içerdiğini doğrulayın
SVG öğe kimliklerinin NodeId değerleriyle tam olarak eşleştiğinden emin olun
Çevrimiçi bir SVG doğrulayıcı kullanarak SVG sözdizimini doğrulama

❌ Düğümler Etkileşimli Değil

NodeId veri rolünün doldurulduğunu onaylayın
SVG öğelerinin eşleşen id özniteliklerine sahip olup olmadığını kontrol edin
Öğelerin diğer SVG öğeleri tarafından gizlenmediğini doğrulama
Eleman algılamayı doğrulamak için fareyle üzerine gelme efektlerini test edin

❌ Kenarlar Görünmüyor

EdgeId, SourceId ve TargetId veri rollerini eşleme
SourceId/TargetId değerlerinin mevcut NodeId değerleriyle eşleştiğinden emin olun
Kenar opaklık ayarını kontrol edin (çok düşük ayarlanmış olabilir)
Kenar oluşturma sırasını doğrulayın (ön plan vs arka plan)
Önce yüksek kontrastlı kenar renkleriyle test edin

🎉 Gelişmiş En İyi Uygulamalar

Geliştirilmiş Veri Modelleme ✨

Etkileşimli gösterge için anlamlı kategorik alanlar seçin
Araç ipuçlarını "Anahtar: Değer" biçimini kullanarak
Orantılı kenar genişliği için akış ölçümlerini kullanın
UNION yapısında uygun NULL kullanımını sağlayın
Gerçekçi veri hacimleriyle test edin

Performans ve Navigasyon ✨

Büyük diyagramlarda gezinmek için mini haritadan yararlanın
Pürüzsüz yakınlaştırma/pan için SVG karmaşıklığını optimize edin
Gerçekçi akış verileriyle orantılı genişliği test edin
Geliştirilmiş özelliklerle bellek kullanımını izleyin
Çapraz filtreleme için hesaplama alanlarını stratejik olarak kullanın

Kullanıcı Deneyimi ✨

Kategori tabanlı filtreleme için gösterge tıklamalarını kullanın
Tablo filtrelemeyi gösterge filtrelemeyle birleştirme
Anlamlı araç ipucu içeriği tasarlayın
Yakınlaştırma seviyelerini ve gezinme modellerini standartlaştırın
Tüm etkileşim iş akışlarını uçtan uca test edin

Gelişmiş Entegrasyon ✨

Operasyonel izleme için orantılı genişlik kullanın
Efsane filtrelemeyi zaman serisi analizi ile birleştirin
Akış verilerini tahmine dayalı analitikle birleştirin
Kapsamlı çok modlu gösterge tabloları oluşturun
Paylaşılan filtreleme kullanarak coğrafi görsellerle entegre edin

🚀 Başlamaya Hazır mısınız? Bu kapsamlı görsel, statik diyagramları profesyonel navigasyon, akıllı akış görselleştirme, kategori tabanlı filtreleme ve zengin bağlamsal bilgilerle etkileşimli dijital ikiz gösterge tablolarına dönüştürür!