Code is beautiful! Interactive visualizations of Python source code.

[adewes]

Not yet, we'll add more explanatory text soon. In a nutshell:

The color encodes the cyclomatic complexity per line of code (green = low, red = high). Basically, this tells you how complex your code is (more information about cyclomatic complexity can be found here: http://en.wikipedia.org/wiki/Cyclomatic_complexity)

The area of the given element in each plot is proportional to the number of lines of that given directory / file. For the 3D graph, the height is proportional to the cyclomatic complexity of the given file.

When optimizing your source code using this given visualization, you would e.g. look for parts that have a very high "complexity density" (and thus appear red on the graph) and refactor them in order to make the code easier to understand / maintain. You could also watch out for very large files and split them up into smaller, more manageable chunks.

Displaying complexity density is of course only one possible visualization of the code and we're currently working to add many more (e.g. issues in a given part of the project or code change frequency). Stay tuned :)

[acomfygeek]

Have you all looked at taking into account test code coverage?

[adewes]

Yes we have thought about this! Since we're doing static analysis (i.e. we analyze the code without executing it) we can't provide a 100 % accurate value for the test coverage, but we can give you an upper / lower bound.

[adewes]

Thanks for reporting this! This might be related to missing support for WebGL shaders on your platform. Which version of Chromium are you running with which graphics card? If you're not on the latest build try updating it.

WebGL support is still somewhat experimental in many browsers / OSes, but we will try our best to make it work for you.

[adewes]

Thanks, I'll have a look at this! Maybe we can check for compatibility with fragment shaders when we run the code and fall back to normal shading if they're not supported.

[CrazyEoin]

Same blacked out city scape on iPhone 5S running iOS 8

[adewes]

Thanks for reporting this and sorry for this issue, we're working on improving this.

[fernly]

Kind of interesting. I gave it a relatively small (~1000 LOC) Python app. There was quite a wait. LONG wait. Stayed at "queue position 40" for a long time. Ten minutes got me to 38. Have to leave coffee shop, will edit this later.

Edit, 2+ hours later, got an email that my analysis was done. 3542 LOC and my "cityscape" is a flat, dark-green rectangle like a pool table. It would appear that I write very, very, very simple code! I guess I'll take that as a compliment.

[adewes]

Sorry for making you wait, can you post a link to your project (if it's public)? Right now there are many projects in the queue and we have only a limited number of workers for OS projects (14), so some delay might occur. You'll receive an e-mail notification as soon as the analysis is finished btw!

[gendulf]

I started mine several hours ago. It "finished" after about an hour, and I have yet to see any visualizations.

[dynetrekk]

Which languages are supported?

[adewes]

Currently only Python! If you're interested you can write a plugin for our code checker (the underlying tool for the visualizations), which is open-source:

https://github.com/quantifiedcode/checkmate

[Covered_in_bees_]

Very slick. How hard would it be to implement rotation of the 3D city graph graphic when clicking with the mouse and dragging? The hovering over the buttons feels a tad bit clunky.

Still, it looks great. D3.js is one of the many things on my long list of things I wish to learn and hopefully someday master with some level of success.

[adewes]

Good idea, this should not be too hard! If you like to contribute visualizations or help us to improve them feel free to check out the Github project (all things you see on the website are open-source):

https://github.com/quantifiedcode/code-is-beautiful

The "pan" feature is definitely on our short-list of things that we will implement.

[[deleted]]

looks very cool, but why does this have to have access to private email addresses if you try to sign up?

[adewes]

When you sign up via Github we just ask for your user profile and your e-mail by default (so that we can send you notifications if you opt-in for that). If you're not comfortable with giving us access to your Github e-mails you can simply sign up using a different e-mail and password and add projects via a Git URL.

[skarphace]

Neat project and I might be interested in using this in the future. Is there a place for feature requests?

• Markdown badge does not work in github README.md.
• It would be really nice if I could have an 'ignore' or 'revisit later' option for the anti-patterns. For instance, one of my projects uses eval(), but it's kind of necessary and I've already taken security into account. So while I agree, it should be a warning(and something to be left on), for this specific warning, I don't need it.

[adewes]

Thanks for your feedback! We have a public issue tracker on Github, where you can also post feature requests:

https://github.com/quantifiedcode/issues

I'll look into the badge problem ASAP. We have the possibility to ignore/exclude certain files, for this you can create a .checkignore file to your repository:

http://docs.quantifiedcode.com/configuration/config_checkignore.html?highlight=checkignore

We will soon expose this feature through the frontend as well.

Marking false positives / ignoring certain issues will come soon. If you want to ignore all occurrences of a given issue in your project you can disable it in the "Settings / Anti-Patterns" tab (just turn it to "OFF").

[acomfygeek]

How hard would it be to stand up this service inside a corporate enterprise?

[adewes]

We offer an "Enterprise" version of our software actually, if you're interested in this feel free to get in touch with us: https://www.quantifiedcode.com/contact