GraphAV使用React、TypeScript和Styled Components构建的图算法可视化工具
图形算法的可视化工具用 React、Typescript 和 Styled Components 写的，交互逻辑挺顺的，样式也清爽，代码还挺好读。GraphAV 这个项目，不是光看图酷炫，是真的能跑算法。
图的添加、删除、拖拽这些基本操作都能直接拖鼠标搞定，而且支持有向和无向边，速度调节和缩放比例也都有。对于写图算法或者教学演示的你来说，用起来还挺顺手。
DFS、DLS、IDD这些搜索算法都能直接可视化，节点动画和前驱路径展示也清晰。适合拿来边讲边演示，或者你写算法的时候快速验证思路。
现在还不支持触摸屏，用电脑浏览器体验会比较好，建议用大屏，显示更完整。目前加权边、图保存这些功能还在开发中，等上了会更香。
页面主题支持浅色/深色切换，夜深写代码的时候眼睛不至于太累，整体体验比较贴心。想看源码或者提提建议，可以直接去项目仓库点点:star:。
如果你正好在学图算法、搞可视化交互，或者做教育演示，可以试试 GraphAV，确实挺实用的。
文件大小：584.66KB
评论区