डी 3 के साथ एक इंटरेक्टिव ट्री चार्ट कैसे बनाएं?

Question

क्या कोई नमूना है कि कोई व्यक्ति pearltrees.com वेबसाइट पर एक इंटरैक्टिव ट्री चार्ट कैसे डिज़ाइन कर सकता है (उदाहरण के लिए here देखें) D3 के साथ?

किसी भी मदद के लिए धन्यवाद!

Answer 1

आप इस तरह कुछ करने के लिए एक शक्ति के निर्देशन ग्राफ बना सकते हैं:

http://mbostock.github.com/d3/talk/20110921/#20

आप काम का एक सा होता है क्या करने के लिए:

1. छवियों नोड्स गतिशील जोड़ें (this example adds a favicon प्रत्येक नोड में)
2. उपयोगकर्ताओं को पेड़ के हिस्सों को विस्तार/संक्षिप्त करने की अनुमति दें। (this example does this, but uses a tree layout)।
3. एंड नोड्स (this example shows how nodes can link out to other pages) पर HTML लिंक जोड़ें।