2012-08-31 21 views
5

के साथ जावास्क्रिप्ट ग्राफ विज़ुअलाइजेशन टूलकिट मुझे लगभग 1000 नोड्स और किनारों के साथ ग्राफ प्रदर्शित करने की आवश्यकता है। नोड्स को खींचने योग्य होना चाहिए और सभी को प्रतीक्षा स्क्रीन के बिना रीयलटाइम में काम करना चाहिए।उच्च प्रदर्शन (500-1000 नोड्स)

तो, मैंने पहले से ही बहुत सारे जेएस ग्राफ विज़ुअलाइजेशन फ्रेमवर्क की जांच की है और अभी भी समाधान नहीं ढूंढ पा रहा है।

उदाहरण के लिए मैंने प्रश्न से "जावास्क्रिप्ट इन्फोविस टूलकिट" को धोखा दिया है: What's the fastest, pure Javascript, Graph visualization toolkit? यह 250 नोड्स पर लटकता है।

सभी ढांचे बहुत तेज़ काम करते हैं लेकिन केवल 100-200 नोड्स के साथ। और 500 नोड्स और किनारों पर वे अपवाद फेंक देते हैं या बिल्कुल लटकते हैं।

तो सवाल यह है: क्या कोई जेएस ढांचा है जो 500-1k नोड्स/किनारों के साथ काम कर सकता है, या मुझे कैनवास/वेबजीएल का उपयोग करके स्वयं को कुछ लागू करना चाहिए।

+0

क्या आप एक छवि साझा कर सकते हैं कि आप ग्राफ को कैसे देखना चाहते हैं? – MikaelEmtinger

+0

यहां की तरह: http://thejit.org/static/v20/Jit/Examples/ForceDirected/example1.html उसी समय उपयोगकर्ता को सभी 1000 नोड्स नहीं दिखना चाहिए :) उपयोगकर्ता स्क्रीन पर फिट नोड्स का केवल एक हिस्सा देखेंगे (ज़ूम की गई छवि के एक हिस्से की तरह) –

+1

ठीक है, दुर्भाग्य से खींचना बहुत आसान नहीं होगा - लेकिन असंभव नहीं है। मैं कुछ और कठोर (एक आरेख या कुछ की तरह) की उम्मीद कर रहा था जिसे कुछ वेबजीएल ड्रा कॉल में इकट्ठा किया जा सकता था। यह वसंत प्रभाव है जो परेशान है। तेज़ होने के लिए, आपको फ्लोटिंग पॉइंट बनावट का उपयोग करके GPU पर वसंत सिमुलेशन करना होगा ... जटिल;) – MikaelEmtinger

उत्तर

2

क्या आपने डी 3 का प्रयास किया था? http://d3js.org/

+2

धन्यवाद, यह अच्छी लाइब्रेरी है! मैंने 1k नोड्स के साथ "मजबूर" उदाहरण की कोशिश की है लेकिन लिंक के बिना और यह थोड़ा धीमा काम करता है .. मुझे लगता है कि मुझे "बल" गणना के बिना उदाहरण का प्रयास करना चाहिए, इसे बहुत तेज काम करना चाहिए। –