关于如何学习和实现绘制 node graph

[killva4624]

核心需求：

需要根据请求上下游关系绘制转发链关系图，以确认和浏览转发和节点上下游关系。

大概像 Grafana 里这种 node graph 图示。

https://grafana.com/docs/grafana/latest/panels-visualizations/visualizations/node-graph/

功能需求：

• 需要根据标签或者节点属性进行搜索和过滤展示；
• node 和 edge 可自定义调整，如 node 大小、颜色、标签是否完全显示或者折叠显示等；
• 不能太丑陋....

个人尝试：

其实已经通过写了个后端接口，让 Grafana Node Graph 实现了展示和过滤搜索的需求，但有很多地方不尽人意：

1 、node 和 edge 排列样式不美观； 2 、显示的标签一但过长就会被截断，被"..."代替； 3 、node 和 edge 都是固定大小，无法调整（还是美观问题）；

我搜了一些 JS 的包，如 D3.js, Cytoscape.js 。但我不懂前端开发...只有一些简单的 html 知识。

问题：

需要把 JS 学到什么程度才能满足我的需求？

[ALLROBOT]

怎么不问问神奇的 GPT 呢？