Javascript 用JSNetworkX绘制图形_Javascript_D3.js_Jsnetworkx

Javascript 用JSNetworkX绘制图形

javascript d3.js

Javascript 用JSNetworkX绘制图形,javascript,d3.js,jsnetworkx,Javascript,D3.js,Jsnetworkx,我开始探索JSNetworkX，因为我需要在我的项目中包含一些可视化。我从jsnetworkx.org上的示例开始，但在我尝试的每个示例中，我都得到了相同的错误： jsnetworkx.js:5未捕获错误：draw（）需要D3 我包括了D3，所以我不知道问题到底出在哪里。我试着在这个答案中加入像D3这样的旧版本，但并没有帮助，浏览器中并没有显示任何内容下面是一个例子： <!DOCTYPE html> <meta charset="utf-8"> <head>

我开始探索JSNetworkX，因为我需要在我的项目中包含一些可视化。我从

jsnetworkx.org

上的示例开始，但在我尝试的每个示例中，我都得到了相同的错误：

jsnetworkx.js:5未捕获错误：draw（）需要D3

我包括了D3，所以我不知道问题到底出在哪里。我试着在这个答案中加入像D3这样的旧版本，但并没有帮助，浏览器中并没有显示任何内容

下面是一个例子：

<!DOCTYPE html>
<meta charset="utf-8">
<head>
  <script src="jsnetworkx.js"></script>
  <script src="https://d3js.org/d3.v4.js"></script>
</head>
<body>

      <script>
      var G = new jsnx.Graph();

      G.addWeightedEdgesFrom([[2,3,10]]);
      G.addStar([3,4,5,6], {weight: 5}); 
      G.addStar([2,1,0,-1], {weight: 3});

     jsnx.draw(G, {
          element: '#canvas',  
          weighted: true,
          edgeStyle: {
              'stroke-width': 10
          }
     });
   </script>

</body>
</html>


var G=新的jsnx.Graph（）；
G.addWeightedEdgesFrom（[[2,3,10]]）；
G.addStar（[3,4,5,6]，{重量：5}）；
G.addStar（[2,1,0，-1]，{weight:3}）；
jsnx.draw（G{
元素：“#画布”，
对,，
边缘风格：{
“笔划宽度”：10
}
});

更改脚本顺序

降级到d3.v3.js

提供渲染应该去的元素

改用缩小版。

<script src="https://d3js.org/d3.v3.js"     ></script>
<script src="../javascripts/jsnetworkx.js"  ></script>

<div id="canvas"></div>