SaaSHub helps you find the best software and product alternatives Learn more →
Top 14 TypeScript Diagram Projects
-
-
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.
-
jsoncrack.com
✨ Innovative and open-source visualization application that transforms various data formats, such as JSON, YAML, XML, CSV and more, into interactive graphs.
-
-
-
-
vue-flow
A highly customizable Flowchart component for Vue 3. Features seamless zoom & pan 🔎, additional components like a Minimap 🗺 and utilities to interact with state and graph.
-
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.
-
reaflow
🎯 React library for building workflow editors, flow charts and diagrams. Maintained by @goodcodeus.
-
text-to-diagram-site
Compare syntax, layouts, outputs between languages for generating diagrams with text.
-
-
d2-obsidian
The official D2 plugin for Obsidian. D2 is a modern diagram scripting language thats turns text to diagrams.
-
-
SaaSHub
SaaSHub - Software Alternatives and Reviews. SaaSHub helps you find the best software and product alternatives
The app hosted at excalidraw.com is a minimal showcase of what you can build with Excalidraw. Its source code is part of this repository as well, and the app features:
Project mention: JSONCrack Codebase Analysis - Part 5 - Toolbar and Bottom bar | dev.to | 2024-01-09They are used in Editor component. Part 4 explains about Editor component.
Penrose is a platform that enables people to create beautiful diagrams just by typing notation in plain text.
https://penrose.cs.cmu.edu/
Project mention: Show HN: Svelte Flow – a library for creating node-based UIs | news.ycombinator.com | 2023-11-09
Website: react-flow-chart GitHub page
Project mention: Ask HN: Guidelines for making clear architecture diagrams | news.ycombinator.com | 2024-05-01As far as guidelines, I have spent time looking as well an never came away with a good answer. One useful website for comparing some of the best tools is https://text-to-diagram.com/. My personal favorite is D2. Still lacking a few layout features that I want, but it gets me 90% of the way there. The syntax is great for projects big to small, and it strikes the perfect balance between "create a diagram fast" and "feature rich". But in terms of actual guidelines, I would agree with another user that C4 actually tries to lay out some sort of guidelines.
GitHub - github.com/rhinobase/fibr Docs - fibr.rhinobase.io
TypeScript Diagrams discussion
TypeScript Diagrams related posts
-
UI elements with a hand-drawn, sketchy look
-
Penrose – Tool for Diagrams
-
How I built a Multiplayer App in 3 days
-
🎨 CI/CD Workflow with AWS and Docker
-
An infinite canvas for code exploration
-
Conquering System Design Diagrams: My Shift to Mermaid.js
-
Mermaid Live Editor
-
A note from our sponsor - SaaSHub
www.saashub.com | 14 Jun 2024
Index
What are some of the best open-source Diagram projects in TypeScript? This list will help you:
Project | Stars | |
---|---|---|
1 | excalidraw | 75,387 |
2 | jsoncrack.com | 28,806 |
3 | react-diagrams | 8,415 |
4 | penrose | 6,685 |
5 | vue-chartjs | 5,472 |
6 | Mermaid | 3,759 |
7 | vue-flow | 3,128 |
8 | reaflow | 1,973 |
9 | react-flow-chart | 1,424 |
10 | text-to-diagram-site | 393 |
11 | tsdiagram | 389 |
12 | d2-vscode | 201 |
13 | d2-obsidian | 186 |
14 | fibr | 5 |