Skip to content
| Marketplace
Sign in
Visual Studio Code>Other>JSON Diagram ExtensionNew to Visual Studio Code? Get it now.
JSON Diagram Extension

JSON Diagram Extension

Giovanni Molina

|
253 installs
| (0) | Free
An extension to visualize JSON data as a diagram.
Installation
Launch VS Code Quick Open (Ctrl+P), paste the following command, and press enter.
Copied to clipboard
More Info

JSON Diagram Extension

Una extensión de Visual Studio Code que visualiza diagramas de JSON en una ventana webview integrada.

Características

  • Visualiza estructuras JSON complejas como diagramas interactivos.
  • Colores de nodos diferenciados por niveles.
  • Soporte para mantener el estado de vista durante la recarga.
  • Conexiones automáticas entre nodos hermanos y padres.

Uso

  1. Abre un archivo JSON en el editor de VSCode.

  2. Haz clic en el ícono de la barra lateral que aparece en la parte superior derecha para abrir el diagrama.

  3. La visualización del diagrama se mostrará en una ventana a la derecha.

Estructura del Proyecto

  • src/extension.ts: Lógica principal de la extensión. Maneja la activación y el comando para abrir la vista del diagrama.

  • media/webview.html: Código HTML y JavaScript para renderizar el diagrama en la ventana webview.

  • package.json: Configuración de la extensión y dependencias.

  • tsconfig.json: Configuración de TypeScript.

Contribuciones

¡Las contribuciones son bienvenidas! Por favor, abre un problema o una solicitud de extracción (pull request) en GitHub.

Licencia

Este proyecto está bajo la licencia MIT. Consulta el archivo LICENSE para más detalles.

Contacto

Para consultas, puedes contactarme en gmolina.dev@gmail.com.

  • Contact us
  • Jobs
  • Privacy
  • Manage cookies
  • Terms of use
  • Trademarks
© 2025 Microsoft