Skip to content

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

License

Notifications You must be signed in to change notification settings

swarmbase/CodeFlower

 
 

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

13 Commits
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 

Repository files navigation

Usage

brew install cloc
curl https://nodeload.github.com/swarmbase/swarmbase/tar.gz/main | tar xvz
cloc swarmbase-main --csv --by-file --report-file=swarmbase.cloc

then convert to JSON on http://www.redotheweb.com/CodeFlower/

Then update as below

Sharing your CodeFlowers

The best way to share your CodeFlowers is to use GitHub Pages, just like this very page. So just fork the fzaninotto/CodeFlower repository, add your own JSON data under the data directory, update the options of the dropdown list in the index.html file accordingly, commit the code, and push to the gh-pages branch. GitHub will publish the result for you.


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.

fzaninotto/uptime fzaninotto/faker jquery/jquery fabpot/twig

You might also like DependencyWheel, another d3.js visualization for indirect dependencies in software packages.

About

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

Resources

License

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published

Languages

  • JavaScript 94.6%
  • HTML 5.1%
  • CSS 0.3%