# IT Architecture Brainstorming (Vect tool)

**URL:** <https://discourse.threejs.org/t/it-architecture-brainstorming-vect-tool/23953>\
**Category:** Showcase\
**Tags:** angular, typescript, orthographic-camera, examples\
**Created:** [March 1, 2021, 1:51pm UTC](https://discourse.threejs.org/t/it-architecture-brainstorming-vect-tool/23953 "2021-03-01T13:51:50Z")\
**Posts on this page:** 1\
**Page:** 1

<div class="post-metadata">

**Author:** ![makimenko](https://yyz1.discourse-cdn.com/flex035/user_avatar/discourse.threejs.org/makimenko/32/4900_2.png) [@makimenko](https://discourse.threejs.org/u/makimenko)\
**Post date:** [March 1, 2021, 1:51pm UTC](https://discourse.threejs.org/t/it-architecture-brainstorming-vect-tool/23953/1 "2021-03-01T13:51:51Z")

</div>

IT Architecture blueprinting and brainstorming Vect tool using such modern technologies as Three.js, yaml, Angular, Material Design, Dagre layout, Google Drive API:

[![](https://raw.githubusercontent.com/makimenko/files/master/vect/images/demo.gif)](https://github.com/makimenko/vect)

## Features

- Dynamic 3D diagrams in a simple yaml syntax
- Diagrams persisted on your personal Google Drive
- Most popular Icon Sets are integrated (Material Design Icons, Azure Icons, AWS Icons, Google Cloud icons)
- Group multiple nodes into a composition
- Auto Layout  
[![](https://raw.githubusercontent.com/makimenko/files/master/vect/images/auto-layout.gif)](https://github.com/makimenko/vect)  
Focus on the content. Vect will do an automatic layout of your diagrams.

## Links

- [GitHub](https://github.com/makimenko/vect) project
- [Demo](https://makimenko.github.io/vect/)

> NOTE: Demo requires Google authorization to persist diagrams on your drive