2012-08-31 19 views
5

Yaklaşık 1000 düğüm ve kenarlıklı grafikleri göstermem gerekiyor. Düğümler sürüklenebilir olmalı ve tüm ekranlar beklemeden gerçek zamanlı olarak çalışmalıdır.Javascript Yüksek performanslı (500-1000 düğümler) grafik görselleştirme araç seti

Çoktan js grafik görselleştirme çerçevelerini kontrol ettim ve hala çözüm bulamıyorum.

Örneğin, "JavaScript InfoVis Toolkit" ı " What's the fastest, pure Javascript, Graph visualization toolkit?" dan çektim. Bu, 250 düğümde askıda kalıyor.

Tüm çerçeveler oldukça hızlı çalışır ancak yalnızca 100-200 düğümle çalışır. Ve 500 düğüm ve kenarda istisnalar atıyor veya hiç kapanmıyorlar.

Yani, soru şudur: 500-1k düğüm/kenarlarla çalışabilen bir js çerçevesi var mı, yoksa tuval/WebGL kullanarak kendimce bir şey uygulamalıyım.

+0

Grafiğin nasıl görünmesini istediğinizle ilgili bir görüntü paylaşır mısınız? – MikaelEmtinger

+0

Burada olduğu gibi: http://thejit.org/static/v20/Jit/Examples/ForceDirected/example1.html Aynı zamanda, kullanıcı tüm 1000 düğümleri görmemelidir :) Kullanıcı ekrana uyan düğümlerin yalnızca bir kısmını görecektir (Yakınlaştırılmış görüntünün bir parçası gibi) –

+1

Tamam, ne yazık ki - ama imkansız değil, bu çok kolay çekilmez. WebGL çekiliş çağrılarının bir araya getirilebileceği daha sert (bir şema veya bir şey gibi) bir şey için umuyordum. Sorun olan bahar etkisi. Hızlanmak için, yüzer nokta dokular kullanarak GPU üzerindeki yay simülasyonunu yapmalısınız ... Karmaşık;) – MikaelEmtinger

cevap

2

D3'ü denediniz mi? http://d3js.org/

+2

Teşekkürler, güzel kütüphane! Ben 1k düğümler ile "zorla" örnek denedim ama bağlantılar olmadan ve biraz yavaş çalışır .. Ben de "kuvvet" hesaplamaları olmadan örnek denemeliyim, çok daha hızlı çalışmalıdır. –

İlgili konular