在使用D3的引力模型做关系分析项目时，当node和link加载太多的时候，整个HTML的dom树会非常的大，特别是这svg的node中还加入其它的因素，比如图片、文字、嵌套其它svg图形等元素是会更恐怖。对此可以通过以下几个方面去优化。

只显示视窗范围内的元素

当用户对引力布局进行缩放或者拖拽的时候，由于节点太多势必会有很多节点和连线是不会出现在视窗内的，这个时候就可以把不在视窗内的节点和链接行删除，只展示视窗内的节点和链接。

减少不必要节点内的元素

当用户在缩小引力布局时，这个时候用户关系的是整个布局的总体关系情况，如果在节点或者链接上显示过多的信息反而影响反应总体关系情况。这个时候我们就可以减少不必要的信息展示。比如删除节点上的文字、图片、内嵌的svg等信息。

使用worker进行计算

当进行大量的引力布局计时计算量会非常大，而浏览器在一个页面内是单进程的，这样较大的计算会霸占进程导致其他操作卡死，用户体验非常差。这时就需要启用一个worker新的进程来进行后台计算，计算完成后在进行展示。

D3js 引力模型超多节点（3000个node以上）的优化思路相关推荐

数据分析36计(13)：中介模型利用问卷数据探究用户心理过程，产品优化思路来源...
往期系列原创文章集锦: 数据分析36计(12):做不了AB测试,如何量化评估营销.产品改版等对业务的效果数据分析36计(11):如何用贝叶斯概率准确提供业务方营销转化率数据分析36计(十):Fac ...
基于Python的随机森林（RF）回归与多种模型超参数自动优化方法
本文详细介绍基于Python的随机森林(Random Forest)回归算法代码与模型超参数(包括决策树个数与最大深度.最小分离样本数.最小叶子节点样本数.最大分离特征数等等)自动优化代码. ...
机器学习中模型参数和模型超参数分别是什么？有什么区别？
机器学习中模型参数和模型超参数分别是什么?有什么区别? 目录机器学习中模型参数和模型超参数分别是什么?有什么区别?
5分钟掌握手动优化机器学习模型超参数
机器学习算法具有超参数,可让这些算法针对特定的数据集进行量身定制. 尽管通常可以理解超参数的影响,但是可能不知道它们对数据集的特定影响以及它们在学习期间的交互作用.因此,作为机器学习项目的一部分,调整 ...
查看tensorflow pb模型文件的节点信息
查看tensorflow pb模型文件的节点信息: import tensorflow as tf with tf.Session() as sess:with open('./quantized_m ...
【深度学习】ONNX 模型文件修改节点的名称，修改输入名称，修改输出名称
想要修改onnx模型文件的节点名称,要么在最初的pytorch代码里去改,要么就直接在onnx模型文件里改. 而我这里直接在onnx模型文件改,我有一个onnx文件,输出节点的名字是这样的: 这不改就 ...
引力模型-高维固定效应面板泊松模型
全文阅读:https://www.lianxh.cn/news/9d7249af5b0d3.html 目录 1. 引言 2. 估计方法 2.1 IRLS 算法 2.2 泊松回归 3. ppmlhdfe ...
实测：TB级倾斜摄影模型合并根节点前后加载效果对比，结果惊人
随着无人机性能快速提升,单个项目涉及到的倾斜摄影模型数据范围.数据量及单个模型体积也在不断变大,带来的问题是数据显示速度却越来越慢,那么如何在不升级配置的情况下提升模型的加载速度呢? TB级倾斜摄影模 ...
WGS-84引力模型和大地水准面模型
1.引言 \qquad本文通过简介世界大地测量系统(WGS-84)中的EGM96引力模型和大地水准面模型,最粗略地告诉大家:这个二十多年前成功设计.实现.并在全球得到广泛应用的系统,是如何定义和实现一 ...

D3js 引力模型超多节点（3000个node以上）的优化思路

只显示视窗范围内的元素

减少不必要节点内的元素

使用worker进行计算

D3js 引力模型超多节点（3000个node以上）的优化思路相关推荐

最新文章

热门文章