Skip to content
This repository

Semantic code visualizer

Introduction

codemap is a semantic source code visualizer. It's a X11 program that helps visualize, navigate, and search a large codebase. It can also be connected to an editor such as Emacs so that when you click somewhere in the codemap window it opens the appropriate file at the appropriate line in Emacs.

As you zoom in the codebase, codemap displays more information, a little bit like Google Earth: you first see only the files and directories, and then the important classes and functions, and then the important statements. By leveraging results from static and dynamic analysis codemap can "understand" the source code it is displaying and highlight the important parts. This helps understand quickly code you have never seen before. Also like Google Earth codemap provides layers that helps seeing the codebase through different angles.

See https://github.com/facebook/pfff/blob/master/main_codemap.ml

Motivations

Source code visualization.

Synopsis

The synopsis is:

$ codemap [-screen_size <int>] [-with_layers <dir>] [-with_info <db>] <dir>

Screnshots

Features

Code visualization

Code search

Code navigation

Layers

Other features

See Features#Visualization.

More Screnshots

See Examples and Examples2 for screenshots of the tool applied to lots of different open source projects.

Internals

See Visualizer manual.

FAQ

How to reduce the size of specific files in the treemap ? You can try to put big files in a 'big/' subdirectory. The "big" directory name is hardcoded in pfff code to be part of the "Data" category which is then artificially reduced on the treemap.

Related work

http://fcgp.sourceforge.net/shots.html

Future work

See Roadmap#Visualizer

Something went wrong with that request. Please try again.