Top 21 Diagramming Open-Source Projects

• d2

  92 15,867 9.7 Go

  D2 is a modern diagram scripting language that turns text to diagrams.

  

Project mention: NMAP-formatter: convert NMAP results to HTML, CSV, JSON, graphviz (dot), SQLite | news.ycombinator.com | 2024-01-26

• X6

  14 5,381 9.2 TypeScript

  🚀 JavaScript diagramming library that uses SVG and HTML for rendering.

  

• SurveyJS

  surveyjs.io featured

  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.

  

• joint

  3 4,427 8.9 JavaScript

  A proven SVG-based JavaScript diagramming library powering exceptional UIs

  

Project mention: JointJS releases a 'no-dependency' v4.0 | news.ycombinator.com | 2024-02-12

• butterfly

  2 4,174 3.0 JavaScript

  🦋Butterfly，A JavaScript/React/Vue2 Diagramming library which concentrate on flow layout field. (基于JavaScript/React/Vue2的流程图组件)

  

Project mention: FLaNK AI Weekly 25 March 2025 | dev.to | 2024-03-25

• Mermaid

  90 3,584 9.1 TypeScript

  Edit, preview and share mermaid charts/diagrams. New implementation of the live editor.

  

Project mention: Conquering System Design Diagrams: My Shift to Mermaid.js | dev.to | 2024-03-30

• DrawThe.Net

  9 1,079 0.0 JavaScript

  drawthe.net draws network diagrams dynamically from a text file describing the placement, layout and icons. Given a yaml file describing the hierarchy of the network and it's connections, a resulting diagram will be created.

Project mention: How to draw beautiful software architecture diagrams | news.ycombinator.com | 2023-10-27

• roadmapper

  11 518 8.7 Python

  Roadmapper - A Roadmap as Code (Rac) python library. Generate professional roadmap diagram using python code.

Project mention: FLiPN-FLaNK Stack Weekly May 8 2023 | dev.to | 2023-05-08

• InfluxDB

  www.influxdata.com featured

  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.

  

• docker-draw.io

  2 398 0.0 Shell

  Dockerized draw.io based on tomcat:9-jre11 & tomcat:9-jre8-alpine official image.

• Syncfusion React UI Components Library (Essential JS 2)

  10 321 7.8 TypeScript

  Syncfusion React UI components library offer more than 50+ cross-browser, responsive, and lightweight react UI controls for building modern web applications.

  

• excalidraw-collaboration

  1 300 6.2 Makefile

  excalidraw with collaboration feature, self-hosting, and only one-click deploy

Project mention: How to draw beautiful software architecture diagrams | news.ycombinator.com | 2023-10-27

• blazor-samples

  3 279 7.4 HTML

  Explore and learn Syncfusion Blazor components using large collection of demos, example applications and tutorial samples

  

Project mention: blazor-samples VS NOV-Examples-for-Blazor - a user suggested alternative | libhunt.com/r/blazor-samples | 2023-07-13

• ej2-angular-ui-components

  6 273 7.8 TypeScript

  Syncfusion Angular UI components library offer more than 50+ cross-browser, responsive, and lightweight angular UI controls for building modern web applications.

  

• d2-docs

  2 253 8.2 D2

  Language documentation and blog for D2.

  

• d2-vscode

  4 197 5.5 TypeScript

  VSCode extension for D2 files.

  

• d2-obsidian

  4 181 4.8 TypeScript

  The official D2 plugin for Obsidian. D2 is a modern diagram scripting language thats turns text to diagrams.

  

• processpiper

  3 134 9.3 Python

  An open source python library to generate business process diagram using code or plain text.

• pikchr

  3 103 7.5 C

  Mirror for Pikchr

Project mention: Penrose – Penrose | news.ycombinator.com | 2024-01-12

• d2-playground

  23 63 6.5 JavaScript

  An online runner to play, learn, and create with D2, the modern diagram scripting language that turns text to diagrams.

  

Project mention: D2 Playground | news.ycombinator.com | 2024-03-23

• FlowRun

  10 39 7.7 Scala

  Executable flow diagrams

  

• Code-Flow-Extension

  4 17 1.5 TypeScript

  VS Code Extension to map code flow output as a diagram

• keyboard-layout-companion

  1 9 6.1 Kotlin

  An Android app for visualizing and generating images of alternative keyboard layouts and designs.

• SaaSHub

  www.saashub.com featured

  SaaSHub - Software Alternatives and Reviews. SaaSHub helps you find the best software and product alternatives

  

Diagramming related posts

• Conquering System Design Diagrams: My Shift to Mermaid.js

  2 projects | dev.to | 30 Mar 2024

• D2 Playground

  5 projects | news.ycombinator.com | 23 Mar 2024

• Mermaid Live Editor

  1 project | news.ycombinator.com | 21 Mar 2024

• Mermaid Chart, a Markdown-like tool for creating diagrams, raises $7.5M

  3 projects | news.ycombinator.com | 20 Mar 2024

• Using Mermaid JS to generate a diagram from Power Automate

  1 project | dev.to | 20 Feb 2024

• FLaNK Stack Weekly 22 January 2024

  37 projects | dev.to | 22 Jan 2024

• Penrose – Penrose

  13 projects | news.ycombinator.com | 12 Jan 2024
• A note from our sponsor - SurveyJS
  surveyjs.io | 4 May 2024

  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 →

Index

Sponsored

SaaSHub - Software Alternatives and Reviews

SaaSHub helps you find the best software and product alternatives

www.saashub.com