Ecosyste.ms: Awesome
An open API service indexing awesome lists of open source software.
https://github.com/AlexeyBoiko/DgrmJS
Dgrm.net - flowchart editor. Works on desktop, phone and tablet. Has no dependency. Pure JavaScript.
https://github.com/AlexeyBoiko/DgrmJS
diagram diagram-editor diagram-generator diagrams flow flowchart javascript javascript-library javascript-vanilla js svg svg-diagram typescript web website
Last synced: 9 days ago
JSON representation
Dgrm.net - flowchart editor. Works on desktop, phone and tablet. Has no dependency. Pure JavaScript.
- Host: GitHub
- URL: https://github.com/AlexeyBoiko/DgrmJS
- Owner: AlexeyBoiko
- License: apache-2.0
- Created: 2022-01-02T06:30:15.000Z (almost 3 years ago)
- Default Branch: main
- Last Pushed: 2024-10-29T16:24:20.000Z (12 days ago)
- Last Synced: 2024-10-29T17:13:39.374Z (12 days ago)
- Topics: diagram, diagram-editor, diagram-generator, diagrams, flow, flowchart, javascript, javascript-library, javascript-vanilla, js, svg, svg-diagram, typescript, web, website
- Language: JavaScript
- Homepage: https://dgrm.net
- Size: 21.8 MB
- Stars: 917
- Watchers: 20
- Forks: 85
- Open Issues: 6
-
Metadata Files:
- Readme: README.md
- Funding: .github/FUNDING.yml
- License: LICENSE.md
Awesome Lists containing this project
README
# [Dgrm.net](https://dgrm.net "Flowchart editor") - flowchart editor
**Flowcharts**
[Try it yourself](https://app.dgrm.net/?k=20240339e781c7)
**Sequence Diagrams**
[Try it yourself](https://app.dgrm.net/?k=2023104981a801)
**Activity Diagrams**
[Try it yourself](https://app.dgrm.net/?k=2024034ad11f71)
**Mind map**
[Try it yourself](https://app.dgrm.net/?k=20240326021cdd)
**Format scheme**
[Try it yourself](https://app.dgrm.net/?k=202403808ba09f)
**Highlights**
- Works on desktop and mobile
- Has no dependency
- Pure JavaScript
**Please note**
Source code in this repo is different from https://dgrm.net/.
https://dgrm.net/ has pro features like "undo/redo".
## Announcements / Articles
[x.com](https://x.com/boyko_tech) | [telegram](https://t.me/dgrm_net)
[Announcement / Team Subsriptions](https://alexey-boyko.medium.com/diagramming-tool-dgrm-net-team-subsriptions-8e6436c05135)
[Announcement / Teamwork](https://alexey-boyko.medium.com/flowchart-editor-dgrm-net-teamwork-72db958dd495)
[Announcement / Recent](https://alexey-boyko.medium.com/flowchart-editor-dgrm-net-recent-38b2053f82be)
[Announcement / ChatGPT plagin](https://alexey-boyko.medium.com/flowchart-editor-dgrm-net-chatgpt-plagin-6190033d6b0b) ([RU article](https://vc.ru/tribuna/1164003-mindmap-za-10-sekund-nayden-samyy-bystryy-sposob-sdat-rabotu-zakazchiku))
[Announcement / Folders](https://alexey-boyko.medium.com/flowchart-editor-http-dgrm-net-folders-3642d4cbccdf)
[UI. Nuances of marker implementation in the DGRM.net flowchart editor](https://alexey-boyko.medium.com/ui-nuances-of-marker-implementation-in-the-dgrm-net-flowchart-editor-20da122bbfe0)
[Announcement / Marker](https://alexey-boyko.medium.com/flowchart-editor-dgrm-net-marker-f20e76443bed)
[WebRTC. How to establish a p2p connection between browsers](https://alexey-boyko.medium.com/webrtc-how-to-establish-a-p2p-connection-between-browsers-3315052bf95d)
[Intro video 50 sec ru](https://youtube.com/shorts/ktODLSnNWrY)
[Announcement / Images](https://alexey-boyko.medium.com/flowchart-editor-http-dgrm-net-images-1da8b0d9666a)
[Announcement / Rights for schemes](https://alexey-boyko.medium.com/flowchart-editor-dgrm-net-rights-for-schemes-64a8e5e1659f)
[Announcement / DGRM cloud](https://alexey-boyko.medium.com/flowchart-editor-dgrm-net-dgrm-cloud-2188f820a948)
[Announcement / Quick save](https://alexey-boyko.medium.com/flowchart-editor-dgrm-net-quick-save-4ee80cd9c4ba)
[JavaScript. WebRTC. Connecting browsers directly without a server, peer-to-peer](https://itnext.io/javascript-webrtc-connecting-browsers-directly-without-a-server-peer-to-peer-2e2de847849a)
[Announcement / Live collaboration](https://dev.to/alexboyko/flowchart-editor-dgrmnet-announcement-live-collaboration-eem)
[Announcement / Select with Shift key](https://alexey-boyko.medium.com/flowchart-editor-dgrm-net-announcement-select-with-shift-key-439f559fa406)
[UI. The interface should not be distracting](https://alexey-boyko.medium.com/ui-the-interface-should-not-be-distracting-75457848bceb)
[Announcement / Improved mobile support](https://alexey-boyko.medium.com/diagram-editor-dgrm-net-announcement-improved-mobile-support-180a276c461f)
[Announcement / Action history](https://alexey-boyko.medium.com/diagram-editor-dgrm-net-announcement-action-history-4aa103c468c4)
[Announcement / Header, bold, forward / backward](https://alexey-boyko.medium.com/diagram-editor-dgrm-net-announcement-header-bold-forward-backward-5c5627a46b15)
[Announcement / Stroke](https://alexey-boyko.medium.com/diagramm-editor-dgrm-net-announcement-stroke-1a9d8e0d93c2)
[Announcement / Resize](https://alexey-boyko.medium.com/flowchart-editor-dgrm-net-announcement-resize-ee6b0bd33382)
[Announcement / Hotkeys](https://alexey-boyko.medium.com/flowchart-editor-dgrm-net-announcement-hotkeys-e312d0e613e3)
[Announcement / Copy function](https://itnext.io/flowchart-editor-dgrm-net-announcement-copy-function-819f883053bd)
[Announcement / Sequence diagrams support](https://alexey-boyko.medium.com/flowchart-editor-dgrm-net-announcement-sequence-diagrams-support-dc62b9a3e095)
[Announcement / I halved the source code](https://itnext.io/flowchart-editor-dgrm-net-announcement-i-halved-the-source-code-e9d94822cd8a)
[JavaScript SVG diagram editor 6.5 times smaller than Bootstrap](https://alexey-boyko.medium.com/javascript-svg-diagram-editor-which-weighs-6-5-less-than-bootstrap-open-source-library-b753feaaf835 "JavaScript SVG diagram editor 6.5 times smaller than Bootstrap")
[JavaScript diagram editor that renders diagrams from PNG images (open source)](https://medium.com/codex/javascript-diagram-editor-that-renders-diagrams-from-png-images-open-source-d1de0f053088 "JavaScript diagram editor that renders diagrams from PNG images (open source)")
[JavaScript text editor for SVG](https://alexey-boyko.medium.com/javascript-text-editor-for-svg-6881f670d432)
[Flowchart editor UI](https://alexey-boyko.medium.com/flowchart-editor-ui-a8face0729d0)
[JavaScript: Zoom like in maps for SVG/HTML](https://alexey-boyko.medium.com/javascript-zoom-like-in-maps-for-svg-html-89c0df016d8d)