du-df-treemap文件系统可视化工具
文件系统可视化的利器 du-df-treemap，用起来还挺顺手的。它基于 Unix 的 du 和 df 命令搞了一套数据抓取方案，配合 D3.js 做了个动态树图展示。想看哪个目录占了多少空间？一点就展开，交互直观。
树图用的是类似 flare.json 的结构，输出 JSON 给 D3 直接喂进去就能跑。而且点某个节点还能显示文件列表，这块是用 ls 抓的数据。数据源也可以接 Mongo，路径在 connection.js 里配一下就行，格式也蛮简单。
安装的话，npm install 搞定，启动流程也不复杂，算是开箱即用型。如果你之前用过 D3 画图，这个上手会比较快。可以拿它做磁盘空间工具，也可以作为 D3 的练手项目，适合喜欢动手的小伙伴。
顺带提几个扩展阅读，像《Mastering D3.js》、D3.js v4 教程，都挺适合搭配着看。你要是想跟 React 或 Angular 一起搞也有对应例子，值得一看。
如果你手头正好有点大体量目录，或者想做点系统级的可视化展示，可以试试 du-df-treemap，蛮有意思。
文件大小：139.42KB
评论区