css - 动态家谱

Question

我想使用从文件中收到的数据生成家谱。我想知道我应该如何开始。我见过各种使用无序列表的人的例子，但问题是婚姻关系没有正确显示。我指的是本教程：http ://thecodeplayer.com/walkthrough/css3-family-tree 。如果可能的话，我想自己做，不使用任何第三方库。

你们有什么想法吗？

Answer 1

“家谱”的概念具有误导性，因为它不能使用树！而是一个图表。然后使用树，根据定义，您将拥有树的根节点，并且您知道需要两个节点才能赋予生命。

现在我们理解它应该是一个图表，每个家庭的关系应该是二对多，因为每个家庭（已婚或未婚）都有两个父母和未知数量的孩子。

您需要问自己的问题是数据将如何建模以及您希望如何显示它。