1. Visualize Your Source Code with CodeFlower
3/7/2013 12:31:18 PM
Visualize Your Source Code with CodeFlower
https://appdevelopermagazine.com/news_old/files/CodeFlower-20130307-123122.png
App Developer Magazine

Visualize Your Source Code with CodeFlower



Richard Harris Richard Harris in Programming Thursday, March 7, 2013
3,533

Do you ever wonder what your source code would look like if it could be represented in a picture?

The CodeFlower experiment visualizes source repositories using an interactive tree. Each disc represents a file, with a radius proportional to the number of lines of code (loc). All rendering is done client-side, in JavaScript. 

Built with d3.js and used by calling it in JQuery (reminds me of LUA though).
var myFlower = new CodeFlower("#visualization", 300, 200);
myflower.update(jsonData);





Read more: http://redotheweb.com/CodeFlower/