Awesome Open Source
Awesome Open Source

Diagram Maker

Build Status

Diagram Maker is a library to display an interactive editor for any graph-like data.

Following is a screenshot from one of the consumers of this library, AWS IoT Events Console with Diagram Maker in action. IoT Events Screenshot

Following is a screenshot from another one of the consumers of this library, AWS IoT Things Graph Console with Diagram Maker in action. IoT Things Graph Screenshot

Why Diagram Maker?

Diagram Maker is a framework & data format agnostic library that is fully customizable in terms of look & feel as well as behavior. It also exposes a declarative interface to reduce the code required to integrate the library in any application and comes with many interactive features built in. Read more about the features of the library here.


Interactive Demo

Check out one of our interactive demos here or see the full list of interactive demos here. The code for these demos can be found here.


Check out the plugins that can be used alongside the library for additional functionality here.


Check out some of the consumers of this library here.

How do I use it?


Check out our installation guide here.


Check out our usage guide here.


Read more about the architecture of diagram maker here.


Check out our full documentation here.

Typedoc generated documentation

Check out the typedoc generated documentation here to find out more information about any of our exported symbols.


See CONTRIBUTING for more information.


This project is licensed under the Apache-2.0 License.

Get A Weekly Email With Trending Projects For These Topics
No Spam. Unsubscribe easily at any time.
Typescript (245,462
Aws (10,908
Visualization (5,406
Graph (3,714
Cloud (3,329
Canvas (2,769
Editor (2,593
Workflow (2,265
Interactive (715
State Machine (715
Diagram (538
Diagram (538
Drag (370
Drop (192
Flowchart (173
Related Projects