All Projects → awslabs → Diagram Maker

awslabs / Diagram Maker

Licence: apache-2.0
A library to display an interactive editor for any graph-like data.

Programming Languages

typescript
32286 projects

Projects that are alternatives of or similar to Diagram Maker

Diagram
☊ Tool for making node graphs. Inspired by dependency graph. Used mainly for automation services 📈
Stars: ✭ 510 (-75.55%)
Mutual labels:  graph, editor, diagram, canvas
Inframap
Read your tfstate or HCL to generate a graph specific for each provider, showing only the resources that are most important/relevant.
Stars: ✭ 430 (-79.39%)
Mutual labels:  aws, graph, diagram
Arvados
An open source platform for managing and analyzing biomedical big data
Stars: ✭ 274 (-86.86%)
Mutual labels:  aws, cloud, workflow
Grafana Flowcharting
Flowcharting, plugin for Grafana to create complexe visio's draws style like technical architectures, floorplan, diagrams, hierarchical schema based on draw.io
Stars: ✭ 463 (-77.8%)
Mutual labels:  diagram, diagrams, flowchart
Cloudskew
Create free cloud architecture diagrams
Stars: ✭ 183 (-91.23%)
Mutual labels:  aws, diagram, diagrams
Step Functions Draw.io
You can make a AWS step functions workflow with GUI and export/import JSON/YAML.
Stars: ✭ 231 (-88.93%)
Mutual labels:  aws, diagram, drag
Heimer
Heimer is a simple cross-platform mind map, diagram, and note-taking tool written in Qt.
Stars: ✭ 380 (-81.78%)
Mutual labels:  editor, diagram, flowchart
Laravel Schematics
A Laravel package making a diagram of your models, relations and the ability to build them with it
Stars: ✭ 1,137 (-45.49%)
Mutual labels:  diagrams, drag, drop
React Flow Chart
A flexible, stateless, declarative flow chart library for react.
Stars: ✭ 1,051 (-49.62%)
Mutual labels:  diagram, diagrams, flowchart
React Design Editor
React Design Editor has started to developed direct manipulation of editable design tools like Powerpoint, We've developed it with reactjs, ant.design, fabricjs
Stars: ✭ 687 (-67.07%)
Mutual labels:  workflow, editor, canvas
Litegraph.js
A graph node engine and editor written in Javascript similar to PD or UDK Blueprints, comes with its own editor in HTML5 Canvas2D. The engine can run client side or server side using Node. It allows to export graphs as JSONs to be included in applications independently.
Stars: ✭ 2,735 (+31.11%)
Mutual labels:  graph, workflow, editor
Aws Workflows On Github
Workflows for automation of AWS services setup from Github CI/CD
Stars: ✭ 95 (-95.45%)
Mutual labels:  aws, cloud, workflow
Vue Blocks
Vue2 dataflow graph editor
Stars: ✭ 201 (-90.36%)
Mutual labels:  graph, workflow, editor
Mermaid
Provides a parser function to generate diagrams and flowcharts with the help of the mermaid script language
Stars: ✭ 27 (-98.71%)
Mutual labels:  diagram, diagrams, flowchart
Gojs
JavaScript diagramming library for interactive flowcharts, org charts, design tools, planning tools, visual languages.
Stars: ✭ 5,739 (+175.12%)
Mutual labels:  graph, diagram, flowchart
Vzl
💠 DOT Language Live Editor (GraphViz)
Stars: ✭ 83 (-96.02%)
Mutual labels:  graph, diagram, flowchart
X6
🚀 JavaScript diagramming library that uses SVG and HTML for rendering.
Stars: ✭ 2,686 (+28.76%)
Mutual labels:  graph, diagram, flowchart
Quiver
A modern commutative diagram editor for the web.
Stars: ✭ 1,799 (-13.76%)
Mutual labels:  editor, diagram
G2
📊 A highly interactive data-driven visualization grammar for statistical charts.
Stars: ✭ 11,020 (+428.28%)
Mutual labels:  graph, canvas
Fullrecyclerview
This is a compilation of different kinds and actions in recyclerView
Stars: ✭ 127 (-93.91%)
Mutual labels:  drag, drop

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.

Explore

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.

Plugins

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

Showcase

Check out some of the consumers of this library here.

How do I use it?

Installation

Check out our installation guide here.

Usage

Check out our usage guide here.

Architecture

Read more about the architecture of diagram maker here.

Docs

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.

Security

See CONTRIBUTING for more information.

License

This project is licensed under the Apache-2.0 License.

Note that the project description data, including the texts, logos, images, and/or trademarks, for each open source project belongs to its rightful owner. If you wish to add or remove any projects, please contact us at [email protected].