ResilienceVis双视图可视化交互方案
可视化系统的双视图方案 resilience_vis_DualViews，挺适合想快速上手数据图谱交互的你。支持本地模式和规模模式切换，用起来灵活。比如用 cluster_node 控制显示粒度，适合调试也适合上线演示。
启动流程也挺顺：npm install装依赖，npm run dev就能跑。要改端口和默认浏览器，直接去改webpack.config.js或者package.json里的scripts，改成你习惯的就行，像这样：
"dev": "webpack-dev-server --open chrome --port 3000 --hot"交互上也比较有意思。双击节点就能折叠详细信息，点击展开也不复杂。视觉布局是基于 forceDirected，有时候元素会叠着，看不清？直接拖一下，位置就顺了。
节点的 id 显示也做了区分，本地模式下全显示，方便定位；全局模式则只显示一部分，图干净不少。要是你正好在搞数据可视化，这种细节设计还挺贴心。
如果你想了解更多底层支持，比如 cluster 的用法，推荐看看这篇：
还有搭配 Webpack 构建组件的流程，也可以参考这篇：
，想快速搭一个能切换视角、交互比较丰富的可视化界面，这个项目还是蛮适合的。如果你已经熟了 React 和 Webpack，上手会更顺。
使用提醒：布局是力导向的，位置会变，记得适当加点稳定锚点或者交互引导，不然用户会懵。
...
文件大小：8.11MB
评论区