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. Learn more →
Top 23 Diagram Open-Source Projects
-
-
mermaid
Generation of diagrams like flowcharts or sequence diagrams from text in a similar manner as markdown
-
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.
-
-
-
-
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.
-
-
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.
-
-
beautiful-react-diagrams
💎 A collection of lightweight React components and hooks to build diagrams with ease 💎
-
Svelvet
🎛 A Svelte library for building dynamic, infinitely customizable node-based user interfaces and flowcharts
-
-
reaflow
🎯 React library for building workflow editors, flow charts and diagrams. Maintained by @goodcodeus.
-
laravel-schematics
A Laravel package making a diagram of your models, relations and the ability to build them with it
-
dl-visuals
Over 200 figures and diagrams of the most popular deep learning architectures and layers FREE TO USE in your blog posts, slides, presentations, or papers.
-
grafana-flowcharting
Flowcharting, plugin for Grafana to create complexe visio's draws style like technical architectures, floorplan, diagrams, hierarchical schema based on draw.io
-
DgrmJS
Dgrm.net - flowchart editor. Works on desktop, phone and tablet. Has no dependency. Pure JavaScript.
-
-
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.
ExcaliDraw - https://excalidraw.com/
Mermaid - https://mermaid.js.org/
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.
Project mention: NMAP-formatter: convert NMAP results to HTML, CSV, JSON, graphviz (dot), SQLite | news.ycombinator.com | 2024-01-26
Project mention: react-diagrams VS rete - a user suggested alternative | libhunt.com/r/react-diagrams | 2023-06-09
By the way, just for clarity, note that the comments in this subthread were written before we updated the random seed for that example to result in a much better diagram: https://github.com/penrose/penrose/pull/1700
Yeah, the github repo is a much better link for this, as it explains what it is. https://github.com/alexlenail/NN-SVG
Project mention: Show HN: Svelte Flow – a library for creating node-based UIs | news.ycombinator.com | 2023-11-09
Project mention: WireViz: Easily document cables and wiring harnesses | news.ycombinator.com | 2024-04-14Your wish showing up in the face of a submission just 14 days ago and then another 29 days ago must be indicative of why there are so many dupes all the time: https://news.ycombinator.com/from?site=kroki.io
You can feel free to submit the GH repo, as that one doesn't seem to have been submitted before https://github.com/yuzutech/kroki
Project mention: Announcing Velo - Your Rust-Powered Brainstorming and Note-Taking Tool | /r/rust | 2023-06-19FYI, started something similar using Tauri and Svelvet and it was pretty easy to setup before I got distracted and moved on to something else.
Project mention: reaflow VS rete - a user suggested alternative | libhunt.com/r/reaflow | 2023-06-09
Website: react-flow-chart GitHub page
Maybe https://github.com/jbyuki/venn.nvim?
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).
Diagrams related posts
- Creating Animated Diagrams for LinkedIn
- Show HN: I built a small utility that handles multiple browser instances for you
- WireViz: Easily document cables and wiring harnesses
- Conquering System Design Diagrams: My Shift to Mermaid.js
- D2 Playground
- Mermaid Live Editor
- Mermaid Chart, a Markdown-like tool for creating diagrams, raises $7.5M
-
A note from our sponsor - SurveyJS
surveyjs.io | 25 Apr 2024
Index
What are some of the best open-source Diagram projects? This list will help you:
| Project | Stars | |
|---|---|---|
| 1 | excalidraw | 72,707 |
| 2 | mermaid | 66,838 |
| 3 | jsoncrack.com | 28,426 |
| 4 | d2 | 15,837 |
| 5 | flowy | 10,962 |
| 6 | react-diagrams | 8,335 |
| 7 | penrose | 6,611 |
| 8 | vue-chartjs | 5,436 |
| 9 | NN-SVG | 4,408 |
| 10 | Mermaid | 3,562 |
| 11 | vue-flow | 2,845 |
| 12 | kroki | 2,669 |
| 13 | beautiful-react-diagrams | 2,626 |
| 14 | Svelvet | 2,456 |
| 15 | mermaid-cli | 2,031 |
| 16 | reaflow | 1,918 |
| 17 | laravel-schematics | 1,478 |
| 18 | react-flow-chart | 1,424 |
| 19 | dl-visuals | 1,330 |
| 20 | grafana-flowcharting | 934 |
| 21 | venn.nvim | 899 |
| 22 | DgrmJS | 869 |
| 23 | Blazor.Diagrams | 839 |
Sponsored
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.
www.influxdata.com