Herramienta de diagrama de arquitectura con acercamiento para ver detalles

Estoy buscando una herramienta para crear diagramas de arquitectura de software, como el que se muestra a continuación, pero quiero poder alejarme y ver solo la imagen general del diagrama, y ​​acercarme para ver los detalles detallados del diagrama. Se agregó un ejemplo a continuación ...

¿Existe tal herramienta como esta?

  • Tipo de SO: Cualquiera... WebApp también.
  • El enfoque de GUI o Graphviz no importa
  • Precio: Pagado o Gratis

PD: ahora mismo estoy buscando cualquier cosa con esta capacidad de zoom, como muestra este ejemplo:

Ejemplo de diagrama
Ejemplo de capacidad de zoom (haga clic en la imagen para una variante más grande)

Respuestas (2)

Creo que esta muestra, implementada en GoJS, demuestra algo similar a lo que está buscando: https://gojs.net/latest/samples/regrouping.html .

Tenga en cuenta el control deslizante que el usuario puede ajustar para implementar el "zoom semántico". En lugar de usar un control deslizante, se podría girar la rueda del mouse o pellizcar con los dedos para lograr los mismos efectos.

Este diagrama de muestra no tiene ningún enlace ni utiliza un diseño de árbol; pero funcionaría igual incluso si tuviera ambos.

Una solución bastante buena, parece muy prometedora. Le daré un vistazo.

Use http://draw.io/ con contenedores como se explica aquí .

Hay dos opciones:

  1. simplemente use la forma llamada "contenedor"
  2. seleccione una forma, seleccione la pestaña "Estilo", desplácese hacia abajo en la lista "Propiedades" y seleccione la casilla de verificación "Contenedor"

Si está demasiado paranoico para usarlo en el navegador, use la aplicación de escritorio o alójelo usted mismo .

No estoy afiliado, pero soy un gran fanático.