https://github.com/makimenko/vect
Architecture blueprinting and brainstorming tool
https://github.com/makimenko/vect
angular architecture aws azure brainstorming dagre google javascript serverless threejs virtualization
Last synced: 7 months ago
JSON representation
Architecture blueprinting and brainstorming tool
- Host: GitHub
- URL: https://github.com/makimenko/vect
- Owner: makimenko
- License: mit
- Created: 2021-02-11T15:22:24.000Z (about 5 years ago)
- Default Branch: main
- Last Pushed: 2024-03-29T13:10:18.000Z (about 2 years ago)
- Last Synced: 2025-05-25T08:39:35.160Z (10 months ago)
- Topics: angular, architecture, aws, azure, brainstorming, dagre, google, javascript, serverless, threejs, virtualization
- Language: TypeScript
- Homepage: https://makimenko.github.io/vect
- Size: 11.8 MB
- Stars: 13
- Watchers: 2
- Forks: 5
- Open Issues: 4
-
Metadata Files:
- Readme: README.md
- Changelog: CHANGELOG.md
- Funding: .github/FUNDING.yml
- License: LICENSE
Awesome Lists containing this project
README
# About Vect
- Infrastructure Architecture brainstorming tool
- Based on [atft](https://github.com/makimenko/angular-template-for-threejs), [three.js](https://github.com/mrdoob/three.js), [Angular](https://angular.io), [Google Drive API v3](https://developers.google.com/drive/api/v3/reference), [dagre](https://github.com/dagrejs/dagre)
# Demo
See [Demo](https://makimenko.github.io/vect) published on GitHub page.
# Features
### Dynamic 3D diagrams in a simple YAML
Easy and intuitive yaml:
```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](https://github.com/dagrejs/dagre) will do an automatic layout of your diagrams.
Nodes, Edges and Compositions are supported:
### Icon Sets
- [Material Design Icons](https://material.io/icons/)
- [Microsoft Azure Icons](https://docs.microsoft.com/en-us/azure/architecture/icons/)
- [AWS Icons](https://aws.amazon.com/architecture/icons/)
- [Google Cloid Icons](https://cloud.google.com/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:
```yaml
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).