AntV G6 Graphyazan antvis

AntV G6 Graph Skill.

Düğüm-kenar verisinden mevcut ağların ve hiyerarşilerin etkileşimli görünümlerini oluşturun.

Graf Görselleştirme
Ağlar
AntV

OpenDesign'ı İndir Kullanım Kılavuzunu Görüntüle

Kaynak İncelemesi · AntV G6 GraphSKILL.md

Görev Graf Görselleştirme Çıktılar • Sağlanan bir ilişki veri kümesi için yapılandırılmış G6 graf görünümü JavaScript kodu • Düğümler, kenarlar ve gruplar için yerleşim ve görsel kodlama seçimi • Yakınlaştırma, sürükleme veya seçim gibi açık keşif davranışları Başlamadan Önce @antv/g6 v5 kullanan bir uygulama, tarayıcıda bir graf kapsayıcısı ve belgelenmiş referans alma servisi gerekiyorsa ağ erişimi. API'leri kurulu sürümle doğrulayın.

Editoryal özet · kaynak incelendi 2026-10-07 · üretilmiş örnek değildir

01 İşlevler

AntV G6 Graph: Bağlantılı Verileri Keşfedin

Açık düğüm-kenar verisi, bildirimsel kurulum, geçiş uyarıları ve göreve özel referans almayı içeren bir G6 v5 graf görünümü kılavuzu.

Kaynağa dayalı iş akışıÇalıştırma kıyaslaması değildir

Çalışma Yaklaşımı

AntV G6 Graph, bağlantılı verilerin görselleştirilmesine odaklanır: ağlar, ağaçlar, hiyerarşiler, zihin haritaları ve diğer düğüm-kenar yapıları. İncelenen skill G6 v5'i hedefler ve grafı veri, yerleşim, görünüm, davranışlar ve eklentiler için bildirimsel yapılandırmayla düzenler. Temel sorusu, bir ilişki yapısının nasıl gösterilip keşfedileceğidir.

Giriş dosyası, somut v5 geçiş uyarılarını özel konular için uzak bir referans alma servisiyle birleştirir. G6'yı G2 istatistiksel grafiklerinden ve X6 diyagram editörlerinden ayırır. Düğüm-kenar görüntüsü bir editör tuvaline benzeyebilir, ancak mevcut bir ağı göstermek, kullanıcıların bir iş akışı oluşturup kaydetmesine izin vermekten farklı bir görevdir.

Beklenen Çıktılar

Sağlanan bir ilişki veri kümesi için yapılandırılmış G6 graf görünümü JavaScript kodu
Düğümler, kenarlar ve gruplar için yerleşim ve görsel kodlama seçimi
Yakınlaştırma, sürükleme veya seçim gibi açık keşif davranışları

Örnek Brife Bak

Brifden İncelemeye

01
İlişki Verisini Doğrulayın
Her düğümü benzersiz bir kimlikle tanımlayın ve kenar uçlarının hedeflenen düğümlere işaret ettiğinden emin olun. Etiketleri ve görsel özellikleri ilişkinin kendisinden ayırın.
02
Görünümü Seçin
Yapıyı kuvvet yönelimli, ağaç, hiyerarşi, radyal veya başka uygun bir yerleşimle eşleştirin. Yapılandırma ayrıntıları giriş dosyasının ötesine geçtiğinde ilgili G6 referansını alın.
03
G6 v5'i Yapılandırın
Hatırladığınız v4 yapılandırmasını karıştırmak yerine hedef sürüm için belgelenmiş veri, stil, davranış ve render kurallarını kullanın.
04
Grafı İnceleyin
Oluşturulan etiketleri, uç ilişkilerini, yerleşim okunabilirliğini ve hedeflenen etkileşimleri gerçek tarayıcı çalışma ortamında kontrol edin. Yalnızca düzenli bir örneği değil, yoğun veya kopuk bölümleri de gözden geçirin.

02 Kullanım Alanları

Ne Zaman Kullanılır?

@antv/g6 v5 kullanan bir uygulama, tarayıcıda bir graf kapsayıcısı ve belgelenmiş referans alma servisi gerekiyorsa ağ erişimi. API'leri kurulu sürümle doğrulayın.

İyi Bir Uyum

İlişki KeşfiArayüzün konusu ağ yapısının kendisi olduğunda varlıkları ve aralarındaki bağlantıları sunmak için kullanışlıdır.
Ağaç ve Hiyerarşi GörünümleriKaynak; ağaç, zihin haritası, balık kılçığı ve hiyerarşi isteklerini özel yerleşim kılavuzuna yönlendirir.
G6 Geçiş ÇalışmalarıVeri, etiketler, davranışlar ve yerleşim seçenekleriyle ilgili açık farklar, eski G6 kodunu incelerken önemlidir.

Kontrol Edilecek Sınırlar

Diyagram Editörü İş Akışı DeğildirAsıl gereksinim bağlantılı düğümleri, portları ve düzenlenebilir diyagram durumunu oluşturmaksa X6 editör kılavuzunu seçin.
İstatistiksel Grafik DeğildirBu skill, G2 grafiklerini ve S2 pivot tablolarını açıkça kapsam dışı bırakır; graf yerleşimi nicel grafik kodlamasının yerine geçmez.
Sürüm ve Çalışma Ortamı KontrolleriKaynak v5'i hedefler. Kısıtları ve örnekleri referans materyalidir; belirli bir projenin veya daha eski bir sürümün test edildiğini kanıtlamaz.

Bu Girdileri Getirin

