जावास्क्रिप्ट लाइब्रेरी - फ़ैमिली ट्री फ़्लोचार्ट

Question

मैं एक साधारण जावास्क्रिप्ट लाइब्रेरी (svg?) ढूंढ रहा हूं जो मुझे पारिवारिक वृक्ष संबंध बनाने की अनुमति देता है।

मैंने Google पर बहुत कुछ खोजा है जैसे राफेल और इसके विस्तार ड्रेकुला जैसे कई रोचक पुस्तकालयों को मिला। Google के पास फ़्लोचार्ट बनाने के लिए अपनी लाइब्रेरी भी है।

दुर्भाग्य से, प्रत्येक लाइब्रेरी एक सिग्नल लाइन के साथ नोड्स के बीच संबंध बनाती है। यदि ए और बी के पास सी से संबंध है, तो मुझे 2 लाइन प्राप्त होगी: ए से सी तक और बी से सी

मुझे जो चाहिए वह ए से बी (हम इसे एबी कहते हैं) और एक एबी से सेल्सियस के लिए लाइन एक की शादी और बी

example-image

धन्यवाद प्रतिनिधित्व करने के लिए।

Answer 1

मुझे एक ही समस्या है। यहाँ मैं क्या मिला है या नहीं:

• http://chandler.prallfamily.com/2011/05/my-family-tree/
• http://www.headjump.de/article/arrows-and-boxes
• http://astuteo.com/slickmap/

आप किसी भी अन्य समाधान है?

Answer 2

मैंने ऐसे आउटपुट का उत्पादन करने के लिए Graphviz डॉट-फाइल बनाई है। वर्तमान में मैं एक .gedcom फ़ाइल से उत्पन्न करने के लिए Ruby स्क्रिप्ट पर काम कर रहा हूं।

यहां। डॉट सामग्री, संख्याओं के साथ नोड्स केवल बिंदु हैं और किनारों को सही तरीके से बहते हैं।

digraph G { 
    graph [nodesep=0.2,splines=ortho,ranksep=0.05] 
    node [shape=box,fontname=Helvetica,fontsize=8;color="green",fixedsize=true,width=1,height=0.5,style=filled] 
    Grandfather [color="lightblue"] 
    Grandmother [color="pink"] 
    StephGrandmother [color="pink"] 
    Father [color="lightblue"] 
    Mother [color="pink"] 
    Uncle [color="lightblue"] 
    Laurent [color="lightblue"] 
    Child2 [color="lightblue"] 
    Child3, Child4 [color="pink"] 
    node[label="", width=0, height=0]; 
    edge[arrowhead=none, color=blue]; 
    {rank=same;StephGrandmother;Grandfather;Grandmother;Grandfather1} 
    {rank=same;Father;Father1;Mother;Uncle} 
    {rank=same;Laurent;Child2;Child3,Child4} 
    {rank=same;Father2;Father3} 
    StephGrandmother:e -> Grandfather:w 
    Grandfather:e -> Grandfather1 
    Grandfather1 -> Grandmother:w 
    Grandfather1 -> Grandfather2 
    Grandfather2 -> Father:n 
    Grandfather2 -> Uncle:n 
    Father:e -> Father1 
    Father1 -> Mother:w 
    Father1 -> Father2 
    Father2:w -> Laurent:n 
    Father2:w -> Child2:n 
    Father2 -> Father3 
    Father3:e -> Child3:n 
    Father3:e -> Child4:n 
} 

Answer 3

"लाइब्रेरी" नहीं होने पर, एक उपयोगिता मौजूद है जो आपको सटीक रूप से वर्णन करने की अनुमति देती है जो आप वर्णन करते हैं। बस "एसवीजी यूटिलिटी" कहा जाता है, यह एक ग्राफिकल डिजाइनर के साथ सॉफ्टवेयर का एक मुफ्त टुकड़ा है जो आपको वास्तविक पारिवारिक रिश्तों को परिभाषित करने की अनुमति देता है (एकाधिक पति/पत्नी, टेटेटिव बच्चों आदि सहित)। More on SVG Family Trees देखें।

एक बार डिज़ाइन किए जाने के बाद, रिश्तों और लेआउट को एक साधारण टेक्स्ट-फ़ाइल स्वरूप में कैप्चर किया जाता है ताकि उन्हें संशोधित या पुन: उपयोग किया जा सके। उपयोगिता ब्लॉग-पोस्ट या अन्य वेब पेज में उपयोग के लिए एक एसवीजी संस्करण उत्पन्न करती है। कई संभावित कॉन्फ़िगरेशन हैं जो एक ही पृष्ठ पर एकाधिक एसवीजी छवियों, टूलटिप या पॉप-अप जानकारी को व्यक्तिगत-बक्से या "परिवार", व्यक्तिगत पेड़ के पैन-ज़ूम, कैप्शन के साथ थंबनेल छवियों आदि के साथ अनुमति देते हैं।

इंस्टॉलेशन किट, प्रलेखन, और नमूने ड्रॉपबॉक्स फ़ोल्डर में उपलब्ध हैं। उस तक पहुंच प्राप्त करने के लिए उपर्युक्त ब्लॉग-पोस्ट के लेखक से संपर्क करें।

उपयोगिता को विंडोज के तहत चलाने के लिए डिज़ाइन किया गया था, लेकिन मैक पर वाइन संगतता परत के तहत भी चलाया गया है।