d3.js

2012-07-05 22 views
9

में स्तरित आलेख मैं वर्तमान में नियंत्रण प्रवाह ग्राफ को देखने के लिए ग्राफ़विज़ का उपयोग कर रहा हूं। असल में, एक (कमजोर) नियंत्रण प्रवाह ग्राफ एक डीएजी और कुछ किनारों है जो पिछले परतों में नोड्स को इंगित करता है। उत्तरार्द्ध किनारों को नोड प्लेसमेंट को प्रभावित नहीं करना चाहिए।d3.js

वर्तमान में, dot ग्राफ को अच्छी तरह से खींचता है, लेकिन इसमें इंटरैक्टिविटी (जैसे फोल्डिंग, स्क्रॉलिंग, ज़ूमिंग) जोड़ने का एक आसान तरीका नहीं है, जो बहुत बड़े ग्राफ के विश्लेषण के लिए अनमोल है। इसलिए, मैंने d3.js को सबसे परिपक्व और फीचर समृद्ध ग्राफिंग लाइब्रेरी के रूप में चुना है।

मुझे पूरा यकीन है कि d3.js में layered graphs (dot करता है) को आकर्षित करने का एक आसान तरीका है, लेकिन मुझे यह पहचानने की प्रतीत नहीं होती है। मैं उसको कैसे करू? अगर यह मदद करता है, तो मैं पहले से ही अपने सीएफजी पर प्रभुत्व विश्लेषण कर रहा हूं।

+4

ऐसा लगता है कि डी 3 में एक लंबित सुविधा का अनुरोध है जैसे: https://github.com/mbostock/d3/issues/349 – whitequark

उत्तर

5

निर्देशित ग्राफ ड्राइंग के लिए Dagre पुस्तकालय प्रतिपादन-नास्तिक है, लेकिन d3.js से अच्छी तरह एकीकृत: https://github.com/cpettitt/dagre

यहाँ एक डेमो डी 3 का उपयोग कर गाया है: http://cpettitt.github.io/project/dagre-d3/latest/demo/interactive-demo.html

+1

हम वास्तव में डैग्रे मार्ग के साथ गए हैं: https://github.com/evilmartians/furnace-xray – whitequark

+0

आपके पास टूटा हुआ लिंक – Sheena

+0

यहां एक लिंक है एक डैग्रे डी 3 डेमो: http://cpettitt.github.io/project/dagre-d3/latest/demo/interactive-demo.html – peater

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