Apache ECharts 5.6 sürümü yayınlandı

• ECharts, hem PC hem de mobil için optimize edilmiş açık kaynaklı bir JavaScript görselleştirme kütüphanesidir
• Internet Explorer 9/10/11, Chrome, Firefox, Safari gibi çoğu modern tarayıcıyla uyumludur
• Kendi grafik işleme motoru ZRender'ı kullanarak sezgisel, etkileşimli ve yüksek kaliteli grafikler sunar

Çeşitli grafik türleri sunar

• Çizgi grafik, çubuk grafik, saçılım grafiği, pasta grafik, candlestick grafik, boxplot, harita, heatmap, yön bilgisi için çizgi grafik, ilişki grafiği, treemap, sunburst, paralel koordinatlar, funnel chart, gauge chart ve daha fazlasını sunar
• Farklı görselleştirme türlerini birleştirerek bileşik grafikler oluşturmak mümkündür
• Özel grafik serileri desteği sayesinde yalnızca renderItem callback fonksiyonunu vererek istenen grafik öğeleri serbestçe uygulanabilir
• Etkileşim özellikleri yerleşik olarak gelir ve ek yapılandırma olmadan hemen kullanılabilir

Hafifletme ve bileşen seçerek indirme özelliği

• Varsayılan paket yüksek düzeyde optimize edilmiştir, ancak ihtiyaçlara göre yalnızca gerekli grafik türleri ve bileşenler seçilerek hafif bir paket oluşturulabilir
• Online builder üzerinden yalnızca ihtiyaç duyulan özellikleri içeren özel bundle indirilebilir

Çeşitli veri biçimlerini destekler

• v4.0'dan itibaren dataset özelliği üzerinden iki boyutlu diziler, key-value nesneleri gibi farklı veri yapıları desteklenir
• encode özelliğiyle veri yapısı sezgisel biçimde eşlenebilir
• Veri dönüşüm algoritmaları yazmak için harcanan zamanı azaltır ve bellek kullanımını en aza indirir
• Tek bir dataset, birden fazla bileşen arasında paylaşılabilir
• TypedArray desteğiyle bellek tasarrufu ve performans iyileştirmesi sağlanabilir

Büyük veri görselleştirmesi için optimizasyon

• Milyonlarca veri noktasının görselleştirilmesi için incremental rendering teknolojisi sunar
• Yakınlaştırma/uzaklaştırma, kaydırma gibi etkileşim özellikleri büyük veri üzerinde de akıcı çalışır
• WebSocket kullanan streaming veri işleme desteği sunar
• Tüm veriyi baştan yüklemeden de görselleştirme yapılabilir

Mobil optimizasyon

• Mobil ortamda yakınlaştırma/uzaklaştırma ve kaydırma işlevleri için optimize edilmiştir
• PC'de aynı işlemler mouse wheel ile yapılabilir
• Mobil için küçük boyutlu paket sunar
• SVG rendering engine seçildiğinde bellek kullanımı daha da azaltılabilir

Farklı rendering yöntemleri ve platform uyumluluğu

• Canvas, SVG (v4.0 ve sonrası), VML gibi farklı rendering yöntemlerini destekler
• VML eski IE tarayıcılarıyla uyumluluk sağlar, SVG mobilde bellek açısından verimlidir, Canvas ise büyük hacimli iş yüklerinde güçlüdür
• Node.js ortamında node-canvas ile server-side rendering (SSR) mümkündür
• WeChat MiniProgram'da da kullanılabilir
• Topluluk tarafından Python(pyecharts), R(echarty), Julia(ECharts.jl) gibi dil eklentileri de geliştirilmiştir
• Geniş platform ve dil desteği sayesinde geliştiriciler yalnızca görselleştirmenin kendisine odaklanabilir

Etkileşim tabanlı veri keşfi özellikleri

• Zoom, pan ve filtering ile genel veriden ayrıntılı veriye doğru keşif yapılabilir
• legend, visualMap, dataZoom, tooltip, brush gibi çeşitli etkileşim bileşenleri sunar
• Kullanıcı arayüzü üzerinden veriler farklı şekillerde keşfedilebilir

Çok boyutlu veri görselleştirme yetenekleri güçlendirildi

• ECharts 3'ten itibaren çok boyutlu veri görselleştirme desteği güçlendirildi
• Paralel koordinat sistemi gibi geleneksel çok boyutlu görselleştirmelerin yanı sıra veriler farklı şekillerde ifade edilebilir
• visualMap bileşeni kullanılarak renk, boyut, saydamlık, gölgeleme gibi görsel özelliklere boyutsal veriler eşlenebilir

Gerçek zamanlı veri yansıtma

• Dataset değiştiğinde grafiklere gerçek zamanlı olarak yansır
• Veri değişiklikleri otomatik olarak algılanır ve animasyonla grafik üzerinde gösterilir
• timeline bileşeni sayesinde zaman akışına göre veri gösterimi de mümkündür

Görsel özel efektler sunar

• Nokta, çizgi, coğrafi veri gibi her tür veri için görsel efektler uygulanabilir
• Kullanıcının dikkatini çeker ve verinin aktarım gücünü artırır

WebGL tabanlı 3D görselleştirme

• ECharts GL, WebGL tabanlı olarak 3D küre, bina, nüfus histogramı gibi çeşitli 3D görselleştirmeleri destekler
• Yalnızca basit ayarlarla görsel efektler eklenebilir
• VR ve büyük ekranlarda da kullanılabilir

Erişilebilirlik desteği

• W3C'nin WAI-ARIA erişilebilirlik standardına uygundur
• Grafik yapılandırma bilgilerine dayanarak görme engelliler için otomatik açıklama üretir
• Ekran okuyucu ile görselleştirme içeriğine erişim mümkündür

[jhk0530]

ECharts güzel ve oldukça iyi. Bana göre Highcharts'a kıyasla kullanımı daha kolaydı.

[GN⁺]

Hacker News görüşleri

• Briefer geliştirirken neredeyse tüm görselleştirme kütüphanelerini test ettim ve Apache ECharts en iyisiydi

  • Diğer kütüphanelerdeki temel sorunlar şunlardı: (a) tasarım iyi değildi (b) kullanımı zordu (c) yeterince esnek değildi
  • Apache ECharts bu sorunları çözüyor
  • Varsayılan olarak güzel görünüyor, backend'de deklaratif bir spesifikasyon hesaplanıp frontend'e gönderilebiliyor ve geleneksel BI araçlarının yapabildiği her şeyi destekleyecek kadar esnek
  • Yeni özellikler eklemeye gerek kalmadan ihtiyacım olan her şey zaten içindeydi
  • HN'de bu harika çalışmayı görmek sevindirici

• go-echarts da tavsiye ederim

  • Grafikler Golang tipleriyle tanımlanabiliyor ve Golang'ın JSON marshaler'ı bunu otomatik olarak JSON'a bağlıyor
  • Birden fazla projede kullandım; issue ya da PR olduğunda bakımcı hızlı yanıt veriyor
  • JavaScript fonksiyonlarını ve SQL sorgularını Go içine gömmek eğlenceli
  • DuckDB'den veri çekip JavaScript tooltip'leri içeren bir mum grafik dosyası oluşturan bir Golang örneği var

• Pek çok başka kütüphane denedikten sonra geçen yıl Apache ECharts'ta karar kıldım ve pişman değilim

  • Harika dokümantasyon, performans, yüksek yapılandırılabilirlik, kullanım kolaylığı ve ihtiyaç duyulan tüm grafik türlerini desteklemesi

• Bence ECharts en iyi kütüphane

  • Grafik kütüphanesi listelerinde ya da aramalarda çok sık görünmüyor
  • chart.js, google charts, amCharts, Highcharts ve ApexCharts'ın hepsini denedim
  • Kendi aracımızda/kütüphanemizde kullanıyoruz

• 2020'den beri üründe Apache ECharts kullanıyoruz

  • Kesinlikle tavsiye ederim; harika bir kütüphane, harika dokümantasyon, 5 yıldır hiçbir sorun yaşamadık
  • Klavye erişilebilirliğiyle ilgili ticket'larda iyileştirme olmasını isterim

• Çizgi yarışı çok havalı

  • Anahtarı değiştirerek yarışı başlatabiliyorsunuz
  • Norveç iyi iş çıkarmış

• Web istemcisi için bir grafik kütüphanesi arıyorsanız charts.css'i de tavsiye ederim

  • Konsepti çoğu grafik kütüphanesinden çok daha basit ve aynı işlevselliği sağlayabiliyor
  • Server-side rendering, htmx vb. ile birlikte kullanımı çok kolay

• ECharts adlı bir JS grafik paketinin duyurusunu görünce, bakımının bir yıl içinde bırakılacağını düşünüyorum

  • Apache ECharts adlı bir JS grafik paketinin duyurusunu görünce, gelecek yıl da bakımının süreceğini düşünüyorum

• React/React Native için bir grafik kütüphanesi arıyordum; Apache ECharts, çapraz platform veri görselleştirmesi için harika bir aday

  • react-echarts ve react-native-echarts ikisi de aktif olarak geliştiriliyor
  • Apache çatısı altında olması, projenin gelecekteki geliştirme ve bakım beklentileri açısından büyük bir avantaj

• Yapay zeka için grafik kütüphanesi olarak ECharts'ı ekledim ve varsayılan GUI grafiklerini ECharts'a geçiriyorum

  • Seçmeden önce kapsamlı bir inceleme yaptım; ECharts hem güçlü hem de çok güzel göründüğü için onu seçtim