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: Basic Visual'ı Yapılandırma

Görsel ekleyin: Dijital İkiz görselini raporunuza ekleyin
SVG İçeriğini Eşle: SVG hesaplamanızı "SVG İçeriği" alanına sürükleyin
Harita NodeId: Düğüm tanımlayıcınızı "NodeId" alanına sürükleyin
Temel İşlevselliği Test Edin: Düğümlerin tıklanabilir olduğunu ve fareyle üzerine gelindiğinde çalıştığını doğrulayın

Adım 3: Gelişmiş Özellikleri Etkinleştirin ✨

🎨 Etkileşimli Gösterge Kurulumu

Açıklama Alanı Ekle: Kategorik alanı "Gösterge Rengi (isteğe bağlı)" seçeneğine sürükleyin
Otomatik Üretim: Gösterge gerçek düğüm renklerini otomatik olarak okur
Test Etkileşimi: Düğümleri vurgulamak için gösterge öğelerine tıklayın
Ekranı Doğrula: Her kategori için düğüm sayısını kontrol edin

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

Düğüm Araç İpuçları: "Anahtar: Düğüm Araç İpucu alanında "Değer\nAnahtar2: Değer2" biçimini kullanın
Kenar Araç İpuçları: Birden fazla alanı "Kenar Araç İpucu (isteğe bağlı) "na sürükleyin
Test İçeriği: Zengin araç ipuçlarını doğrulamak için düğümlerin/kenarların üzerine gelin
Etiketleri Doğrulayın: Alan adlarının araç ipucu etiketleri olarak görünmesini sağlayın

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

Akış Verisi Ekleyin: Verim/yoğunluk değerlerini Kenar Değeri alanına eşleyin
Kenar Alanları Ekleyin: Görselleştirme için EdgeId, SourceId, TargetId ekleyin
Özelliği Etkinleştir: Biçim bölmesi > Kenarlar > Genel > "Orantılı Genişlik" seçeneğini açın
Test Ölçeklendirme: Kenar kalınlığı ölçeklerini veri değerleriyle doğrulayın

🔍 Gelişmiş Navigasyon Kurulumu

Kontrolleri Etkinleştir: Biçim bölmesi > Gezinti > Yakınlaştırma denetimlerini etkinleştir
Minimap'i etkinleştirin: Büyük diyagramlarda gezinmek için mini haritayı aç / kapat
Test Navigasyonu: Fare tekerleği yakınlaştırma, tıkla-sürükle kaydırma
Geri Bildirimi Doğrula: Pan işlemleri sırasında imleç değişikliklerini kontrol edin

🔄 Gelişmiş Çapraz Filtreleme Kurulumu

Hesaplama Alanları Ekleyin: NodeValue ve EdgeValue hesaplamalarını dahil edin
Tablolar Oluşturun: Filtreleme için aynı verilere sahip tablo görselleri ekleyin
Test Tablosu Filtreleme: Öğeleri vurgulamak için tablo satırlarına tıklayın
Test Efsanesi Filtreleme: Kategori filtreleme için gösterge öğelerine tıklayın
Görsel Filtrelemeyi Test Edin: Diğer görselleri filtrelemek için düğümlere/kenarlara tıklayın

✅ Yapılandırma Tamamlandı: Artık gelişmiş navigasyon, etkileşimli gösterge, orantılı kenar genişliği, gelişmiş araç ipuçları ve kapsamlı çapraz filtreleme özelliklerine sahip tamamen etkileşimli bir dijital ikiziniz olmalıdır.

🎯 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!