一个自主集成知识图谱的网页版工具软件

NRD Studio图谱软件，即支持在网页上打开使用，也支持通过API接口集成在自己的管理应用。

本文主要介绍NRD Studio自主集成接入的主要流程。

在线预览示例：https://open.nrdstudio.cn/demo/dft/app/diagram_view.html

官方有开发文件、API列表和配置项手册，方便我们集成搭建。

集成NRD Studio，首先通过官方渠道采购开发资源包。分为标准版、专业版和旗舰版。

然后，按照官方开发文档，部署在自己的服务器上。

在线文档地址：https://nrdstudio.cn/docs/open/

一个简单示例：

<!DOCTYPE html>
<html>
    <head>
        <meta charset="utf-8" />
        <meta http-equiv="X-UA-Compatible" content="IE=edge" />
        <meta name="viewport" content="initial-scale=1.0, user-scalable=no, width=device-width"/>
        <title> NRD Studio </title>
        <style>
            html, body, #container { width: 100%; height: 100%; }
        </style>
        <!-- 引入代码包中的 SDK 文件 -->
        <script src="/nsdata/ns-sdk-v2.0.js"></script>
    </head>
    <body>
        <div id="container"></div>
        <script type="text/javascript">
            window.onload = function () {
            // 图谱示例数据
            var data = {"nodes":[{"id":0,"name":"节点A"},{"id":1,"name":"节点B"},{"id":2,"name":"节点C"}],"links":[{"from":0,"to":1,"relation":"","id":0},{"from":0,"to":2,"relation":"","id":1}]};
            
            // 创建一个实例
            var diagramView = new nrdx.Diagram.View('container', { 
                data 
            });
        };
        </script>
    </body>
</html>

注意初始化实例前，需要引入SDK文件，路径：/nsdata/ns-sdk-v2.0.js