JavaScript Diagramming

Open-source JavaScript projects categorized as Diagramming
Edit details
Topics: Diagram SVG Icons Flow Diagrams
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
featured

Top 4 JavaScript Diagramming Projects

  • joint

    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

    🦋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

  • 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.

    SurveyJS logo

  • DrawThe.Net

    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

  • d2-playground

    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
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).

JavaScript Diagramming related posts

  • D2 Playground

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

  • How to draw beautiful software architecture diagrams

    17 projects | news.ycombinator.com | 27 Oct 2023

  • Top 6 tools for text-based UML sequence diagrams

    2 projects | dev.to | 16 Aug 2023

  • The Unreasonable Effectiveness of Sequence Diagrams in MermaidJS

    12 projects | news.ycombinator.com | 24 Jul 2023

  • D2 Declarative Diagramming playground: Turn diagram scripting language to images

    1 project | news.ycombinator.com | 21 Jun 2023

  • Show HN: Databasediagram.com – Private, Text to Entity-Relationship Diagram Tool

    7 projects | news.ycombinator.com | 8 Jun 2023

  • Animated diagrams with D2, a text-to-diagram language written in Go

    2 projects | /r/golang | 3 Apr 2023
  • A note from our sponsor - SurveyJS
    surveyjs.io | 20 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

What are some of the best open-source Diagramming projects in JavaScript? This list will help you:

Project Stars
1 joint 4,453
2 butterfly 4,192
3 DrawThe.Net 1,079
4 d2-playground 64

Sponsored
SaaSHub - Software Alternatives and Reviews
SaaSHub helps you find the best software and product alternatives
www.saashub.com