https://github.com/fzaninotto/CodeFlower

Source code visualization utility written in JavaScript with d3.js. Does your code look beautiful?
https://github.com/fzaninotto/CodeFlower

Last synced: about 2 months ago
JSON representation

Source code visualization utility written in JavaScript with d3.js. Does your code look beautiful?

• Host: GitHub
• URL: https://github.com/fzaninotto/CodeFlower
• Owner: fzaninotto
• License: mit
• Created: 2013-03-04T09:40:45.000Z (almost 12 years ago)
• Default Branch: master
• Last Pushed: 2021-05-28T05:04:53.000Z (over 3 years ago)
• Last Synced: 2024-10-17T11:41:02.807Z (about 2 months ago)
• Language: JavaScript
• Homepage: http://www.redotheweb.com/CodeFlower
• Size: 1.01 MB
• Stars: 693
• Watchers: 39
• Forks: 320
• Open Issues: 19
• Metadata Files:
  • Readme: README.md
  • License: LICENSE

Awesome Lists containing this project

• awesome-modernization - CodeFlower - Source code visualization utility written in JavaScript with d3.js. Does your code look beautiful? (Visual / Datbase to Struct)
• awesome-d3 - codeflower - Bird's eye view of the whole code (Miscellaneous)
• my-awesome - fzaninotto/CodeFlower - 05 star:0.7k fork:0.3k Source code visualization utility written in JavaScript with d3.js. Does your code look beautiful? (JavaScript)
• awesome-d3 - codeflower - Bird's eye view of the whole code (Miscellaneous)
• awesome-d3 - codeflower - Bird's eye view of the whole code (Miscellaneous)
• likes - fzaninotto/__CodeFlower__

README

        
CodeFlower

==========

This 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, inspired by Code Swarm and Gource, published with the MIT open-source license.

Interact with CodeFlowers, see examples, and build your own at [http://fzaninotto.github.com/CodeFlower](http://fzaninotto.github.com/CodeFlower).

![fzaninotto/uptime](./images/uptime.png)

![fzaninotto/faker](./images/faker.png)

![jquery/jquery](./images/jquery.png)

![fabpot/twig](./images/twig.png)

You might also like [DependencyWheel](https://github.com/fzaninotto/DependencyWheel), another d3.js visualization for indirect dependencies in software packages.