react.js - 求画电力监控拓扑图的开源库？

Question

求一个画配电流程图的前端开源库，最好是React 开源库， 画图大致需要画成这种；每一个线条都有状态，可变化颜色，

已知使用x6.antv, 进行demo 尝试， 效果不是很理想

Answer 1

BY组态
乐吾乐
可以看下这两个满足不

Answer 2

画电力监控拓扑图或配电流程图的开源库，尤其是在前端，确实有一些选择。针对你提到的 React 和对 x6.antv 的尝试效果不理想，这里有一些建议的开源库：

1. GoJS：GoJS 是一个用于构建交互式图形应用程序的 JavaScript 和 TypeScript 库。它非常适合创建复杂的图形，如组织结构图、流程图、工作流等。GoJS 支持数据绑定和模型-视图分离，允许开发者灵活控制图形的外观和行为。
2. D3.js：D3.js 是一个用于生成动态、交互式数据可视化图形的 JavaScript 库。虽然它的 API 较为底层，但提供了高度的自定义性和灵活性。通过 D3.js，你可以创建各种形状、大小和颜色的线条，并控制它们的状态和颜色变化。
3. Vis.js：Vis.js 是一个用于创建动态、交互式网络图的库。它支持自定义节点和边的样式，包括颜色、形状、大小等。此外，Vis.js 还提供了丰富的交互功能，如拖拽、缩放等。
4. mxGraph：mxGraph 是一个完全基于客户端的图形应用程序框架，用于创建交互式图形和图表。它支持多种图形类型，如节点、边、标签等，并提供了丰富的布局和样式选项。

这些库都提供了丰富的功能和灵活的定制性，你可以根据自己的需求选择适合的库。同时，为了获得更好的效果，建议深入了解库的文档和示例，掌握其使用方法和最佳实践。