CodeFlower “程序花”试用经过

http://redotheweb.com/CodeFlower/

这个网页上有一个开源的工具，能将你的源代码程序，显示出“代码花”。具体步骤的这个网页有详细的介绍。

所谓的代码花就是使用交互式的树形图和节点表示程序代码的体积。 每个花瓣圆圈代表一个文件，半径与代码行数（loc）成正比。 所有的渲染都是通过JavaScript在客户端完成的。 鼠标悬停在节点上，可以查看loc编号，单击目录节点以折叠它们，鼠标拖动节点重新排列布局，并更改项目以查看不同的树结构。 

CodeFlower Source code visualization

这个工具是个开源项目，源代码位置：https://github.com/fzaninotto/CodeFlower

使用方法：打开 http://www.redotheweb.com/CodeFlower/

在网页上，可以选择各种著名的已经开源的项目的实例，看看它们的代码花是什么样式的。下图是开源项目WordPress的代码花实例：

如何让自己在开发的程序也开花呢？（演示的实例是一个C语言C++语言混合开发的项目）

下载代码行统计工具 ：cloc-1.56.exe 。其它版本应该也可以。

在[***]目录下，DOS窗口执行，D:\tools\cloc>cloc-1.56.exe symfony-master --csv --by-file --report-file=symfony.cloc 

[***]:[执行这个命令的目录，应该是包含你的项目全部代码的最上层目录] 

将生成的全部复制、粘贴到网页中的[Convert]的上面。点击[Convert]。开花结果如下：

说明：左边特大的文件是汉字字库文件（C代码）。明显的文件太大，很不合理。文件里面是用工具生成的点阵汉字（大号字和小号字）等文字的字库C代码。