一种基因遗传的网络系统的制作方法

1.本发明涉及数据管理领域系统技术领域，尤其涉及一种基因遗传的网络系统。

背景技术：

2.目前存在的技术是个人基因组统计报告的平台，以及侧重于家庭信息管理的平台。个人基因组统计平台，如23andme，致力于个人基因组学和生物技术，能够很好的解释个人的遗传信息，但从家族血统的角度来说则欠缺关联。侧重于家庭信息管理的平台共同特点为家谱构建器，仅限于一般信息管理，但未融入遗传信息。现有技术缺乏将个人的遗传数据和家庭管理联合起来的方法。
3.存在的缺点或不足：遗传数据作为家庭链的重要组成部分，是评估个人健康风险的重要依据，而现有的基因检测后续分析停留在个人层面，存在局限性。本发明以家庭为单位，为在家庭数据管理领域中的遗传联系，提供了一个潜在的方向。本发明以三人家庭遗传信息为基础单元，形成一套基因遗传的网络系统的算法，通过将遗传数据附加到家谱表中，复杂的遗传特征可以以直观和容易理解的方式查看。

技术实现要素：

4.本发明的目的是为了解决现有技术中存在的缺陷，而提出的基因遗传的网络系统。
5.为了实现上述目的，本发明采用了如下技术方案：
6.一种基因遗传的网络系统，包括数据处理模块，用于数据的处理和绑定；
7.信息存储模块，用于实现家庭遗传信息存储规则；
8.系谱树生成模块，用于系谱树生成和隐藏规则；
9.生成计算模块，用于通过算法指令实现树生成；
10.节点定位模块，用于在树中表示出各个家庭成员节点的位置；
11.定位坐标计算模块，通过节点的级别和相应的角度来计算各个节点的具体位置；
12.界面设计模块，用于主页、树形页面、统计页面、人员页面或用户资料页面的设计，其中：用户资料界面只能从树页面或人员页面访问，其余界面可相互切换；
13.可视转换模块，用于将数据进行可视化转换成缩略图，将缩略图聚焦于成员节点；
14.可视显示模块，用于将数据进行可视化呈现，实现在线家谱生成、家庭统计、遗传数据可视化和集成，其中：
15.所述信息存储模块与所述数据处理模块相连接，所述数据处理模块分别连接所述系谱树生成模块和所述界面设计模块，所述系谱树生成模块通过所述生成计算模块与所述节点定位模块相连接，所述节点定位模块与所述定位坐标计算模块相连接，所述定位坐标计算模块通过所述数据处理模块连接所述界面设计模块，所述界面设计模块通过所述可视转换模块与所述可视显示模块相连接。
16.进一步地，所述数据处理模块的步骤流程为：
17.对用户输入的数据进行处理，其中，输入的数据包括样本名称、标记和等位基因；
18.对输入数据进行数据和个人节点的绑定，通过使用dajaxice函数，javascript页面请求并接收json格式的所有系谱树节点列表，产生三个列表，分别是fulllist、memberlist和hidelist；
19.javascript页面将信息存储到几个列表中，以供进一步处理；
20.将d3选择器指向html页面中的svg元素，确保绘制的所有元素都附加在svg块中；
21.使用d3库中的selection.data函数，将创建的每个节点与数据列表中相应的元素关联起来。
22.进一步地，所述信息存储模块的家庭遗传信息存储规则的家庭遗传数据主要由三个表构成：person、familytree、familytreecode，其中：
23.person表中通过用户字段判断是否注册，与用户账户连接，存储个人信息(姓名、性别、生日、头像、遗传信息)，其中dna数据存储为pickledobjectfield，格式参考bgi的亲子鉴定统计格式，含有样本名称、标记、等位基因等数据；
24.familytree表存储整个树、所有家庭成员的信息，也与用户账户连接，而实际的成员节点数据存储在familytreenode表中，含有三种基本的关系(亲子、配偶、兄弟妹)，通过亲子关系以及非直接子节点，能够完全表示出兄弟妹的节点。
25.进一步地，所述系谱树生成模块的隐藏规则必须直接位于父代之下，而不能处于子代分支节点。
26.进一步地，所述生成计算模块的流程为将在用户操作的每一个动作之后自动重建，具体包括以下步骤：
27.获取信息、隐藏无关节点、节点位置计算、碰撞检测和节点链接，其中：
28.第一步迭代搜索非直接子节点，同时删除所有非相关成员，使用程序循环检测隐藏成员并标记，用标记表明hidelist(被隐藏变量)的节点是否被检查过；
29.第二步确定所绘制的树节点与其他节点的关系，每两个要连接的节点添加一个连接关系(父子、伙伴或兄弟妹)；
30.第三步为节点冲突检测，递归检查节点之间的位置和彼此的关系，后续计算每个节点的坐标，比较每两个节点之间的距离，若小于该级别中的最小单位，则认为该两个节点冲突，并根据隐藏规则进行隐藏，重复绘制过程，直到不产生冲突；
31.最后一步是节点链接，绘制附加元素。
32.进一步地，所述节点定位模块的具体流程步骤为：
33.在生成的树中表示出各个家庭成员节点的位置，即构建家族成员节点定位，在每个成员节点的定位中，定义一个网络系统。
34.进一步地，所述可视转换模块的树页面由树块和操作面板构成，其中，主要组件是构建树的svg块；
35.所述可视转换模块在管理数据方面使用d3.js，它具有强大的数据驱动功能，可用于数据表示和可视化，其中：d3.js用于在每个节点对象中嵌入个人信息，用于实现简单交互的方式来绑定数据和节点；
36.所述可视转换模块采用highcharts绘制图表。
37.相比于现有技术，本发明的有益效果在于：
38.本发明以三人家庭为基本单位，面向整个家族，为家庭数据管理领域中的遗传联系提供方向；
39.本发明形成了一套基因遗传的网络系统的算法，从家庭的角度全面整合基因信息，通过研究和应用先进的web开发技术以及数据驱动的操作和可视化，强调交互式用户体验通过将遗传数据附加到家谱表中，使复杂的遗传特征可以以直观和容易理解的方式查看，它用家族树的形式展现了家族的成员关系，还表示了家族谱系中的遗传基因流。随着dna文件的上传，家庭成员还可以通过交互式报告及统计数据进行记录和参考，该系统的应用前景在于普通民众对于遗传分析的进一步了解，也更能在疾病预防、后代遗传病预测等必要的时候做出合理的决定。
附图说明
40.附图用来提供对本发明的进一步理解，并且构成说明书的一部分，与本发明的实施例一起用于解释本发明，并不构成对本发明的限制。
41.图1为本发明所述的基因遗传的网络系统的流程示意图；
42.图2为本发明实施例中直接子节点和非直接子节点；
43.图3为本发明实施例中可删除节点和不可删除节点示例；
44.图4为本发明实施例中dna表及树可视化展示。
具体实施方式
45.下面将结合本发明实施例中的附图，对本发明实施例中的技术方案进行清楚、完整地描述，显然，所描述的实施例仅仅是本发明一部分实施例，而不是全部的实施例。
46.根据本发明的实施例，提供了一种基因遗传的网络系统。
47.实施例一
48.如图1所示，基因遗传的网络系统，包括数据处理模块，用于数据的处理和绑定；
49.信息存储模块，用于实现家庭遗传信息存储规则；
50.系谱树生成模块，用于系谱树生成和隐藏规则；
51.生成计算模块，用于通过算法指令实现树生成；
52.节点定位模块，用于在树中表示出各个家庭成员节点的位置；
53.定位坐标计算模块，通过节点的级别和相应的角度来计算各个节点的具体位置；
54.界面设计模块，用于主页、树形页面、统计页面、人员页面或用户资料页面的设计，其中：用户资料界面只能从树页面或人员页面访问，其余界面可相互切换；
55.可视转换模块，用于将数据进行可视化转换成缩略图，将缩略图聚焦于成员节点；
56.可视显示模块，用于将数据进行可视化呈现，实现在线家谱生成、家庭统计、遗传数据可视化和集成，其中：
57.所述信息存储模块与所述数据处理模块相连接，所述数据处理模块分别连接所述系谱树生成模块和所述界面设计模块，所述系谱树生成模块通过所述生成计算模块与所述节点定位模块相连接，所述节点定位模块与所述定位坐标计算模块相连接，所述定位坐标计算模块通过所述数据处理模块连接所述界面设计模块，所述界面设计模块通过所述可视转换模块与所述可视显示模块相连接。
58.实施例二
59.在实施例一的基础上，所述数据处理模块的步骤流程为：
60.对用户输入的数据进行处理，其中，输入的数据包括样本名称、标记和等位基因；
61.对输入数据进行数据和个人节点的绑定，通过使用dajaxice函数，javascript页面请求并接收json格式的所有系谱树节点列表，产生三个列表，分别是fulllist、memberlist和hidelist；
62.javascript页面将信息存储到几个列表中，以供进一步处理；
63.将d3选择器指向html页面中的svg元素，确保绘制的所有元素都附加在svg块中；
64.使用d3库中的selection.data函数，将创建的每个节点与数据列表中相应的元素关联起来。
65.在本技术的实施例中，所述信息存储模块的家庭遗传信息存储规则的家庭遗传数据主要由三个表构成：person、familytree、familytreecode，其中：
66.person表中通过用户字段判断是否注册，与用户账户连接，存储个人信息(姓名、性别、生日、头像、遗传信息)，其中dna数据存储为pickledobjectfield，格式参考bgi的亲子鉴定统计格式，含有样本名称、标记、等位基因等数据；
67.familytree表存储整个树、所有家庭成员的信息，也与用户账户连接，而实际的成员节点数据存储在familytreenode表中，含有三种基本的关系(亲子、配偶、兄弟妹)，通过亲子关系以及非直接子节点，能够完全表示出兄弟妹的节点。
68.在本技术的实施例中，所述系谱树生成模块的隐藏规则必须直接位于父代之下，而不能处于子代分支节点。
69.在本技术的实施例中，所述生成计算模块的流程为将在用户操作的每一个动作之后自动重建，具体包括以下步骤：
70.获取信息、隐藏无关节点、节点位置计算、碰撞检测和节点链接，其中：
71.第一步迭代搜索非直接子节点，同时删除所有非相关成员，使用程序循环检测隐藏成员并标记，用标记表明hidelist(被隐藏变量)的节点是否被检查过；
72.第二步确定所绘制的树节点与其他节点的关系，每两个要连接的节点添加一个连接关系(父子、伙伴或兄弟妹)；
73.第三步为节点冲突检测，递归检查节点之间的位置和彼此的关系，后续计算每个节点的坐标，比较每两个节点之间的距离，若小于该级别中的最小单位，则认为该两个节点冲突，并根据隐藏规则进行隐藏，重复绘制过程，直到不产生冲突；
74.最后一步是节点链接，绘制附加元素。
75.在本技术的实施例中，所述节点定位模块的具体流程步骤为：
76.在生成的树中表示出各个家庭成员节点的位置，即构建家族成员节点定位，在每个成员节点的定位中，定义一个网络系统。
77.在本技术的实施例中，所述可视转换模块的树页面由树块和操作面板构成，其中，主要组件是构建树的svg块；
78.所述可视转换模块在管理数据方面使用d3.js，它具有强大的数据驱动功能，可用于数据表示和可视化，其中：d3.js用于在每个节点对象中嵌入个人信息，用于实现简单交互的方式来绑定数据和节点；
79.所述可视转换模块采用highcharts绘制图表。
80.为了更好的理解本发明的技术方案，以三人家庭为单位，面向整个家族，在家庭数据管理领域中的遗传联系方面进行更具体的说明。
81.数据处理模块为数据的处理和绑定，在树形布局中显示基因数据，以利用其直观性，对用户输入的数据进行处理，输入的dna格式参考了bgi法医的亲子鉴定格式，含有样本名称、标记、等位基因，一般为：样本名称，标记等位基因(1-n)，具体的用户可以选择特定的dna等位基因，当特定的dna标记和等位基因被指定时，具有该等位基因的人节点将在显示中被过滤掉，用户可以从上传的数据中查看具有该等位基因的所有家庭成员，对输入数据进行数据和个人节点的绑定，首先通过使用dajaxice函数，javascript页面请求并接收json格式的所有系谱树节点列表，产生三个列表，分别是fulllist、memberlist和hidelist，然后，javascript页面将信息存储到几个列表中，以供进一步处理，下一步是将d3选择器指向html页面中的svg元素，确保绘制的所有元素都附加在svg块中。
82.此外，为了将数据与相应的节点绑定，使用了d3库中的selection.data函数，它可以将创建的每个节点与数据列表中相应的元素关联起来，该选择器函数可以处理与长度数据列表相同数量的节点，从而确保精准的对应；
83.信息存储模块为家庭遗传信息存储规则，家庭遗传数据主要由三个表构成：person，familytree，familytreecode，其中person表中通过用户字段判断是否注册，与用户账户连接，存储个人信息(姓名、性别、生日、头像、遗传信息)，其中，dna数据存储为pickledobjectfield，格式参考bgi的亲子鉴定统计格式，含有样本名称、标记、等位基因等数据；
84.familytree表存储整个树、所有家庭成员的信息，也与用户账户连接，而实际的成员节点数据存储在familytreenode表中，含有三种基本的关系(亲子、配偶、兄弟妹)，通过亲子关系以及非直接子节点，可以完全表示出兄弟妹的节点，故为了减少不必要的冗余，兄弟妹关系包含在亲子关系中，而不是单独存储；
85.系谱树生成模块为系谱树生成和隐藏规则：
86.首先是系谱树的生成基础规则，对于任何一个系谱树，都是基于基节点和隐藏规则生成的，基节点指的是当前树的中心成员节点。关于隐藏规则，一是上文提到的基节点，必须直接位于父代之下，而不能处于子代分支节点，在此树中，直接子节点即为基节点(具体见图2)，为了避免复杂关系之间的冲突，设置了子节点的添加和节点的隐藏规则，该隐藏规则限制了不相干分支中亲属关系的数量，直接子节点允许添加相关节点，如父子、兄弟等，但系统将隐藏未被直接定义的节点以及其后代的相关信息，非直接的关系被隐藏，为直系关系节省了空间。如果发生多次冲突，先定义的节点先被隐藏，后定义的节点保留，体现为操作导致原先的系谱树被隐藏，通过这种方式避免了树的错误生成；
87.此外，关于树的操作功能，在d3.js的帮助下，每个节点集成信息，鼠标悬停时显示四个小功能，包括添加节点、删除节点、编辑信息和移动基本节点四个操作，操作后会导致树的更新；
88.树在重建的过程中，可能会导致整体布局显著变化，因此制定了重建规则，用户的主要操作包括添加节点和删除节点，这种操作可以在任何成员节点上生效；
89.为了避免错误的树生成，应有与删除节点相关联的功能。所有节点都是互相关联
的，任何删除都可能导致节点间的连接断开，产生无效的树片段。因此数据的删除操作只能在将多余的连接删除到最多一个的情况下进行，防止了错误删除连接节点导致树被破坏的情况。关于节点的删除操作，对于与其他节点只有一个连接的节点，这类节点可以被无限删除，若连接多个节点则不可被删除(具体见图3)；
90.进行删除操作后，系谱树中的孤立片段将会被一并删除。删除操作每次只能删除一个系谱树节点，多个节点的删除可以通过多次删除操作完成。
91.生成计算模块实现是树生成算法，具体流程为：系谱树将在用户操作的每一个动作之后自动重建，生成算法分为四个步骤：获取信息-》隐藏无关节点-》节点位置计算、碰撞检测-》节点链接，其中：
92.第一步迭代搜索非直接子节点，同时删除所有非相关成员，使用程序循环检测隐藏成员并标记，用标记表明hidelist(被隐藏变量)的节点是否被检查过；
93.第二步确定所绘制的树节点与其他节点的关系，每两个要连接的节点添加一个连接关系(父子、伙伴或兄弟妹)；
94.第三步为节点冲突检测，递归检查节点之间的位置和彼此的关系，后续计算每个节点的坐标，比较每两个节点之间的距离，若小于该级别中的最小单位，则认为该两个节点冲突，并根据隐藏规则进行隐藏，重复绘制过程，直到不产生冲突；
95.最后一步是节点链接，绘制附加元素，包括背景辅助线，变换面板和操作圆等。其中不同的连接涉及不同连接方式。类似于节点间关系的分类，连接也分为三种类型：配偶、父子、兄弟妹，这种配对弧会检查配对并连接节点；
96.采用上述方式，所有成员都放在一个整体视图中，以便用户清楚地筛选和选择遗产信息；
97.节点定位模块能够作为节点定位系统，在上述生成的树中表示出各个家庭成员节点的位置，即构建家族成员节点定位系统，在每个成员节点的定位中，定义一个网络系统；
98.此外，在web开发中，使用web应用程序框架(waf)，django作为一个模型-视图-模板(mvt)开源的web框架，用于来实现web系统。在视图层，django的作用可以分为html页面和进行渲染的python代码；
99.前端框架使用bootstrap，采用了提升用户体验的通用html和css组件，由bootstrap框架网格系统的启发，定义了一个“网格系统”来标准化树的位置：
100.在bootstrap系统中，web窗口被分成几个等宽的列而不是确切长度，进行数据处理的简化，另外，节点之间也使用了类似的处理方法；
101.对于django系统，后端部分使用python调用用户管理等库，完成账户管理，其中个人数据也存储在python字典结构中，包含用户、性别、姓名、生日、tree_id、级别、父级子级以及dna等数据，数据调用mysql数据库。通过这种网格系统，能够更有效地测算节点距离并进行排序；
102.定位坐标计算模块用于实现节点定位坐标算法，在网络中，各个节点的具体位置仅通过节点的级别和相应的角度来计算，基本级别设置为0，代数与级别成正比，当年轻成员节点被添加到树中时，已有成员的级别将被提高1，确保最年轻的一代出现在最底层，节点可通过预测得到可能出现的位置。基于以上的网格结构，此发明的节点定位系统设计成弯曲的布局，家族成员节点全部沿着每个弧线分布，产生统一的视觉效果，同时更好地利用
带有角度单元的网格系统标准化树的构建。
103.节点距离的单位被定义为固定角度，如在家谱树的半径固定的情况下，第一层(0级)成员之间的最小距离为22.5度，1级的成员角度为11.25度，为0级的一半，这使得节点的定位可预测，其中：
104.节点具体的计算公式为：
[0105][0106][0106][0107][0108]
式中，svgwidth为svg块的宽度，lengthlevel为各个level之间的距离，angle为坐标中节点的角度。
[0109]
界面设计模块用于实现主要界面的设计，如主页、树形页面、统计页面、人员页面、用户资料页面，用户资料界面只能从树页面或人员页面访问，其余界面可相互切换；
[0110]
具体的，对于注册用户，所有页面的访问权限不受限制，对于没有账户的访客，只拥有访问主页的权限，关于布局设计，主页采用全屏图像幻灯片，具有视觉差别效果，强调家庭的主题。树形截面由树块和操作面板组成，接口主要使用svg块；
[0111]
可视转换模块用于诗仙女可视化技术，主要采用了以下工具和技术：(1)树页面由树块和操作面板构成，其中的主要组件是构建树的svg块，用可缩放矢量图形(svg)技术代替jpeg和png等图像质量可能受损的格式，用于主树的绘制。它是一种基于xml的矢量图像格式，支持动画和交互，适用于家谱的这类交互式应用。
[0112]
(2)在管理数据方面使用d3.js，它具有强大的数据驱动功能，可用于数据表示和可视化。在此项目中，d3.js用于在每个节点对象中嵌入个人信息。由于d3.js的操作特性，前端数据的处理和可视化可以同时进行。它可以实现简单交互的方式来绑定数据和节点。此外，d3.jsgallery包含的大量资源；也在这个过程中提供了支持性的参考。
[0113]
(3)highcharts是一种方便的图表库，用于绘制图表。流程为：借助markdown语言生成报表，调用highcharts库绘制图像，图像为传统的表格布局和创新的d3.js折叠树布局，使用不同颜表示不同基因来源，根据成员节点在当前树中的身份，该报告可以随着每个成员节点二变化，不同的人员节点可以在报告中显示不同的信息，报告中树的缩略图将聚焦于成员节点；
[0114]
可视显示模块用于可视化的呈现，方法使用可视转换模块的可视化技术，输出内容有报告、信息图表、dna表和树的显示，其中：
[0115]
报告分为八个部分，家族谱系图，总信息，当代的信息，直系亲属，父系祖先，母系祖先，后代和生日时间线。
[0116]
需要说明的是，报告中的数据大部分包含信息查询功能，在报告界面设计中，各个界面设计元素具有一致性，且有通用可用性，新手或专家都能快速理解；
[0117]
信息反馈清晰，简单的错误操作以系统消息的形式对用户进行指导；
[0118]
在生成报告前，设置内部控制点，以便用户可以预测生成树的结果；
[0119]
展示界面简洁，便于理解，同时减少计算机短期记忆负荷，以此完成在线家谱生
成，家庭统计，遗传数据可视化和集成；
[0120]
信息图表含有多个图表，分别是，带有性别比率的性别图表，带有关系状态比率的关系状态图表，带有年龄分布和构成的年龄图表，带有出生日期和顺序的时间线图表。
[0121]
具体的，制作图表时，通过ajax处理家庭中对应成员的数量，其中页面请求所有树成员的json列表，获得计数后利用library图表绘图功能产生结果；
[0122]
dna表是“个人资料”页面的独立扩充部分，采用传统的表格布局和创新的d3.js折叠树布局，表格部分用颜标注遗传信息，蓝块表示父系遗传，粉块表示母系遗传，绿块表示基因突变，在折叠树中，父母提供的基因显示在底部，最终子代的基因在最上层，每个数据节点可以点击折叠，以便增加交互性，更易于理解基因组信息(具体见图4)。
[0123]
以上所述，仅为本发明较佳的具体实施方式，但本发明的保护范围并不局限于此，任何熟悉本技术领域的技术人员在本发明揭露的技术范围内，根据本发明的技术方案及其发明构思加以等同替换或改变，都应涵盖在本发明的保护范围之内。

