apache-echarts-expert - SKILL.md Agent Skill

name: "apache-echarts-expert" description: "Apache ECharts (v5+) kullanarak profesyonel, interaktif ve yüksek performanslı veri görselleştirmeleri oluşturur. Dashboard tasarımı, kompleks grafik türleri (geo, heatmap, gauge), animasyon kontrolü ve React/Vue entegrasyonu gerektiren durumlarda bu yeteneği kullan."

Apache ECharts Expert

Bu yetenek, veri setlerini analiz ederek en uygun görselleştirme stratejisini belirler ve optimize edilmiş option nesneleri üretir.

Workflow Decision Tree

Grafik Tipi Seçimi: Veri yapısına göre (karşılaştırma, trend, dağılım, ilişki) en uygun tipi belirle. Bkz. references/api_reference.md
Performans Analizi: Veri > 100k ise sampling ve progressive rendering aktif et. Bkz. references/dataset.md
Görselleştirme Standartları:
- Mobil: Her zaman resize event'ini bağla ve dokunmatik optimizasyonları yap. Bkz. references/responsive.md
- Animasyon: Akıcı geçişler için zamanlama ayarlarını yap. Bkz. references/animation.md
Entegrasyon: React veya Vue kullanılıyorsa, framework-spesifik wrapper kalıplarını uygula. Bkz. references/skill_copilot.md

Temel Uygulama Kalıbı

// Standart Init ve Option Yapısı
const myChart = echarts.init(document.getElementById('main'));
const option = {
    title: { text: 'Başlık' },
    tooltip: { trigger: 'axis' },
    xAxis: { type: 'category', data: [...] },
    yAxis: { type: 'value' },
    series: [{ type: 'line', data: [...], smooth: true }]
};
myChart.setOption(option);

Kaynaklar ve Detaylı Rehberler

Grafik Katalogu: "references/categorical_comparison.md, references/temporal_trends_sk.md"
Gelişmiş Özellikler: "references/events.md, references/visual_map.md"
Tema ve Stil: "references/themes.md, references/styling.md"