> For the complete documentation index, see [llms.txt](https://learn.vispeahen.com/llms.txt). Markdown versions of documentation pages are available by appending `.md` to page URLs; this page is available as [Markdown](https://learn.vispeahen.com/kumanda-tablosu/plugin-listesi/gorsel-bilesenler/network-graph-ag-grafigi.md).

# Network Graph: Ağ Grafiği

Ağ Grafiği (Network Graph), veri noktaları (düğümler/nodes) arasındaki karmaşık ilişkileri ve bağlantıları (çizgiler/edges) görselleştirmek için kullanılan güçlü bir analitik bileşendir.

Düğümler genellikle kategorileri, kişileri veya nesneleri temsil ederken; aralarındaki çizgiler bu öğelerin birbirleriyle olan etkileşimini, yönünü veya bağını ifade eder.

Ağ Grafiği; bankacılıkta para transferleri ve dolandırıcılık (fraud) tespiti, lojistik ve tedarik zinciri ağları, BT (IT) altyapı topolojileri, sosyal ağ etkileşimleri ve şirket içi iletişim akışları gibi; kim, kiminle, ne kadar etkileşimde sorusuna yanıt aranan senaryolarda kullanılmak üzere tasarlanmıştır.

Grafiğin en büyük avantajı, çok boyutlu ve karmaşık ağ yapılarında merkezdeki en önemli aktörleri (influencer/hub) ve izole kalmış (bağlantısız) noktaları anında tespit edebilmesidir.

{% hint style="info" %}
Ağ Grafiği, ilişkisel verilerin keşfi için harikadır. Ancak düğüm ve bağlantı sayısının binleri bulduğu kontrolsüz veri setlerinde görsel bir karmaşaya dönüşebilir. Bu nedenle grafiği kullanırken verilerin filtrelenmesi, belirli grupların izole edilmesi veya Order \&Limit ayarlarıyla sınırlandırılması okunabilirliği artıracaktır.
{% endhint %}

## Ağ Grafiğinin Eklenmesi

Ağ Grafiğini eklemek için **Plugin Listesi** içerisinden **Ağ Grafiği** bileşeni seçilir ve kumanda tablosuna eklenir.

<figure><img src="/files/YPETRpEtPsUeo8BownAf" alt=""><figcaption></figcaption></figure>

Grafik eklendikten sonra ilişkinin başlangıç ve bitiş noktalarını oluşturacak kategori alanları ve ilişkinin gücünü (çizgi/düğüm kalınlığını) belirleyecek ölçü alanı eşleştirilerek yapılandırma tamamlanır.

## Ağ Grafiği Araçları

<figure><img src="/files/6AvmwOMDq3q1pccQRcMp" alt=""><figcaption></figcaption></figure>

1. **Araçları Aç/Kapat:** Görsel üzerinde düzenleme yapılmasını sağlayan ikonların açılıp kapatıldığı alandır.
2. **Veri:** Kullanıcının kendi veri setini kullanarak grafiği oluşturduğu alandır.
3. **Ayarlar:** Grafiğin renk, biçim, başlık ve görünüm gibi özelliklerinin düzenlendiği alandır.
4. **Dashboard Değişkeni Ata:** Bu buton, gösterge panosu (dashboard) genelinde kullanılabilecek dinamik değişkenler (parametreler) tanımlamanızı ve bu değişkenleri panodaki grafiklere entegre etmenizi (atamanızı) sağlar.
5. **Etkileşim:** Grafikten diğer görsellere filtre gönderilmesini sağlar.
6. **Navigasyon:** Grafikten belirlenen parametreye göre navigasyon yapılmasını sağlar.
7. **Yenile:** Veri alanı ile grafiğin yeniden çalışmasını ve güncellenmesini sağlar.
8. **Kaldır:** Grafiği silmek için kullanılır. “Kaldır” ikonuna tıklanması durumunda “Bu görseli silmek istiyor musunuz?” şeklinde uyarı çıkar.

> Not: Etkileşim ve Navigasyon alanları tüm görsellerde ortaktır, bu nedenle ayrı başlıkta ele alınır.

## Veri Yapılandırması

Ağ Grafiğinin oluşturulabilmesi için kullanılacak veri alanlarının tanımlanması gerekmektedir. Bu işlem **Veri** ekranı üzerinden gerçekleştirilir.

<figure><img src="/files/TCVP42yjQYqOuZSKK6bY" alt=""><figcaption></figcaption></figure>

<mark style="color:green;">**Tablolar & Kolonlar**</mark>
: Seçili modelde var olan tablo ve kolonların bulunduğu alandır.
&#x20;**Tablolar & Kolonlar** bölümünde yer alan kolonlar, sağ tarafta bulunan bölümlere sürükle-bırak ile eklenir.

<mark style="color:green;">**Kolon Eşleştirmeleri**</mark>

* **Sıralama & Limit:** Kolon verisinin artan/azalan şekilde sıralamasının yapıldığı alandır.&#x20;
* **ID:** Her bir düğümü benzersiz şekilde tanımlar.
* **Etiket (Label):** Düğüm üzerinde görünen ismi belirler.
* **Bağlı (Linked):** Hangi düğümlerin birbirine bağlanacağını tanımlar.
* **Ebeveyn ID:** Düğümün bağlı olduğu üst düğümü gösterir (hiyerarşik yapı kurmak için kullanılır).
* **Değer:** Düğümün büyüklüğünü veya önem derecesini temsil eder.
* **Saklı Alan:** Görselde gösterilmeyen, ancak analizlerde kullanılabilecek ek kolonları içerir.

## Yapılandırma Ayarları

Ağ Grafiğine ait görünüm ve davranış ayarları **Ayarlar** ekranı üzerinden yönetilir.

<figure><img src="/files/SsYompqA9XyHYDPitJHr" alt=""><figcaption></figcaption></figure>

<mark style="color:green;">**Genel Görünüm**</mark>

<figure><img src="/files/6Zi16BzQ02XZuYOX5rHj" alt=""><figcaption></figcaption></figure>

* **Palet:** Düğümlerin renk tonlarını belirler.
* **Arka Plan Rengi**: Grafiğin arka plan rengini değiştirir.
* **Katlanabilirlik:** Alt düğümlerin açılıp kapatılmasına izin verir.
* **Sürüklenebilirlik:** Düğümlerin etkileşimli olarak taşınmasını sağlar.
* **Bağlantıları Vurgula:** Fareyle üzerine gelindiğinde bağlantıların öne çıkarılmasını sağlar.

<mark style="color:green;">**Kök**</mark>

<figure><img src="/files/G0idtZVjxorj3TV2vKhW" alt=""><figcaption></figcaption></figure>

* **Kökü Göster:** En üst düzey düğümü görünür yapar.
* **Kök İsmi:** Sanal kök düğümün adını belirler. (örneğin: ROOT)

<mark style="color:green;">**Ağ Grafik**</mark>

<figure><img src="/files/TA85D0eiMmEgZNyAJ3fp" alt=""><figcaption></figcaption></figure>

* **Minimum Yarıçap / Maksimum Yarıçap:** Düğüm boyutlarının ölçeğini ayarlamak için kullanılır.
* **Düğümler Arası Boşluk:** Düğümler arasındaki mesafeyi piksel cinsinden belirler.

<mark style="color:green;">**Ağaç Grafik**</mark>

<figure><img src="/files/VSErhOK0QyEPiqhlyWH7" alt=""><figcaption></figcaption></figure>

* **Ağaç Grafik:** Düğümleri hiyerarşik olarak ağaç yapısında göstermek için kullanılır.&#x20;
* **Yarıçap:** Dalların uzunluğunu belirler.
* **Yatay:** Grafiğin yönünü yatay biçimde göstermek için işaretlenir.

<mark style="color:green;">**Başlık Ayarları**</mark>

<figure><img src="/files/mbp7vORrjF17SmvS5IHQ" alt=""><figcaption></figcaption></figure>

* **Başlık:** Grafiğe verilecek başlığın tanımlandığı alandır.
* **Başlık Hizası:** Grafik başlığının sola, ortaya veya sağa hizalanmasını sağlar.
* **Başlık Yazı Stilleri:** Grafik başlığının kalın, italik veya altı çizili gibi yazı stilleriyle biçimlendirilmesini sağlar.
* **Başlık Yazı Stili:** Grafik başlığında kullanılacak yazı tipini (font) belirlemenizi sağlar.
* **Başlık Yazı Rengi:** Grafik başlığının metin renginin değiştirilmesini sağlar.
* **Başlık özelliklerini rapordaki diğer pluginlere uygula:** Tanımlanan başlık ayarlarının (stil, renk, hizalama vb.) aynı dashboard içindeki diğer grafik bileşenlerinin başlıklarına da otomatik olarak uygulanmasını sağlar.

<mark style="color:green;">**Veri Yok Ayarları**</mark>

<figure><img src="/files/hlupzPmgN2C3ErCrr7ou" alt=""><figcaption></figcaption></figure>

* **Veri Yok Açıklaması:** Veri gelmediğinde kullanıcıya gösterilecek mesajı belirler. Default olarak *“Seçilen kriterlerde veri bulunamadı. Plugin görselleştirilemedi.” mesajı görünür.*
* **Veri Yok Yazı Stilleri:** Mesajı **kalın** , *italik* veya altı çizili yapmanı sağlar.
* **Veri Yok Yazı Stili:** Yazı tipini/fontunu belirler.
* **Veri Yok Yazı Boyutu:** Mesajın font büyüklüğünü belirler.
* **Veri Yok Yazı Rengi:** Mesajın hangi renkte gösterileceğini belirler.

## Kullanım Örneği

<figure><img src="/files/XrMFlTiTdg85IW9v8qIq" alt=""><figcaption></figcaption></figure>

Yukarıdaki örnekte, **Kurumsal Sistemler Arası Entegrasyon Ağı** başlığı altında kurum içerisinde kullanılan uygulama, servis ve veri platformları arasındaki bağlantılar gösterilmektedir. Grafikteki renkli daireler; **CRM, Mobil Uygulama, Müşteri Portalı, API Gateway, ERP, ETL Platformu, Data Warehouse ve Data Lake** gibi farklı kurumsal sistemleri temsil ederken, düğümler arasındaki çizgiler bu sistemler arasındaki entegrasyonları ve veri alışverişi ilişkilerini ifade etmektedir.

Düğümlerin (dairelerin) ekrandaki büyüklüğü, ilgili sistemdeki **Günlük İşlem Sayısı** değerine göre şekillenmektedir. Örneğin; **Mobil Uygulama** ve **Müşteri Portalı** gibi daha büyük gösterilen düğümler, diğer sistemlere kıyasla daha yüksek işlem yoğunluğuna sahip sistemlerin ağ üzerinde hızlıca fark edilmesini sağlar. Aynı zamanda **API Gateway** gibi birden fazla sistemle bağlantısı bulunan düğümler, kurum içerisindeki merkezi entegrasyon noktalarının belirlenmesine yardımcı olur.

Ağ grafiği özellikle aşağıdaki durumlarda kullanılabilir:

* Kurum içerisindeki uygulama, servis ve veri platformları arasındaki entegrasyon ilişkilerinin incelenmesi,
* Birden fazla sistemle bağlantısı bulunan merkezi veya kritik sistemlerin belirlenmesi,
* API Gateway, Message Broker veya ETL Platformu gibi entegrasyon bileşenlerinin sistem ağı içerisindeki konumunun analiz edilmesi,
* Sistemler arasındaki veri alışverişi ve işlem yoğunluklarının bütüncül olarak değerlendirilmesi.

Bu örnekte veriler:

* **ID:** `sistem_id` *(Ağ üzerinde yer alan her sistemin benzersiz olarak tanımlanmasını sağlayan alan)*
* **Etiket:** `sistem_adi` *(Düğümlerin üzerinde gösterilecek sistem adlarını belirleyen alan: “CRM”, “Mobil Uygulama”, “API Gateway” vb.)*
* **Bağlı:** `bagli_sistem_id` *(Kaynak sistemin ağ üzerinde hangi diğer sistemle bağlantılı olduğunu belirleyen alan)*
* **Ebeveyn ID:** `ebeveyn_id` *(Sistemin ait olduğu üst sistem grubunu veya kurumsal kategoriyi tanımlayan alan)*
* **Değer:** `gunluk_islem_sayisi` *(Düğümlerin büyüklüğünü belirleyen ve sistemlerdeki işlem yoğunluğunu temsil eden sayısal metrik)*

Bu yapı sayesinde kullanıcı, sistemler arasındaki entegrasyon ilişkilerini tablo veya bağlantı listeleri üzerinden incelemek yerine; hangi sistemlerin birbirleriyle bağlantılı olduğunu, hangi sistemlerin ağ üzerinde daha merkezi bir konumda bulunduğunu ve işlem yoğunluğunun hangi sistemlerde daha yüksek olduğunu tek bir görsel üzerinden hızlıca analiz edebilir.


---

# Agent Instructions
This documentation is published with GitBook. GitBook is the documentation platform designed so that both humans and AI agents can read, navigate, and reason over technical content effectively. Learn more at gitbook.com.

## Querying This Documentation
If you need additional information that is not directly available in this page, you can query the documentation dynamically by asking a question.

Perform an HTTP GET request on the current page URL with the `ask` query parameter, and the optional `goal` query parameter:

```
GET https://learn.vispeahen.com/kumanda-tablosu/plugin-listesi/gorsel-bilesenler/network-graph-ag-grafigi.md?ask=<question>&goal=<endgoal>
```

`ask` is the immediate question: it should be specific, self-contained, and written in natural language.
`goal` is optional and describes the broader end goal you are ultimately trying to accomplish on behalf of the user. GitBook uses it to tailor the answer towards what is most useful for that goal.

The response will contain a direct answer to the question and relevant excerpts and sources from the documentation.

Use this mechanism when the answer is not explicitly present in the current page, you need clarification or additional context, or you want to retrieve related documentation sections.