जावास्क्रिप्ट नेटवर्क विज़ुअलाइजेशन?

Question

मैं एक नेटवर्क को देखने के लिए एक पुस्तकालय की तलाश में हूं।

मुझे बस कुछ नोड्स (नोड पर टेक्स्ट है) जोड़ने की जरूरत है, उनके बीच किनारों को जोड़ें, (किनारों को निर्देशित किया गया है और उन पर टेक्स्ट है)। मैं हाथ से कुछ भी स्थिति निर्धारित नहीं करना चाहता हूं।

मैं चाहता एपीआई सरल रूप में:

var node1 = X.addNode(1, "Hello"), 
    node2 = X.addNode(2, "World"); 
X.addEdge(node1, node2, "helloworld"); 

मैं घंटों के लिए खोज की है, देखा के बाद arborjs, sigma.js, d3.js, जावास्क्रिप्ट InfoVis टूलकिट, उनमें से कोई भी मुझे संतुष्ट।

क्या कोई और चीज है जिसे मैं कोशिश कर सकता हूं?

Answer 1

VivaGraphJS देखें।
विवाग्राफजेएस द्वारा अमेज़ॅन विज़ुअलाइजेशन sample।

लेआउट कॉन्फ़िगरेशन sample, एक प्रस्तुतकर्ता के रूप में WebGL का उपयोग करता है।

Answer 2

sigma.js के साथ क्या समस्या है? लाइब्रेरी की वेबसाइट पर नोड्स और किनारों आकर्षित करने के लिए एक बहुत ही सरल उदाहरण है: sigma.js
http://sigmajs.org/examples/a_plugin_example.html
की

var sigRoot = document.getElementById('sig'); 
var sigInst = sigma.init(sigRoot); 
sigInst.addNode('hello',{ 
label: 'Hello', 
color: '#ff0000' 
}).addNode('world',{ 
label: 'World !', 
color: '#00ff00' 
}).addEdge('hello_world','hello','world').draw(); 

Answer 3

चेक यह पेज और कैसे वे एक यादृच्छिक या एक परिपत्र लेआउट आप देखेंगे।

Answer 4

हम mxGraph का उत्पादन करते हैं, लेकिन ध्यान दें कि यह एक वाणिज्यिक पुस्तकालय है, खुला स्रोत नहीं है। मुझे यकीन नहीं है कि आपके द्वारा सूचीबद्ध ओपन सोर्स लाइब्रेरी क्यों विफल रही, लेकिन निश्चित रूप से ग्राफ़ बनाने, ज्यामिति और लेबल सेट करने के लिए सभी काफी मामूली फ़ंक्शन कॉल हैं।

Answer 5

cne-tnetwork आज़माएं। यह नेटवर्क ग्राफ बनाने और खींचने के लिए जावास्क्रिप्ट विज़ुअलाइजेशन लाइब्रेरी है। यह एसवीजी आधारित और एचटीएमएल 5 संगत है। यह जीएनयू एफ़ेरो लाइसेंस के तहत लाइसेंस प्राप्त जिथूब पर सार्वजनिक रूप से उपलब्ध है। आप लाइब्रेरी के readme में इसका उपयोग कैसे कर सकते हैं। इसमें नोड्स खींचने का एक तरीका है। नोड्स के बीच के लिंक यूनिडायरेक्शनल, बिडरेक्शनल या यहां तक ​​कि "बसों" भी हो सकते हैं जो कई तत्वों को जोड़ते हैं। सीएसएस के साथ आप अपनी सभी शैलियों (नोड्स, लिंक, तीर, बस ...) को कस्टमाइज़ कर सकते हैं।

Answer 6

मुझे यह जावास्क्रिप्ट लाइब्रेरी उपयोगी साबित हुई।

visjs