Source Code Visualization approaches

I faced with the need to visualize my project’s codebase, so i found a few solutions.

Inspired by the need in fact 🙂 and using Google ( nice post  ) I have listed my feedback here.

what

CodeFlower

Built with d3.js. Inspired by Code Swarm and Gource.

Pros

  • We may code something in JavaScript to visualize every kind of programming language

Cons

  • CodeFlower needs lines of code metrics to draw its charts. You’ll need an additional tool called cloc. And to support javascript coding U have to write js code to pass cloc file to JSON. I used dataConverter.js from web site. 🙂

Gource

Pros

  • Easy to setup: download, install, hit gource and framing of your source code is live.
  • Using ffmpeg  we may convert ppm file to mp4. A bit buggy, but still.

Cons

  • For video requires ffmpeg.

GitStats

Pros

  • Expected nice statistics/diagrams/etc. See

Cons

  • Sources written for Bash only (running on Linux only).
  • Requires Git, Phyton

Code Swarm

Pros

  • Nice video rendering results. Example.

Cons

  • Requires Phyton.
  • Support git, but not clear.

The Winner – CodeFlower 

One of mo my projects at this moment:

prj

Advertisements

Leave a Reply

Fill in your details below or click an icon to log in:

WordPress.com Logo

You are commenting using your WordPress.com account. Log Out / Change )

Twitter picture

You are commenting using your Twitter account. Log Out / Change )

Facebook photo

You are commenting using your Facebook account. Log Out / Change )

Google+ photo

You are commenting using your Google+ account. Log Out / Change )

Connecting to %s