React+D3企业股权穿透图可视化
企业控股结构的可视化图，用 React 搭 D3 做，结构清晰，还挺好用的。页面响应也快，控股层级多了也不会卡顿，适合那种股东结构比较复杂的公司项目。
股权穿透一直是个难点，用表格看真挺头大。这个项目把上游、下游关系一目了然地画出来，鼠标一悬停还能弹出公司信息，交互做得比较顺。
前端用的是 React 管状态，D3 画图部分封装得还不错，基本不用太改就能用。像svg、g标签这些都排布好了，想扩展的话改一下节点内容就行。
我自己用它一个 20 层以上的控股关系，完全扛得住，而且数据格式也比较简单。你只要准备好像{ name, id, parentId }这样的结构，就能直接上图。
想更深入了解 D3 的可以看看D3 入门指南，也可以搭配React-D3-transitions做动画。嗯，还有那个股权构建实用指南.docx，内容也蛮有参考价值的。
如果你正好要做一套企业股权可视化图，或者上游股东穿透图，这个资源挺值得收下做个备份的。公司项目用也没问题，轻量灵活，挺抗打。
文件大小：33.69KB
评论区