技术特征：

1.一种基因遗传的网络系统，其特征在于，包括数据处理模块，用于数据的处理和绑定；信息存储模块，用于实现家庭遗传信息存储规则；系谱树生成模块，用于系谱树生成和隐藏规则；生成计算模块，用于通过算法指令实现树生成；节点定位模块，用于在树中表示出各个家庭成员节点的位置；定位坐标计算模块，通过节点的级别和相应的角度来计算各个节点的具体位置；界面设计模块，用于主页、树形页面、统计页面、人员页面或用户资料页面的设计，其中：用户资料界面只能从树页面或人员页面访问，其余界面可相互切换；可视转换模块，用于将数据进行可视化转换成缩略图，将缩略图聚焦于成员节点；可视显示模块，用于将数据进行可视化呈现，实现在线家谱生成、家庭统计、遗传数据可视化和集成，其中：所述信息存储模块与所述数据处理模块相连接，所述数据处理模块分别连接所述系谱树生成模块和所述界面设计模块，所述系谱树生成模块通过所述生成计算模块与所述节点定位模块相连接，所述节点定位模块与所述定位坐标计算模块相连接，所述定位坐标计算模块通过所述数据处理模块连接所述界面设计模块，所述界面设计模块通过所述可视转换模块与所述可视显示模块相连接。2.根据权利要求1所述的基因遗传的网络系统，其特征在于，所述数据处理模块的步骤流程为：对用户输入的数据进行处理，其中，输入的数据包括样本名称、标记和等位基因；对输入数据进行数据和个人节点的绑定，通过使用dajaxice函数，javascript页面请求并接收json格式的所有系谱树节点列表，产生三个列表，分别是fulllist、memberlist和hidelist；javascript页面将信息存储到几个列表中，以供进一步处理；将d3选择器指向html页面中的svg元素，确保绘制的所有元素都附加在svg块中；使用d3库中的selection.data函数，将创建的每个节点与数据列表中相应的元素关联起来。3.根据权利要求2所述的基因遗传的网络系统，其特征在于，所述信息存储模块的家庭遗传信息存储规则的家庭遗传数据主要由三个表构成：person、familytree、familytreecode，其中：person表中通过用户字段判断是否注册，与用户账户连接，存储个人信息，其中dna数据存储为pickledobjectfield，格式参考bgi的亲子鉴定统计格式，含有样本名称、标记、等位基因等数据；familytree表存储整个树、所有家庭成员的信息，也与用户账户连接，而实际的成员节点数据存储在familytreenode表中，含有三种基本的关系，通过亲子关系以及非直接子节点，能够完全表示出兄弟妹的节点。4.根据权利要求3所述的基因遗传的网络系统，其特征在于，所述系谱树生成模块的隐藏规则必须直接位于父代之下，而不能处于子代分支节点。5.根据权利要求4所述的基因遗传的网络系统，其特征在于，所述生成计算模块的流程
为将在用户操作的每一个动作之后自动重建，具体包括以下步骤：获取信息、隐藏无关节点、节点位置计算、碰撞检测和节点链接，其中：第一步迭代搜索非直接子节点，同时删除所有非相关成员，使用程序循环检测隐藏成员并标记，用标记表明hidelist的节点是否被检查过；第二步确定所绘制的树节点与其他节点的关系，每两个要连接的节点添加一个连接关系；第三步为节点冲突检测，递归检查节点之间的位置和彼此的关系，后续计算每个节点的坐标，比较每两个节点之间的距离，若小于该级别中的最小单位，则认为该两个节点冲突，并根据隐藏规则进行隐藏，重复绘制过程，直到不产生冲突；最后一步是节点链接，绘制附加元素。6.根据权利要求5所述的基因遗传的网络系统，其特征在于，所述节点定位模块的具体流程步骤为：在生成的树中表示出各个家庭成员节点的位置，即构建家族成员节点定位，在每个成员节点的定位中，定义一个网络系统。7.根据权利要求6所述的基因遗传的网络系统，其特征在于，所述可视转换模块的树页面由树块和操作面板构成，其中，主要组件是构建树的svg块；所述可视转换模块在管理数据方面使用d3.js，它具有强大的数据驱动功能，可用于数据表示和可视化，其中：d3.js用于在每个节点对象中嵌入个人信息，用于实现简单交互的方式来绑定数据和节点；所述可视转换模块采用highcharts绘制图表。

技术总结

本发明公开了一种基因遗传的网络系统，包括数据处理模块，用于数据的处理和绑定；信息存储模块，用于实现家庭遗传信息存储规则；系谱树生成模块，用于系谱树生成和隐藏规则；生成计算模块，用于通过算法指令实现树生成；节点定位模块，用于在树中表示出各个家庭成员节点的位置。本发明以三人家庭为基本单位，面向整个家族，为家庭数据管理领域中的遗传联系提供方向；随着DNA文件的上传，家庭成员还可以通过交互式报告及统计数据进行记录和参考，对于遗传分析的进一步了解，也更能在疾病预防、后代遗传病预测等必要的时候做出合理的决定。代遗传病预测等必要的时候做出合理的决定。代遗传病预测等必要的时候做出合理的决定。