Visualize Your Source Code with CodeFlower

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/

MEMBERS GET ACCESS TO

• - Exclusive content from leaders in the industry
  
• - Q&A articles from industry leaders
  
• - Tips and tricks from the most successful developers weekly
  
• - Monthly issues, including all 90+ back-issues since 2012
  
• - Event discounts and early-bird signups
  
• - Gain insight from top achievers in the app store
  
• - Learn what tools to use, what SDK's to use, and more
  
  

  Subscribe here