Javascript 我可以用这些数据在d3中可视化二叉树吗_Javascript_Python_Pandas_Dataframe_D3.js

Javascript 我可以用这些数据在d3中可视化二叉树吗

javascript python pandas dataframe d3.js

Javascript 我可以用这些数据在d3中可视化二叉树吗,javascript,python,pandas,dataframe,d3.js,Javascript,Python,Pandas,Dataframe,D3.js,所以我有这个index.html <!DOCTYPE html> <html lang="en"> <head> <meta charset="utf-8"> <style> </style> </head> <body> <div id="treeDiv"></div> <script src="http://d3js.org

所以我有这个index.html

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="utf-8">
    <style>

    </style>
</head>
<body>
    <div id="treeDiv"></div>

    <script src="http://d3js.org/d3.v3.min.js"></script>
    <script>
    var canvas = d3.select("body").append("svg")
        .attr("width", 500)
        .attr("height", 500)
        .append("g")
          .attr("transform", "translate(50, 50)");

    var tree = d3.layout.tree()
        .size([400, 400]);

    var data = {{ data.chart_data | safe }}    

    console.log(data);

    </script>
</body>
</html

您的树结构只是一个数组。没有指示连接了哪两个节点

您至少需要存储树中每个节点的父节点/子节点，否则不可能仅从一个数组构建树。

对，数组中有8种不同的树结构。那么您的建议是什么？我如何实现您所说的目标？@poweredbygt您必须存储每个节点的父/子关系。使用您发布的示例。

tree_definitions = robjects.globalenv['treedefinitions']

df2 = tree_definitions.drop(['nodes', 'classes'], axis=1)

tree_data = df2.to_dict(orient='records')
tree_data = json.dumps(tree_data, indent=2)
data = {'chart_data': tree_data}
# return data
return render_template("index.html", data=data)