TypeScript Diagrams

Open-source TypeScript projects categorized as Diagrams

Top 14 TypeScript Diagram Projects

  • excalidraw

    Virtual whiteboard for sketching hand-drawn like diagrams

  • Project mention: Ask HN: Who has had a successful PWA product? | news.ycombinator.com | 2024-06-18

    Not OP, but the source code can be found here: https://github.com/excalidraw/excalidraw

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

    ✨ Innovative and open-source visualization application that transforms various data formats, such as JSON, YAML, XML, CSV and more, into interactive graphs.

  • Project mention: JSONCrack Codebase Analysis - Part 5 - Toolbar and Bottom bar | dev.to | 2024-01-09

    They are used in Editor component. Part 4 explains about Editor component.

  • react-diagrams

    a super simple, no-nonsense diagramming library written in react that just works

  • penrose

    Create beautiful diagrams just by typing notation in plain text.

  • Project mention: Penrose – Tool for Diagrams | news.ycombinator.com | 2024-05-30

    Penrose is a platform that enables people to create beautiful diagrams just by typing notation in plain text.

    https://penrose.cs.cmu.edu/

  • vue-chartjs

    📊 Vue.js wrapper for Chart.js

  • Mermaid

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

  • Project mention: Show HN: Svelte Flow – a library for creating node-based UIs | news.ycombinator.com | 2023-11-09
  • 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.

    InfluxDB logo
  • reaflow

    🎯 React library for building workflow editors, flow charts and diagrams. Maintained by @goodcodeus.

  • react-flow-chart

    🌊 A flexible, stateless, declarative flow chart library for react.

  • Project mention: The top 11 React chart libraries for data visualization | dev.to | 2023-10-05

    Website: react-flow-chart GitHub page

  • text-to-diagram-site

    Compare syntax, layouts, outputs between languages for generating diagrams with text.

  • Project mention: Ask HN: Guidelines for making clear architecture diagrams | news.ycombinator.com | 2024-05-01

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

  • tsdiagram

    Create diagrams and plan your code with TypeScript.

  • Project mention: TSDiagram – Make Diagrams with TypeScript | news.ycombinator.com | 2023-12-15
  • d2-vscode

    VSCode extension for D2 files.

  • d2-obsidian

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

  • fibr

    Low Code Editor (by rhinobase)

  • Project mention: Things I learned while building projects with NX | dev.to | 2024-03-18

    GitHub - github.com/rhinobase/fibr Docs - fibr.rhinobase.io

  • SaaSHub

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

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

TypeScript Diagrams discussion

Log in or Post with

TypeScript Diagrams related posts

  • OSS alternative to FigJam / Miro with local storage

    1 project | news.ycombinator.com | 18 Jun 2024
  • UI elements with a hand-drawn, sketchy look

    3 projects | news.ycombinator.com | 1 Jun 2024
  • Penrose – Tool for Diagrams

    1 project | news.ycombinator.com | 30 May 2024
  • How I built a Multiplayer App in 3 days

    2 projects | dev.to | 14 May 2024
  • 🎨 CI/CD Workflow with AWS and Docker

    1 project | dev.to | 13 May 2024
  • An infinite canvas for code exploration

    3 projects | news.ycombinator.com | 6 May 2024
  • Conquering System Design Diagrams: My Shift to Mermaid.js

    2 projects | dev.to | 30 Mar 2024
  • A note from our sponsor - SaaSHub
    www.saashub.com | 22 Jun 2024
    SaaSHub helps you find the best software and product alternatives Learn more →

Index

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

Project Stars
1 excalidraw 75,749
2 jsoncrack.com 28,823
3 react-diagrams 8,433
4 penrose 6,693
5 vue-chartjs 5,476
6 Mermaid 3,780
7 vue-flow 3,159
8 reaflow 1,976
9 react-flow-chart 1,424
10 text-to-diagram-site 395
11 tsdiagram 389
12 d2-vscode 202
13 d2-obsidian 187
14 fibr 5

Sponsored
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.io