D3.js搭建目录知识图谱

前言

 使用D3.js搭建Centos7/etc的知识图谱。本来想搭建Centos7整体的知识图谱，但是Centos7目录太多，页面加载不了。D3.js是一个JavaScript库，用于创建数据驱动的文档。所有代码都在一个HTML里，安装VScode里的插件就可以运行。以下是插件：

一、效果图

整体图（图元是圆圈）：

整体图文本（图元是文本）

输入etc,会找到所有名为etc的节点。

二、关键代码

1.定义的4个图元

const render_init = function(){
      lines = mainsvg.append('g')
         .attr('class','lines')
         .selectAll('line').data(links).join('line')
         .attr('stroke','black')
         .attr('stroke-width',1)
         .attr('opacity',1); //设置透明度 0-1
         
      // Add text to each line
      linetex