Watch

A C/C++ program architecture web visualizer https://faraphel.github.io/clang-architecture-viewer/

architecture c cpp cytoscape javascript

Find a file

Repository files (latest commit first)
Filename	Latest commit message	Latest commit date
faraphel 9f97154d8c Some checks failed Deploy to GitHub Pages / build (push) Has been cancelled Details Deploy to GitHub Pages / deploy (push) Has been cancelled Details removed gzip logic, compression should be handled externally instead		2026-08-09 13:55:07 +02:00
.github/workflows	added a GitHub action to automatically deploy a GitHub page.	2026-08-08 11:17:45 +02:00
docs/assets	improved the README page	2026-08-07 23:23:45 +02:00
source	removed gzip logic, compression should be handled externally instead	2026-08-09 13:55:07 +02:00
.gitignore	restructured the application to contain a build directory	2026-08-07 22:20:20 +02:00
build.sh	moved html files out of their html directory for cleaner static paths	2026-08-08 11:31:58 +02:00
Jenkinsfile	moved html files out of their html directory for cleaner static paths	2026-08-08 11:31:58 +02:00
LICENSE.md	moved the license to the project	2026-08-07 22:19:23 +02:00
README.md	improved the README page	2026-08-07 23:23:45 +02:00

Clang Architecture Viewer

The viewer is a simple web application that can be used to visualize the architecture report. It can be used locally without any server.

Example

This project display JSON reports that store where symbols are declared and how they are used.

Those reports can be created thanks to the generator before being visualized through this tool.

To build this application, you will only need to install the following packages:

sudo apt install esbuild

You need to build the JavaScript sources into a single bundled file before using it due to web browsers CORS restriction:

bash ./build.sh

You can use the viewer simply by opening the build/index.html file in a web browser.