GitHub Visualizing a Codebase

GitHub Visualizing a Codebase

GitHubが提供しているリポジトリのファイル構造や依存関係を視覚化するサービスです。

 

GitHubに共有されているリポジトリを入力すると、ファイルの構造が円の包含関係と色で表現されます。

https://github.com/umetaman/UnityNativeClipboard の例。

 

また、視覚化だけではなく、GitHubのワークフローに組み込んでREADMEに表示することもできるようです。

https://githubnext.com/projects/repo-visualization#integrate-into-your-own-projects

 

マウスホバーすると、ファイル単位での依存関係(JavaScriptのimportなど)も表示される機能も実装されています。

https://githubnext.com/projects/repo-visualization より引用)

 

美しい視覚化だけにとどまらず、ツールとしても有用である珍しい例だと思います。

 

【参考】

GitHub Next | Visualizing a Codebase

https://githubnext.com/projects/repo-visualization

Recent Posts