makimenko / vect

Architecture blueprinting and brainstorming tool

About Vect

• Infrastructure Architecture brainstorming tool
• Based on atft, three.js, Angular, Google Drive API v3, dagre

Demo

See Demo published on GitHub page.

Features

Dynamic 3D diagrams in a simple YAML

Easy and intuitive yaml:

nodes:
  - name: spa
  - name: api
  - name: db1
    label: PostgreSQL
  - name: db2
    label: MongoDB
    type: barrel

edges:
  - from: spa
    to: api
  - from: api
    to: db1
  - from: api
    to: db2

Auto Layout

Focus on content. Dagre will do an automatic layout of your diagrams. Nodes, Edges and Compositions are supported:

Icon Sets

• Material Design Icons
• Microsoft Azure Icons
• AWS Icons
• Google Cloid Icons
• Project assets

Diagrams persisted on Google drive

Diagrams stored in "Vect" folder on your personal Google Drive. Authentication and permissions are required. No worries, application can access only Google Drive files, created via this application (other your files are inaccessible).

Compositions

Group multiple nodes into a composition:

compositions:
  - name: data
    label: Data Layer
  
nodes:
  - name: db1
    composition: data
  - name: db2
    composition: data

Sample Templates

Multiple sample templates are automatically created when you first time log-in (when "Vect" folder is not present yet on your Google Drive).