DgrmJS
react-diagrams
Our great sponsors
DgrmJS | react-diagrams | |
---|---|---|
16 | 7 | |
867 | 8,323 | |
- | 1.0% | |
6.5 | 6.8 | |
7 days ago | about 2 months ago | |
JavaScript | TypeScript | |
Apache License 2.0 | MIT License |
Stars - the number of stars that a project has on GitHub. Growth - month over month growth in stars.
Activity is a relative number indicating how actively a project is being developed. Recent commits have higher weight than older ones.
For example, an activity of 9.0 indicates that a project is amongst the top 10% of the most actively developed projects that we are tracking.
DgrmJS
-
Flowchart editor dgrm.net / announcement / copy function
Give a star on GitHub to support the project.
-
Flowchart editor dgrm.net / announcement / sequence diagrams support
To support the project give it a star on GitHub.
-
Flowchart editor dgrm.net / announcement / I halved the source code
dgrm.net | GitHub
- GitHub - DgrmJS is a JavaScript library for creating SVG flow diagrams. The main goal of the library is to set up workflows in BPM (Business Process Management) systems. Works on desktop and mobile, has no dependency, 3.5 KB gzipped.
-
JavaScript text editor for SVG
The algorithm is implemented in the textareaCreate function. Function code in a separate file on GitHub.
-
JavaScript diagram editor that renders diagrams from PNG images (open source)
Start using, tell us what you think. Any way: comments, private messages, on GitHub. I read everything, I keep a list of proposals.
-
JavaScript SVG diagram editor 3.9 KB (open source library)
Demo | GitHub
-
GitHub - DgrmJS is a JavaScript library for creating SVG diagram editors. Works on desktop and mobile, has no dependency, small size.
Demo state machine workflow editor.
react-diagrams
-
react-diagrams VS rete - a user suggested alternative
2 projects | 9 Jun 2023
-
Visual Gherkin Manager - devlog#2
The library react-diagrams is very extensive, allowing easy customization of all necessary components styles and behaviors. For example, It were necessary to create custom node and label components to contemplate the desired needs.
-
# Visual Gherkin Manager
A canvas to model the flows: This "modeler" will be implemented using the Storm React Diagrame that allows to create beautiful and consistent diagrams. It must be possible to generate a diagram like this:
-
Diagramming Library
I found react-diagrams and have ideas how I could use something like this in my Vue.js projects. Has anyone come across something similar for Vue?
-
How to create a Flow builder / Node graph like in the example image
https://github.com/projectstorm/react-diagrams is an alternative to react-flow
-
Looking for Node Editor, GUI Logic Block editor libraries
This is one I recently used. https://github.com/projectstorm/react-diagrams
-
A New Architecture for Plaid Link: Server-Driven UI with Directed Graphs
Good question — we used https://github.com/projectstorm/react-diagrams
What are some alternatives?
diagram-js - A toolbox for displaying and modifying diagrams on the web.
react-flow - React Flow | Svelte Flow - Powerful open source libraries for building node-based UIs with React (https://reactflow.dev) or Svelte (https://svelteflow.dev). Ready out-of-the-box and infinitely customizable. [Moved to: https://github.com/xyflow/xyflow]
axios-rate-limit - Rate limit for axios
reaflow - 🎯 React library for building workflow editors, flow charts and diagrams. Maintained by @goodcodeus.
beautiful-react-diagrams - 💎 A collection of lightweight React components and hooks to build diagrams with ease 💎
grafana-diagram - A Grafana plugin to visualize metrics in a diagram using flow charts, gantt charts, sequence diagrams, or class diagrams
slash - A collection of TypeScript/JavaScript packages to build high-quality web services.
Blazor.Diagrams - A fully customizable and extensible all-purpose diagrams library for Blazor
js-code-to-svg-flowchart - js2flowchart - a visualization library to convert any JavaScript code into beautiful SVG flowchart. Learn other’s code. Design your code. Refactor code. Document code. Explain code.
nomnoml - The sassy UML diagram renderer
website - The website for the game Raccoons Rise Up.
core - Renderer for TLDraw and maybe you, too.