awslabs/diagram-maker

Health v2 · maintenance only

Flags: no_releases archived

Adoption not part of the score

2418 stars · 138 forks observed · 2026-08-28

What it is AI-extracted, prompt v1, taxonomy v1, 2026-08-30, confidence not recorded

Diagram Maker is a TypeScript library from AWS Labs for rendering interactive, customizable editors for graph-like data such as flowcharts, workflows, and state machines. It is framework- and data-format-agnostic, with a declarative API and built-in interactive features like drag-and-drop.

Use cases

• build a drag-and-drop flowchart editor in a web app
• let users visually design state machines or workflows
• create an interactive node graph editor for cloud architectures
• embed a customizable diagram canvas in a React application
• build a visual workflow builder for IoT detector models
• render editable graph data with custom node and edge styling

When to choose

• you need a fully customizable, framework-agnostic graph editor embedded in your own web app
• you want declarative configuration and built-in interactivity (drag, drop, pan, zoom) out of the box
• your data is graph-like and you control the rendering layer

When to avoid

• you need a standalone diagramming application rather than an embeddable library
• you need actively developed software - the project has seen limited recent activity
• you need non-graph diagram types like UML or sequence diagrams with built-in support

Facets

library · maturity maintenance

ui-components data-visualization editor web-development frontend developer-tools data-visualization cross-platform diagram-editor graph-editor flowchart drag-and-drop state-machine workflow-editor canvas typescript react web-server nodejs

Member repositories

For agents

markdown · JSON · MCP: product_card(name="awslabs/diagram-maker")