Ve el sistema completo sin perder el detalle
Agrupa por módulo, carpeta, archivo o lenguaje y haz drill-down hasta el símbolo y sus dependencias internas.
Lee el código que nadie te explicó
Entiende un repositorio
antes de cambiarlo.
CodeGraph Visual convierte el índice local de tu proyecto en un mapa navegable: sigue llamadas, mide el impacto de un cambio y cruza trazas y cobertura reales con cada símbolo.
$ codegraph init .
Todo se procesa en tu navegador Acceso de solo lectura Chrome o Edge
¿Qué hace esta función y con qué habla?
10vecinos directos
4dependen de él
6símbolos que usa
createOrder vive en services/orders.ts:22. Lo llaman 4 símbolos y usa 6. Pulsa cualquier nodo para moverte por el grafo.
Datos del proyecto de ejemplo “storefront” (27 símbolos, 50 relaciones). Con tu repositorio salen del índice local de CodeGraph.
Navegación por símbolosVecindario, llamadas y rutas entre dos puntos.
Mapa de arquitecturaMódulos, acoplamiento y drill-down.
Trazas OpenTelemetryFlamegraph enlazado a tu código.
Cobertura de pruebasLCOV, Cobertura y JaCoCo.
Un solo mapa, muchas preguntas
Pasa de “creo que funciona así” a evidencia navegable.
Cada modo reduce el grafo a la pregunta que estás intentando responder. Ábrelo en la demo de arriba con datos reales.
Calcula el radio de impacto antes del merge
Parte de un símbolo o de los archivos de un diff Git y obtén las dependencias alcanzadas y las pruebas que las cubren.
Superpone lo que sí ocurrió en producción
Importa trazas OTLP/JSON, encuentra el cuello de botella por tiempo propio y abre la ruta exacta de un fallo sobre el código.
Conecta cobertura y diagnósticos con el grafo
Colorea símbolos con LCOV, Cobertura o JaCoCo, y abre ciclos, archivos acoplados y código sin uso en el lienzo.
De la carpeta a la respuesta
Tres pasos y un navegador.
El CLI de CodeGraph construye el índice; esta web lo convierte en algo que puedes recorrer.
Indexa el repositorio
Ejecuta codegraph init en la raíz. Se crea .codegraph/codegraph.db con símbolos, relaciones y posiciones.
Abre la carpeta aquí
Pulsa Abrir proyecto indexado y concede permiso de lectura sobre la raíz del proyecto. El índice se copia a un espacio temporal del navegador.
Empieza por una pregunta
Busca un símbolo, pega los archivos de un diff, importa una traza OTLP o un reporte de cobertura y navega el resultado.
terminal
$ codegraph init .✓ 428 archivos · 5.312 símbolos · 9.874 relaciones✓ Índice creado en .codegraph/codegraph.db Ahora abre esa carpeta desde el navegador.
Privacidad por arquitectura
Tu repositorio se queda contigo.
SQLite compilado a WebAssembly consulta una copia temporal del índice dentro de la pestaña. No hay cuentas, ni servidor, ni almacenamiento remoto que auditar.
- Los archivos y el índice se abren en solo lectura
- Los reportes se generan y descargan localmente
- El permiso de carpeta caduca al cerrar la pestaña
Antes de empezar
Preguntas que suelen aparecer.
¿Necesito una cuenta o subir mi código?
No. No hay registro ni backend: el índice se consulta con SQLite compilado a WebAssembly dentro de tu navegador y nada sale de tu equipo.
¿Qué navegadores funcionan?
Chrome o Edge 122+, porque la aplicación usa la File System Access API para leer la carpeta del proyecto. En Firefox y Safari puedes recorrer esta demo, pero no abrir un proyecto propio.
¿Qué necesito tener indexado?
Una carpeta que contenga .codegraph/codegraph.db, generada por el CLI de CodeGraph. La aplicación solo lee ese archivo y las fuentes que abres en el visor.
¿Puedo llevarme los resultados?
Sí. Cualquier reporte de impacto, ruta, arquitectura, cobertura, problemas o trazas se exporta a JSON, Markdown, SVG o PNG, generados en el propio navegador.
¿De dónde salen las trazas y la cobertura?
De tus propias herramientas: un export OTLP/JSON de OpenTelemetry y los reportes que ya produce tu suite de pruebas. Se cruzan con el índice por archivo y símbolo.
¿Y el asistente de IA?
Es opcional y usa tu propio proveedor y tu clave. Solo recibe el subgrafo que tienes en pantalla, nunca el repositorio completo.
Tu siguiente respuesta ya está en el grafo.
Abre un proyecto indexado y empieza por la pregunta que te trajo aquí.
Local · privado · sin registro