#2: Visualize your code in KDevelop

Planet KDE Jun 22, 2009

Hey folks, a quick update because something pushes me to my bed :)

After a nice weekend we have a useful integration between KDevelop code editor and control flow graph plugin. You can easily get your graph updated when switching between functions in a class or between different opened classes. With such a mechanism, the developer is able to get an always-updated view of source code and experience the benefit of a unified use of code editor + code visualization.

What about, in a close future, something like a "coupling-meter" or "cohesion-meter" (há :)), which indicates if the developer is going into a modular and maintainable implementation "direction" ?

By now, the just implemented features are: fully code editor / control flow graph integration, support for recursive functions, multi-level support.

![controlflowgraph5](/content/images/2015/07/controlflowgraph5.png)

Here the plugin itself being visualized in KDevelop (max depth = 8):

![controlflowgraph6](/content/images/2015/07/controlflowgraph6.png)

As asked by David Nolden, now we are able to understand the design of new KDevelop 4 UI (Sublime) :) (max depth = 8):

![controlflowgraph7](/content/images/2015/07/controlflowgraph71.png)

Sublime visualization in a "circo" layout:

![controlflowgraph8](/content/images/2015/07/controlflowgraph8.png)

In the following days I will enhance the navigation and filtering facilities, so that the developers could be able to refine their search to acquire just the desired information.

Keep connected, I promise a pretty video in the next GSoC update !

See you,

![goingtoakademy](/content/images/2015/07/goingtoakademy.png "goingtoakademy")

Great! You've successfully subscribed.
Great! Next, complete checkout for full access.
Welcome back! You've successfully signed in.
Success! Your account is fully activated, you now have access to all content.