ग्राफविज़ एम्बेडेड यूआरएल

Question

मैं यह समझने की कोशिश कर रहा हूं कि हाइपरलिंक्स के साथ ग्राफ कैसे उत्पन्न करें, आप ग्राफ़ में प्रत्येक नोड/किनारे पर अधिक विस्तृत जानकारी तक पहुंचने के लिए क्लिक कर सकते हैं। मैंने पाया कि ग्राफवीज़ में यूआरएल नोड प्रॉपर्टी का उपयोग करने की यह क्षमता है।

<map id="G" name="G"> 
<area shape="poly" href="google.com" title="boot&#45;master" alt="" coords="297,29 292,22 279,15 258,10 233,7 204,5 175,7 150,10 129,15 116,22 111,29 116,37 129,43 150,49 175,52 204,53 233,52 258,49 279,43 292,37"/> 
</map> 

यहाँ आदेश मैं इस उत्पन्न करने के लिए इस्तेमाल किया गया था: अपने परीक्षण फ़ाइल का उपयोग करना ...

graph G { 
    node [label="\N"]; 
    graph [bb="0,0,218,108"]; 
    king [pos="31,90", width="0.86", height="0.50"]; 
    lord [pos="31,18", width="0.81", height="0.50"]; 
    "boot-master" [URL="google.com"]; 
    king -- lord [pos="31,72 31,61 31,47 31,36"]; 
} 

... मैं एक cmapx फ़ाइल है कि कुछ उपयोगी जानकारी शामिल करने के लिए लगता है उत्पन्न करने में सक्षम था:

dot -Tcmapx example1_graph.dot -o test.cmapx 

हालांकि मुझे यकीन नहीं है कि इस फ़ाइल का उपयोग कैसे करें? ग्राफ़विज़ के लिए प्रलेखन में यह भी बताया गया है कि पीएस 2 प्रारूप यूआरएल लिंक के लिए काम करना चाहिए लेकिन मेरे पास कोई भाग्य नहीं था।

Answer 1

ग्राफ़विज़ द्वारा निर्मित मानचित्र का उपयोग आमतौर पर HTML पृष्ठ में किया जा सकता है।

विचार ग्राफवीज़ को दो बार चलाने का विचार है: एक बार मानचित्र बनाने के लिए, और एक बार छवि बनाने के लिए।

dot -Tcmapx example1_graph.dot -o test.cmapx 
dot -Tpng example1_graph.dot -o test.png 

तब छवि को मानचित्र के साथ एक HTML पृष्ठ में परोसा जाता है।

<img src="/test.png" usemap="#G" alt="graphviz graph" /> 
<!-- graphviz generated map --> 
<map id="G" name="G"> 
    <area shape="poly" href="google.com" title="boot&#45;master" alt="" coords="297,29 292,22 279,15 258,10 233,7 204,5 175,7 150,10 129,15 116,22 111,29 116,37 129,43 150,49 175,52 204,53 233,52 258,49 279,43 292,37"/> 
</map> 

महत्वपूर्ण हिस्सा बनने usemap="#G" जो नक्शा करने के लिए छवि लिंक: वाक्य रचना कुछ इस तरह होगा।

एक HTML पृष्ठ की सेवा करने वाली छवि के उदाहरण के लिए this page भी देखें और एक साथ मानचित्र बनाएं।

dot -Tsvg example1_graph.dot -o test.svg 

आप एक ब्राउज़र में test.svg खोलते हैं, तो URL शामिल हैं नोड्स क्लिक करने योग्य हैं:

---

URL का एक अन्य प्रारूप बनाने उपयोग एसवीजी है।