नीचे निर्भरता पार्सिंग पेड़ का एक उदाहरण है।वेब पेज पर निर्भरता पार्सिंग पेड़ विज़ुअलाइज़ेशन
मैं एचटीएमएल वेब पेज पर यह कल्पना करने के लिए चाहते हैं, तो किसी भी एक मुझे कुछ उदाहरण या निर्देश दिखा सकते हैं? मैं सी/सी ++, पायथन से परिचित हूं, लेकिन एचटीएमएल/जावास्क्रिप्ट से परिचित नहीं हूं।
बहुत धन्यवाद! घटता आदि के साथ लोगों को .. यही कारण है कि आप सही दिशा में ले जाना चाहिए:
गुप्त json में उत्पादन और यह पार्स पेड़ के लिए
d3 जैसे कुछ js ग्राफ पुस्तकालय, राफेल आदि
उदाहरण के लिए करने के लिए पारित "मैं करने जा रहा हूँ ऑस्टिन में एसएक्सएसडब्ल्यू पर एनएलपी पर एक सेमिनार। "
होगा
(ROOT
(S
(NP (PRP I))
(VP (VBP am)
(VP (VBG going)
(S
(VP (TO to)
(VP (VB do)
(NP
(NP (DT a) (NN seminar))
(PP (IN on)
(NP (NNP NLP))))
(PP (IN at)
(NP (NNP SXSW)))
(PP (IN in)
(NP (NNP Austin))))))))
(. .)))
[{
"data": {
"type": "ROOT"
},
"children": [{
"data": {
"type": "S"
},
"children": [{
"data": {
"type": "NP"
},
"children": [{
"data": {
"type": "PRP"
},
"children": [{
"data": {
"ne": "O",
"word": "I",
"type": "TK",
"pos": "PRP"
},
"children": []
}]
}]
}, {
"data": {
"type": "VP"
},
"children": [{
"data": {
"type": "VBP"
},
"children": [{
"data": {
"ne": "O",
"word": "am",
"type": "TK",
"pos": "VBP"
},
"children": []
}]
}, {
"data": {
"type": "VP"
},
"children": [{
"data": {
"type": "VBG"
},
"children": [{
"data": {
"ne": "O",
"word": "going",
"type": "TK",
"pos": "VBG"
},
"children": []
}]
}, {
"data": {
"type": "S"
},
"children": [{
"data": {
"type": "VP"
},
"children": [{
"data": {
"type": "TO"
},
"children": [{
"data": {
"ne": "O",
"word": "to",
"type": "TK",
"pos": "TO"
},
"children": []
}]
}, {
"data": {
"type": "VP"
},
"children": [{
"data": {
"type": "VB"
},
"children": [{
"data": {
"ne": "O",
"word": "do",
"type": "TK",
"pos": "VB"
},
"children": []
}]
}, {
"data": {
"type": "NP"
},
"children": [{
"data": {
"type": "NP"
},
"children": [{
"data": {
"type": "DT"
},
"children": [{
"data": {
"ne": "O",
"word": "a",
"type": "TK",
"pos": "DT"
},
"children": []
}]
}, {
"data": {
"type": "NN"
},
"children": [{
"data": {
"ne": "O",
"word": "seminar",
"type": "TK",
"pos": "NN"
},
"children": []
}]
}]
}, {
"data": {
"type": "PP"
},
"children": [{
"data": {
"type": "IN"
},
"children": [{
"data": {
"ne": "O",
"word": "on",
"type": "TK",
"pos": "IN"
},
"children": []
}]
}, {
"data": {
"type": "NP"
},
"children": [{
"data": {
"type": "NN"
},
"children": [{
"data": {
"ne": "ORGANIZATION",
"word": "NLP",
"type": "TK",
"pos": "NN"
},
"children": []
}]
}]
}]
}]
}, {
"data": {
"type": "PP"
},
"children": [{
"data": {
"type": "IN"
},
"children": [{
"data": {
"ne": "O",
"word": "at",
"type": "TK",
"pos": "IN"
},
"children": []
}]
}, {
"data": {
"type": "NP"
},
"children": [{
"data": {
"type": "NNP"
},
"children": [{
"data": {
"ne": "ORGANIZATION",
"word": "SXSW",
"type": "TK",
"pos": "NNP"
},
"children": []
}]
}]
}]
}, {
"data": {
"type": "PP"
},
"children": [{
"data": {
"type": "IN"
},
"children": [{
"data": {
"ne": "O",
"word": "in",
"type": "TK",
"pos": "IN"
},
"children": []
}]
}, {
"data": {
"type": "NP"
},
"children": [{
"data": {
"type": "NNP"
},
"children": [{
"data": {
"ne": "LOCATION",
"word": "Austin",
"type": "TK",
"pos": "NNP"
},
"children": []
}]
}]
}]
}]
}]
}]
}]
}]
}, {
"data": {
"type": "."
},
"children": [{
"data": {
"ne": "O",
"word": ".",
"type": "TK",
"pos": "."
},
"children": []
}]
}]
}]
}]
और can be drawn using d3 को तब्दील किया जा सकता।
आपको लगता है कि, क़ौम वे डाल दिया है पर Raphaël JS
देखो का उपयोग कर पूर्व के लिए ऐसा करने में सक्षम होना चाहिए।
नोट: उपरोक्त को अभी भी आपको जेएस में कोड करने की आवश्यकता होगी, लेकिन जेएस को बहुत सीधे आगे बढ़ाना होगा। आप शायद राफेल के साथ सीधे शुरू कर सकते हैं और जैसे ही आप जाते हैं भागों को उठा सकते हैं।
शुभकामनाएं।