Architekturdiagramm-Tool mit Zoom-in für Details

Ich suche nach einem Tool zum Erstellen von Softwarearchitekturdiagrammen wie dem folgenden, aber ich möchte in der Lage sein, herauszuzoomen und nur das allgemeine Bild des Diagramms zu sehen, und hineinzuzoomen, um die feinkörnigen Details des Diagramms zu sehen. Ein Beispiel unten hinzugefügt ...

Gibt es so ein Tool?

  • Betriebssystemtyp: Beliebig ... WebApp auch.
  • GUI-Ansatz oder Graphviz- ähnlich spielt keine Rolle
  • Preis: Bezahlt oder kostenlos

PS: Im Moment suche ich nach irgendetwas mit dieser Zoomfunktion, wie dieses Beispiel zeigt:

Diagrammbeispiel
Beispiel Zoomfunktion (Bild anklicken für größere Variante)

Antworten (2)

Ich denke, dieses in GoJS implementierte Beispiel zeigt etwas Ähnliches wie das, wonach Sie suchen: https://gojs.net/latest/samples/regrouping.html .

Beachten Sie den Schieberegler, den der Benutzer anpassen kann, um "semantisches Zoomen" zu implementieren. Anstatt einen Schieberegler zu verwenden, könnte man das Mausrad drehen oder Finger kneifen, um die gleichen Effekte zu erzielen.

Dieses Beispieldiagramm enthält weder Links noch verwendet es ein Baumlayout; aber es würde genauso funktionieren, selbst wenn es beides hätte.

Ziemlich coole Lösung, sieht sehr vielversprechend aus. Ich werde einen Blick darauf werfen.

Verwenden Sie http://draw.io/ mit Containern, wie hier erklärt .

Es gibt zwei Möglichkeiten:

  1. Verwenden Sie einfach die Form mit dem Namen "Container".
  2. Wählen Sie eine Form aus, wählen Sie die Registerkarte "Stil", scrollen Sie in der Liste "Eigenschaften" nach unten und aktivieren Sie das Kontrollkästchen "Container".

Wenn Sie zu paranoid sind, es im Browser zu verwenden, verwenden Sie entweder die Desktop-App oder hosten Sie es selbst .

Ich bin kein Affiliate, aber ein großer Fanboy.