使用JSNetworkX绘制图形

Question

我开始探索JSNetworkX，因为我需要在项目中包含一些可视化。我从$ pytest -s -v -ra test_me.py test_me.py::test_data[0-dataset0] 10 PASSED test_me.py::test_data[0-dataset1] 100 PASSED test_me.py::test_data[1-dataset0] 20 PASSED test_me.py::test_data[1-dataset1] 200 PASSED test_me.py::test_data[2-dataset0] 30 PASSED test_me.py::test_data[2-dataset1] 300 PASSED 的例子开始，但在每个例子中我都尝试了同样的错误：

  

jsnetworkx.js：5未捕捉错误：D3要求绘制（）。

我收录了D3，所以我不知道问题究竟在哪里。我尝试在这个答案TypeError:undefined is not an object (evaluating 'M.layout.force')中包含旧版本的D3，但它没有帮助，浏览器中没有显示任何内容。

以下是示例：

jsnetworkx.org

Answer 1

1. 更改脚本顺序
2. 降级为d3.v3.js
3. 提供元素，渲染应该在哪里

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

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