{"id":13510122,"url":"https://github.com/AlexeyBoiko/DgrmJS","last_synced_at":"2025-03-30T15:30:42.706Z","repository":{"id":37511717,"uuid":"443698235","full_name":"AlexeyBoiko/DgrmJS","owner":"AlexeyBoiko","description":"Dgrm.net - flowchart editor. Works on desktop, phone and tablet. Has no dependency. Pure JavaScript.","archived":false,"fork":false,"pushed_at":"2024-10-29T16:24:20.000Z","size":22880,"stargazers_count":917,"open_issues_count":6,"forks_count":85,"subscribers_count":20,"default_branch":"main","last_synced_at":"2024-10-29T17:13:39.374Z","etag":null,"topics":["diagram","diagram-editor","diagram-generator","diagrams","flow","flowchart","javascript","javascript-library","javascript-vanilla","js","svg","svg-diagram","typescript","web","website"],"latest_commit_sha":null,"homepage":"https://dgrm.net","language":"JavaScript","has_issues":true,"has_wiki":null,"has_pages":null,"mirror_url":null,"source_name":null,"license":"apache-2.0","status":null,"scm":"git","pull_requests_enabled":true,"icon_url":"https://github.com/AlexeyBoiko.png","metadata":{"files":{"readme":"README.md","changelog":null,"contributing":null,"funding":".github/FUNDING.yml","license":"LICENSE.md","code_of_conduct":null,"threat_model":null,"audit":null,"citation":null,"codeowners":null,"security":null,"support":null,"governance":null,"roadmap":null,"authors":null,"dei":null,"publiccode":null,"codemeta":null},"funding":{"patreon":"dgrm","custom":["https://boosty.to/dgrm"]}},"created_at":"2022-01-02T06:30:15.000Z","updated_at":"2024-10-27T18:19:12.000Z","dependencies_parsed_at":"2024-02-17T10:25:09.572Z","dependency_job_id":"fd4e5f03-9977-42ff-917f-7c942cf78bd7","html_url":"https://github.com/AlexeyBoiko/DgrmJS","commit_stats":{"total_commits":534,"total_committers":3,"mean_commits":178.0,"dds":"0.45318352059925093","last_synced_commit":"f511e9bc12e1cea52c4237ad2140a543f7739e8b"},"previous_names":[],"tags_count":0,"template":false,"template_full_name":null,"repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/AlexeyBoiko%2FDgrmJS","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/AlexeyBoiko%2FDgrmJS/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/AlexeyBoiko%2FDgrmJS/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/AlexeyBoiko%2FDgrmJS/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/AlexeyBoiko","download_url":"https://codeload.github.com/AlexeyBoiko/DgrmJS/tar.gz/refs/heads/main","host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":246338642,"owners_count":20761413,"icon_url":"https://github.com/github.png","version":null,"created_at":"2022-05-30T11:31:42.601Z","updated_at":"2022-07-04T15:15:14.044Z","host_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub","repositories_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories","repository_names_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repository_names","owners_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners"}},"keywords":["diagram","diagram-editor","diagram-generator","diagrams","flow","flowchart","javascript","javascript-library","javascript-vanilla","js","svg","svg-diagram","typescript","web","website"],"created_at":"2024-08-01T02:01:24.882Z","updated_at":"2025-03-30T15:30:37.694Z","avatar_url":"https://github.com/AlexeyBoiko.png","language":"JavaScript","readme":"# [Dgrm.net](https://dgrm.net \"Flowchart editor\") - flowchart editor\n\n**Flowcharts**    \n\n\u003cimg src=\"https://github.com/AlexeyBoiko/DgrmJS/assets/29090032/4cb40f6c-2200-4031-a7e6-50c8f83da2c0\" alt=\"Flowchart editor live collaboration\" width=\"600\"/\u003e\n\n[Try it yourself](https://app.dgrm.net/?k=20240339e781c7)\n\n\u003cbr /\u003e\n\n**Sequence Diagrams**\n\n\u003cimg src=\"https://github.com/AlexeyBoiko/DgrmJS/blob/doc/img/sequence-diagrams.gif\" alt=\"sequence diagram editor\" width=\"600\"/\u003e\n\n[Try it yourself](https://app.dgrm.net/?k=2023104981a801)\n\n\u003cbr /\u003e\n\n**Activity Diagrams**\n\n\u003cimg src=\"https://github.com/AlexeyBoiko/DgrmJS/blob/doc/img/activity-diagram.png\" alt=\"activity diagram editor\" width=\"600\"/\u003e\n\n[Try it yourself](https://app.dgrm.net/?k=2024034ad11f71)\n\n\u003cbr /\u003e\n\n**Mind map**\n\n\u003cimg src=\"https://user-images.githubusercontent.com/29090032/235704955-8b791599-d6f4-4310-a304-ec0b486dc963.png\" alt=\"mind map\" width=\"600\"/\u003e\n\n[Try it yourself](https://app.dgrm.net/?k=20240326021cdd)\n\n\u003cbr /\u003e\n\n**Format scheme**\n\n\u003cimg src=\"https://github.com/AlexeyBoiko/DgrmJS/assets/29090032/05a39938-45b4-4037-8587-52ecc2ad31ac.png\" alt=\"format scheme\" width=\"600\"/\u003e\n\n[Try it yourself](https://app.dgrm.net/?k=202403808ba09f)\n\n\u003cbr /\u003e\n\n**Highlights**\n- Works on desktop and mobile\n- Has no dependency\n- Pure JavaScript\n\n**Please note**  \nSource code in this repo is different from https://dgrm.net/.  \nhttps://dgrm.net/ has pro features like \"undo/redo\".\n\n\n\n## Announcements / Articles\n[x.com](https://x.com/boyko_tech) | [telegram](https://t.me/dgrm_net)\n\n[Announcement / Team Subsriptions](https://alexey-boyko.medium.com/diagramming-tool-dgrm-net-team-subsriptions-8e6436c05135)  \n[Announcement / Teamwork](https://alexey-boyko.medium.com/flowchart-editor-dgrm-net-teamwork-72db958dd495)  \n[Announcement / Recent](https://alexey-boyko.medium.com/flowchart-editor-dgrm-net-recent-38b2053f82be)  \n[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))  \n[Announcement / Folders](https://alexey-boyko.medium.com/flowchart-editor-http-dgrm-net-folders-3642d4cbccdf)  \n[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)  \n[Announcement / Marker](https://alexey-boyko.medium.com/flowchart-editor-dgrm-net-marker-f20e76443bed)  \n[WebRTC. How to establish a p2p connection between browsers](https://alexey-boyko.medium.com/webrtc-how-to-establish-a-p2p-connection-between-browsers-3315052bf95d)  \n[Intro video 50 sec ru](https://youtube.com/shorts/ktODLSnNWrY)  \n[Announcement / Images](https://alexey-boyko.medium.com/flowchart-editor-http-dgrm-net-images-1da8b0d9666a)  \n[Announcement / Rights for schemes](https://alexey-boyko.medium.com/flowchart-editor-dgrm-net-rights-for-schemes-64a8e5e1659f)  \n[Announcement / DGRM cloud](https://alexey-boyko.medium.com/flowchart-editor-dgrm-net-dgrm-cloud-2188f820a948)  \n[Announcement / Quick save](https://alexey-boyko.medium.com/flowchart-editor-dgrm-net-quick-save-4ee80cd9c4ba)  \n[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)  \n[Announcement / Live collaboration](https://dev.to/alexboyko/flowchart-editor-dgrmnet-announcement-live-collaboration-eem)  \n[Announcement / Select with Shift key](https://alexey-boyko.medium.com/flowchart-editor-dgrm-net-announcement-select-with-shift-key-439f559fa406)  \n[UI. The interface should not be distracting](https://alexey-boyko.medium.com/ui-the-interface-should-not-be-distracting-75457848bceb)  \n[Announcement / Improved mobile support](https://alexey-boyko.medium.com/diagram-editor-dgrm-net-announcement-improved-mobile-support-180a276c461f)  \n[Announcement / Action history](https://alexey-boyko.medium.com/diagram-editor-dgrm-net-announcement-action-history-4aa103c468c4)  \n[Announcement / Header, bold, forward / backward](https://alexey-boyko.medium.com/diagram-editor-dgrm-net-announcement-header-bold-forward-backward-5c5627a46b15)  \n[Announcement / Stroke](https://alexey-boyko.medium.com/diagramm-editor-dgrm-net-announcement-stroke-1a9d8e0d93c2)  \n[Announcement / Resize](https://alexey-boyko.medium.com/flowchart-editor-dgrm-net-announcement-resize-ee6b0bd33382)  \n[Announcement / Hotkeys](https://alexey-boyko.medium.com/flowchart-editor-dgrm-net-announcement-hotkeys-e312d0e613e3)  \n[Announcement / Copy function](https://itnext.io/flowchart-editor-dgrm-net-announcement-copy-function-819f883053bd)  \n[Announcement / Sequence diagrams support](https://alexey-boyko.medium.com/flowchart-editor-dgrm-net-announcement-sequence-diagrams-support-dc62b9a3e095)  \n[Announcement / I halved the source code](https://itnext.io/flowchart-editor-dgrm-net-announcement-i-halved-the-source-code-e9d94822cd8a)  \n[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\")  \n[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)\")  \n[JavaScript text editor for SVG](https://alexey-boyko.medium.com/javascript-text-editor-for-svg-6881f670d432)  \n[Flowchart editor UI](https://alexey-boyko.medium.com/flowchart-editor-ui-a8face0729d0)  \n[JavaScript: Zoom like in maps for SVG/HTML](https://alexey-boyko.medium.com/javascript-zoom-like-in-maps-for-svg-html-89c0df016d8d)\n","funding_links":["https://patreon.com/dgrm","https://boosty.to/dgrm"],"categories":["JavaScript","Table of Contents","website"],"sub_categories":["Libraries \u0026 Node Editors"],"project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2FAlexeyBoiko%2FDgrmJS","html_url":"https://awesome.ecosyste.ms/projects/github.com%2FAlexeyBoiko%2FDgrmJS","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2FAlexeyBoiko%2FDgrmJS/lists"}