Visualize Your Source Code with CodeFlower

Posted on Thursday, March 7, 2013 by RICHARD HARRIS, Executive Editor

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);

Visualize Your Source Code with CodeFlower

More App Developer News

NEX22-DO personal observatory dome from NexDome

L eXtreme dual passband light pollution filter from Optolong

Focal Reducer and Field Flattener for TV102 scopes from Tele Vue

Powertank 12V Power Supply from Celestron

ARCO camera rotator and field de rotator