Skip to main content
Code-XR - 1 of 6
1 / 6
Overview
Open SourceFeb 2025–Jul 2025

Code-XR is an open-source Visual Studio Code extension that provides immersive XR-based visualization of software metrics. It transforms static analysis data into an interactive 3D environment, enabling developers to explore complex codebases through spatial metaphors. The tool integrates a static analysis pipeline and renders metrics inside an XR scene, allowing users to identify hotspots, structural issues, and architectural patterns in a more intuitive and exploratory way.

Role & contributions

Sole author and end-to-end developer. Built the full system: VS Code extension, Python static analysis pipeline, JSON data persistence, XR 3D visualization with BabiaXR, and documentation site (React + Vite + Tailwind). Academic supervision by David Moreno Lumbreras (PhD, TFG supervisor).

Supervisor: David Moreno Lumbreras

Problem

Traditional metric tools present data in static dashboards, making it hard to understand large codebases at a glance and detect hotspots quickly.

Solution

Spatial visualization metaphor where files and modules map to a 3D environment with metrics represented visually for intuitive comprehension.

Impact

Accepted at VISSOFT @ ICSME 2025 • 300+ downloads • Active and maintained

Tech stack
Node.js
TypeScript
Python
VS Code Extension API
WebXR
A-Frame
BabiaXR
JSON
React
Vite
Tailwind