2011-04-17 13 views
60

यह प्रश्न टूलकिट्स के बारे में है जो ग्राफिक (वे चीजें और किनारों से बना है), जेनेरिक प्लॉट नहीं।सबसे तेज़, शुद्ध जावास्क्रिप्ट, ग्राफ विज़ुअलाइज़ेशन टूलकिट क्या है?

उपकरण को शिखर और किनारों का एक सेट प्राप्त करने, उनके लेआउट की गणना करने में सक्षम होना चाहिए, और उन्हें या तो कैनवास टैग या एसवीजी का उपयोग करके प्रदर्शित करना चाहिए, जो HTML5 के साथ संगत है।

फ़्लैश-आधारित टूल और जावा एप्लेट बाहर हैं।

एकीकृत बेंचमार्क के रूप में कार्य करने के लिए, कृपया मापें और रिपोर्ट करें कि टूलकिट को लेआउट में कितना समय लगता है और बारबासी-अल्बर्ट ग्राफ को 100 शिखर और 5 किनारों प्रति नोड के साथ खींचें।

यह अजगर lybrary यह कैसे उत्पन्न करने के लिए पता चलता है और कई प्रारूपों के लिए यह निर्यात करता है:

http://networkx.lanl.gov/tutorial/tutorial.html#graph-generators-and-graph-operations

ब्राउज़र और सीपीयू बताएं।

+0

प्रश्न पोस्टर से अलग http://www.stackoverflow.com/questions/7034/graph-visualization-code-in-javascript की एक प्रति है। पूछना कि कौन सा सबसे तेज़ है। हालांकि, कोई भी जवाब स्पीड प्रश्न से निपटता है, जिससे इसे एक मतदान के क्लोन थ्रेड बना दिया जाता है जिसे बंद कर दिया गया है और बंद कर दिया गया है। साथ ही, सुझाव दिया गया बेंचमार्क मानक नहीं है और यह सुझाव देने के लिए कुछ भी नहीं है कि यह उपयोग करने के लिए एक अच्छा बेंचमार्क है। परिणाम ब्राउज़र और ब्राउज़र संस्करणों द्वारा जंगली रूप से भिन्न होंगे। – David

उत्तर

45

JavaScript InfoVis Toolkit भयानक है और मैंने इसे प्रतिद्वंद्वी नहीं देखा है।

+0

इन्फोविस मैंने देखा डेमो से, काफी प्रदर्शनकारी प्रतीत होता है। मुझे लगता है कि मैं इसे अपनाना चाहूंगा। – fccoelho

+0

आपने अभी अपना सप्ताह बनाया है! – jerrygarciuh

6

Canviz उत्कृष्ट graphviz का एक शुद्ध जावास्क्रिप्ट रेंडरर है। लेआउट उत्पन्न करने के लिए सर्वर पर ग्राफ़विज़ का उपयोग किया जाता है, लेकिन एक छवि उत्पन्न करने के बजाय इसे क्लाइंट पर कैनविज़ के साथ प्रस्तुत किया जा सकता है।

There is a demo

7

हम mxGraph उत्पादित करते हैं, यह पूरी तरह क्लाइंट-साइड ग्राफ विज़ुअलाइजेशन लाइब्रेरी है। हम इस डोमेन के लिए ठीक से ऑप्टिमाइज़ करते हैं, न केवल सामान्य ड्राइंग, इसलिए हमारे पास काफी गति फायदे हैं कि इस क्षेत्र में अंशकालिक परियोजनाएं लागू करने में सक्षम नहीं होंगी।

+0

आप अपनी वेबसाइट के रूप में, एक ग्राफ़ लाइब्रेरी नहीं, एक आरेखण लाइब्रेरी दिखाई देते हैं। –

15

डेटा संचालित दस्तावेज (d3.js) http://mbostock.github.com/d3/ मेरे अनुभव में काफी अच्छा है क्योंकि यह काफी अच्छा है; किसी भी स्टॉल के बिना 100 नोड्स (या अधिक?) आसानी से संभाल सकते हैं

संबंधित मुद्दे