Varlıklar ve BağlantılarDüğüm kimliklerini, kenar uçlarını, etiketleri ve anlamlı grup ilişkilerini sağlayın.
Keşif GöreviOkurların bir ağı incelemesi mi, bir hiyerarşiyi izlemesi mi, grupları belirlemesi mi yoksa seçili bağlantıları incelemesi mi gerektiğini açıklayın.
Proje KısıtlarıKurulu G6 sürümünü, graf kapsayıcısını, beklenen veri boyutunu ve gerekli tarayıcı etkileşimlerini belirtin.

03 Önemli Kararlar

Önemli Kararlar

Yerleşimden Önce Veri
Kimlikler veya uç noktalar tutarsızsa görsel olarak makul görünen bir ağ yine de yanlış olabilir. Açık veri sözleşmesi bu hataların incelenmesini sağlar.
Geçiş Ayrıntıları Görünür
Etiket yerleşimi ve davranış yapılandırması API sürümleri arasında değişti; kaynak, her G6 örneğini birbirinin yerine kullanılabilir saymak yerine bu farkları belirtir.
Odaklı Referans Alma
Giriş dosyası, daralt-genişlet veya düğüm stili gibi bir görevi, tüm graf özelliklerini aynı anda gerektirmek yerine hedefli bir referans sorgusuna eşler.

04 Örnek Görev Tanımı

Odaklı Bir Brif Deneyin

Aşağıdaki örnek brif test edilmemiştir. Kullanmadan önce skill'in kurulumunu kontrol edin.

Kurulumu İnceleyin

antv-g6-graph Skill dizinini depodan edinin ve projeniz için G6 çalışma ortamını ayrıca yapılandırın. Giriş dosyasındaki CDN örneği çalışma zamanı yüklemesidir, doğrulanmış bir Skill kurulum komutu değildir.

Kaynak Dosya

https://github.com/antvis/chart-visualization-skills/blob/a105fa12a9fa41fccccc2eba7f4b34973628f5d3/skills/antv-g6-graph/SKILL.md

@antv/g6 v5 kullanan bir uygulama, tarayıcıda bir graf kapsayıcısı ve belgelenmiş referans alma servisi gerekiyorsa ağ erişimi. API'leri kurulu sürümle doğrulayın.

Tek Bir Çıktıyla Başlayın

Skill'i çalıştırmadan önce bu brifteki kapsamı, kaynak materyali ve kısıtları uyarlayın.

Örnek Brif

Sağlanan düğümlerden ve kenarlardan salt okunur bir bağımlılık ağı görünümü oluşturmak için antv-g6-graph kullan. Her uç noktayı doğrula, kurulu G6 sürümümüzü incele ve yerleşim seçimini açıkla. Yalnızca bağımlılıkları incelemek için gereken yakınlaştırma, sürükleme ve seçim davranışlarını ekle. v4 seçeneklerini kopyalamak yerine ilgili v5 referanslarına bak ve çalışma ortamı kontrollerini test edilmemiş varsayımlardan ayrı raporla.

Sonucu İnceleyin

Gerçek çıktıyı bu gözlemlenebilir ölçütlere göre kontrol edin.

Oluşturulan her kenar geçerli girdi uç noktalarına karşılık gelir.
Yerleşim ve etiketler gerçek ilişki yapısını okunabilir kılar.
Yapılandırılan davranışlar, desteklenmeyen eski seçenekler olmadan kurulu G6 çalışma ortamında çalışır.

OpenDesign, kodlama ajanları için yerel bir tasarım çalışma alanı sağlar. Bu listeleme, skill'in pakete dahil olduğu veya harici araçlarının, kimlik bilgilerinin ve yazılım bağımlılıklarının sağlandığı anlamına gelmez.

OpenDesign'ı İndir Hızlı Başlangıcı Oku

05 Kaynak ve Lisans

Kaynak ve Lisans

Bu sayfa, aşağıda bağlantısı verilen sabitlenmiş kaynak revizyonunu açıklar. Yukarı akış davranışı ve gereksinimleri değişebilir.

Kaynak Sahibi: antvis
Depo: antvis/chart-visualization-skills
Skill Dosyası: skills/antv-g6-graph/SKILL.md
Lisans: MIT
İncelenen Anlık Görüntü: 2026-10-07 · a105fa12a9fa

Editoryal Kaynak Özeti

Açık düğüm-kenar verisi, bildirimsel kurulum, geçiş uyarıları ve göreve özel referans almayı içeren bir G6 v5 graf görünümü kılavuzu.

Bağlantılı kaynağa dayanan, OpenDesign tarafından hazırlanmış özgün özet. Depo yıldızları tarihli bir popülerlik göstergesidir; skill kullanımını veya kalite puanını göstermez.

06 Başlamadan Önce Sorular

Başlamadan Önce Sorular

Bunun G2'den farkı nedir?

G6 burada bağlantılı varlıklar ve graf yerleşimleri için kullanılır. Kaynak, G2'nin istatistiksel grafik kullanım senaryolarını açıkça kapsam dışı bırakır.

Düzenlenebilir bir iş akışı tuvali oluşturmak için kullanmalı mıyım?

Düğüm oluşturma, bağlantı portları, editör eklentileri ve kaydedilmiş diyagram durumu temel gereksinimlerse kaynak bu görevi X6'ya ayırır.

Skill her G6 API referansını içeriyor mu?

Hayır. Kritik kalıpları ve daha ayrıntılı yerleşim, stil, olay, davranış ve eklenti belgeleri için bir referans alma servisini içerir.

OpenDesign

Bir Sonraki Tasarım Yinelemesine Yer Açın.

Brifinizi, kaynak materyalinizi ve tasarım çalışmanızı yerel bir çalışma alanında bir arada tutun. İş akışınıza eklemeden önce skill'in kendi kurulumunu kontrol edin.

OpenDesign'ı İndir Tasarım Skill'lerine Göz At