HTML5   发布时间:2022-04-25  发布网站:大佬教程  code.js-code.com
大佬教程收集整理的这篇文章主要介绍了html5 – 在网页上解析树可视化的依赖关系大佬教程大佬觉得挺不错的,现在分享给大家,也给大家做个参考。
下面是依赖解析树的示例.

我想在html网页上将其可视化,任何人都可以向我展示一些示例或方向吗?
我熟悉C/C++,Python,但不熟悉html / javascript.

非常感谢!

解决方法

输出转换为json并将其传递给某些js图库,如d3,raphael等.

Demo & Reference

例如
解析树

将会

(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"
                },"word": "am","pos": "VBP"
                    },"children": []
                }]
            },{
                "data": {
                    "type": "VP"
                },"children": [{
                    "data": {
                        "type": "VBG"
                    },"children": [{
                        "data": {
                            "ne": "O","word": "going","pos": "VBG"
                        },"children": []
                    }]
                },{
                    "data": {
                        "type": "S"
                    },"children": [{
                        "data": {
                            "type": "VP"
                        },"children": [{
                            "data": {
                                "type": "TO"
                            },"children": [{
                                "data": {
                                    "ne": "O","word": "to","pos": "TO"
                                },"children": []
                            }]
                        },{
                            "data": {
                                "type": "VP"
                            },"children": [{
                                "data": {
                                    "type": "VB"
                                },"children": [{
                                    "data": {
                                        "ne": "O","word": "do","pos": "VB"
                                    },"children": []
                                }]
                            },{
                                "data": {
                                    "type": "NP"
                                },"children": [{
                                    "data": {
                                        "type": "NP"
                                    },"children": [{
                                        "data": {
                                            "type": "DT"
                                        },"children": [{
                                            "data": {
                                                "ne": "O","word": "a","pos": "DT"
                                            },"children": []
                                        }]
                                    },{
                                        "data": {
                                            "type": "NN"
                                        },"word": "seminar","pos": "NN"
                                            },"children": []
                                        }]
                                    }]
                                },{
                                    "data": {
                                        "type": "PP"
                                    },"children": [{
                                        "data": {
                                            "type": "IN"
                                        },"word": "on","pos": "IN"
                                            },{
                                        "data": {
                                            "type": "NP"
                                        },"children": [{
                                            "data": {
                                                "type": "NN"
                                            },"children": [{
                                                "data": {
                                                    "ne": "ORGANIZATION","word": "NLP","pos": "NN"
                                                },"children": []
                                            }]
                                        }]
                                    }]
                                }]
                            },{
                                "data": {
                                    "type": "PP"
                                },"children": [{
                                    "data": {
                                        "type": "IN"
                                    },"children": [{
                                        "data": {
                                            "ne": "O","word": "at","pos": "IN"
                                        },"children": []
                                    }]
                                },{
                                    "data": {
                                        "type": "NP"
                                    },"children": [{
                                        "data": {
                                            "type": "NNP"
                                        },"children": [{
                                            "data": {
                                                "ne": "ORGANIZATION","word": "SXSW","pos": "NNP"
                                            },"children": []
                                        }]
                                    }]
                                }]
                            },"word": "in","children": [{
                                            "data": {
                                                "ne": "LOCATION","word": "Austin","children": []
                                        }]
                                    }]
                                }]
                            }]
                        }]
                    }]
                }]
            }]
        },{
            "data": {
                "type": "."
            },"children": [{
                "data": {
                    "ne": "O","word": ".","pos": "."
                },"children": []
            }]
        }]
    }]
}]

can be drawn using d3.

大佬总结

以上是大佬教程为你收集整理的html5 – 在网页上解析树可视化的依赖关系全部内容,希望文章能够帮你解决html5 – 在网页上解析树可视化的依赖关系所遇到的程序开发问题。

如果觉得大佬教程网站内容还不错,欢迎将大佬教程推荐给程序员好友。

本图文内容来源于网友网络收集整理提供,作为学习参考使用,版权属于原作者。
如您有任何意见或建议可联系处理。小编QQ:384754419,请注明来意。
标签: