相关疑难解决方法(0)

你如何在d3.js中创建一个家谱?

我目前正在进行一项小型家谱实验,并希望实现一个简单的家谱,如下图所示.

到目前为止,最好的搜索结果只产生了一个例子,其中一个孩子只能有一个父节点.但我需要的是能够在实体(从父亲到母亲)和节点与其他链接(从子节点到父母链接)之间建立链接.目前我没有固定的数据模式.

我为此选择了d3.js 因为它看起来能够胜任这项工作.我只是不知道如何开始甚至从哪里开始.关于d3.js的教程仅涵盖条形图等标准图表.

我希望有人可以帮助我.

这就是结果的样子

javascript charts genealogy family-tree d3.js

54
推荐指数
3
解决办法
3万
查看次数

使用深度优先搜索渲染动态创建的族图而不重叠?

我想生成这个:

在此输入图像描述

使用此数据结构(ID是随机的,顺便说一下,不是顺序的):

var tree = [
    { "id": 1, "name": "Me", "dob": "1988", "children": [4], "partners" : [2,3], root:true, level: 0, "parents": [5,6] },
    { "id": 2, "name": "Mistress 1", "dob": "1987", "children": [4], "partners" : [1], level: 0, "parents": [] },
    { "id": 3, "name": "Wife 1", "dob": "1988", "children": [5], "partners" : [1], level: 0, "parents": [] },
    { "id": 4, "name": "son 1", "dob": "", "children": [], "partners" : [], level: -1, "parents": [1,2] },
    { "id": …
Run Code Online (Sandbox Code Playgroud)

javascript graph genealogy family-tree

48
推荐指数
5
解决办法
2170
查看次数

标签 统计

family-tree ×2

genealogy ×2

javascript ×2

charts ×1

d3.js ×1

graph ×1