Javascript 可视化自相似矩阵的最佳方法是什么

我有一个字符串数组，可以容纳150多个元素。我试图以一种类似于的方式来想象一个自生矩阵。但是，当我尝试运行代码时，加载时间非常长

我使用d3.js来可视化，而大部分延迟都是在渲染过程中存在的

我在中使用的矩阵变量是具有x、y、id、weight属性的链接对象数组

让单词：string[]=data.lyris.replace/[，\/！$%\^&\*；：{}=\-\u`~]/g.replace/\s{2，}/g.split； 让单词映射：映射<字符串，数字>=新映射； let矩阵：数组<链接>=新数组； 对于let i=0；i我为220个项目的输入数组粘贴的上述代码的运行时需要8秒来绘制。对于给定的代码，我能做些什么来加快渲染过程吗？

尝试过滤一些结果。如果只需要填充一些方块，不要麻烦用白色填充其他方块。

尝试过滤一些结果。如果只有一些方块需要填充，不要麻烦用白色填充其他方块。

在执行d3代码之前，此解决方案有效。我运行了：const result=matrix.filterelement=>{element.weight>2}这个解决方案在执行d3代码之前就起作用了，我运行了：const result=matrix.filterelement=>{element.weight>2}，运行时间大大缩短了。