The APIs are flexible and easy-to-use, supporting authentication, user identity, and complex enterprise features like SSO and SCIM provisioning. Learn more →
Top 23 TypeScript Diagram Projects
-
vscode-drawio
This unofficial extension integrates Draw.io (also known as diagrams.net) into VS Code.
-
Project mention: react-diagrams VS rete - a user suggested alternative | libhunt.com/r/react-diagrams | 2023-06-09
-
SurveyJS
Open-Source JSON Form Builder to Create Dynamic Forms Right in Your App. With SurveyJS form UI libraries, you can build and style forms in a fully-integrated drag & drop form builder, render them in your JS app, and store form submission data in any backend, inc. PHP, ASP.NET Core, and Node.js.
-
LogicFlow
A flow chart editing framework focusing on business customization. 专注于业务自定义的流程图编辑框架，支持实现脑图、ER图、UML、工作流等各种图编辑场景。
Project mention: Replace bpmn-js and Let Frontend Developers Become More Familiar with Workflow Business In 2023🔥🔥🔥 | dev.to | 2023-08-07Since we are going to replace bpmn-js, we need to find a flowchart editing tool that offers better support for customization and higher maintainability. After searching online, we chose LogicFlow for the following reasons:
-
-
-
-
To support nomnoml rendering, I am using the skanaar/nomnoml library. However, my feature is not perfect. For one, sometimes the LLM can return bad nomnoml syntax (at least when using GPT-3.5). Other times, the nomnoml render does not fit within the React Card:
-
InfluxDB
Power Real-Time Data Analytics at Scale. Get real-time insights from all types of time series data with InfluxDB. Ingest, query, and analyze billions of data points in real-time with unbounded cardinality.
-
Website: react-flow-chart GitHub page
-
-
-
-
grafana-diagram
A Grafana plugin to visualize metrics in a diagram using flow charts, gantt charts, sequence diagrams, or class diagrams
-
-
text-to-diagram-site
Compare syntax, layouts, outputs between languages for generating diagrams with text.
One of those "text to diagram" contenders did a comparison website (open source) a while back: https://text-to-diagram.com/ (nomnoml isn't in there).
-
Creating the Halogen components would be simple enough if one takes inspiration from gojs-react. The issue is that there are no PureScript bindings for the GoJS types themselves, but GoJS does provide .ts.d declarations, which means I could use purescript-read-dts, but that library's maturity/usability seems somewhat ambiguous, according to an author's post from 3 years ago.
-
-
-
nebulagraph-veditor
A Highly customizable JavaScript Diagramming Lib with SVG, HTML, Canvas support.
-
My focus has mainly been on tools and products built on top of Pod. One of my well-known contributions is Podlite, a free Pod6 desktop editor. I have also implemented Pod6 in Perl 5 (Perl6::Pod) and JavaScript/TypeScript, which you can find at https://github.com/podlite.
-
-
Project mention: VS Code Extension to map code flow output as a diagram | /r/coolgithubprojects | 2023-04-17
-
-
GitHub - github.com/rhinobase/fibr Docs - fibr.rhinobase.io
-
WorkOS
The modern identity platform for B2B SaaS. The APIs are flexible and easy-to-use, supporting authentication, user identity, and complex enterprise features like SSO and SCIM provisioning.
NOTE:
The open source projects on this list are ordered by number of github stars.
The number of mentions indicates repo mentiontions in the last 12 Months or
since we started tracking (Dec 2020).
The latest post mention was on 2024-03-22.
TypeScript Diagram related posts
- TSDiagram – Make Diagrams with TypeScript
- TSDiagram - Diagrams as code with TypeScript
- Show HN: TSDiagram – Diagrams as Code with TypeScript
- Show HN: TSDiagram – Diagrams as Code with TypeScript
- Nomnoml
- Is there a tool to visualize related stories, tasks, bugs, etc?
- VS Code Extension to map code flow output as a diagram
-
A note from our sponsor - WorkOS
workos.com | 16 Apr 2024
Index
What are some of the best open-source Diagram projects in TypeScript? This list will help you:
| Project | Stars | |
|---|---|---|
| 1 | vscode-drawio | 8,961 |
| 2 | react-diagrams | 8,311 |
| 3 | LogicFlow | 6,754 |
| 4 | vue-chartjs | 5,433 |
| 5 | X6 | 5,338 |
| 6 | react-lifecycle-methods-diagram | 3,828 |
| 7 | nomnoml | 2,623 |
| 8 | react-flow-chart | 1,424 |
| 9 | pintora | 757 |
| 10 | maxGraph | 713 |
| 11 | erd-editor | 705 |
| 12 | grafana-diagram | 425 |
| 13 | tsdiagram | 378 |
| 14 | text-to-diagram-site | 371 |
| 15 | gojs-react | 234 |
| 16 | d2-vscode | 197 |
| 17 | specfy | 121 |
| 18 | nebulagraph-veditor | 79 |
| 19 | podlite-desktop | 43 |
| 20 | flowchart-react | 38 |
| 21 | Code-Flow-Extension | 17 |
| 22 | QuantumSketch | 4 |
| 23 | fibr | 4 |
The modern identity platform for B2B SaaS
The APIs are flexible and easy-to-use, supporting authentication, user identity, and complex enterprise features like SSO and SCIM provisioning.
workos.com