最近公司想做个前端概化图展示，请问有大佬做过吗？请指教

[Kason333]

如题，前端想实现概化图，我们前端框架 angular ，现在我能想到的就是那拿 D3 啥的改改，目前我了解到的这种概化图基本上都是 ps 制作的，请问大佬们有做过的吗？指导下，给下建议，大概实现效果如下图，最终目的是想展示概化图，也可以像 echarts 那样可以交互 https://cimg.fx361.com/images/2023/0119/2d24758f9b3801e4080ce125f4db147a79537814.webp

[waynian]

我现在做的 topo 编辑工具就可以画这张图，主要就是用 d3.js ，svg 元素进行拖拽，缩放，你可以搜一下 svg editor 这些在线的网页看看别人的实现，加上连线和节点以及文字的关联就可以了

[liuhuihao]

d3 svg, 另外 echarts 的地理坐标图应该亦可以。
参考 https://echarts.apache.org/examples/zh/editor.html?c=geo-organ

[Kason333]

@liuhuihao 最开始我用的阿里的 X6 尝试画了下，但是后端没办法给我提供能用的坐标，偏差太大了，我们地图用 Mapbox ，转换过来没法用

[dongtingyue]

就是拓扑图，前端编辑后保存元素坐标。如果是不编辑直接展示的后端又提供不了坐标就实现不了。