JavaScript Diagrams

Open-source JavaScript projects categorized as Diagrams Edit details

Top 6 JavaScript Diagram Projects

  • flowy

    The minimal javascript library to create flowcharts ✨

    Project mention: Writing HTML sucks and No-code doesn't help | reddit.com/r/programming | 2022-05-09

    What problems do you have with all the existing options (just a couple links I picked from a google search)?

  • beautiful-react-diagrams

    💎 A collection of lightweight React components and hooks to build diagrams with ease 💎

  • Appwrite

    Appwrite - The Open Source Firebase alternative introduces iOS support . Appwrite is an open source backend server that helps you build native iOS applications much faster with realtime APIs for authentication, databases, files storage, cloud functions and much more!

  • kroki

    Creates diagrams from textual descriptions!

    Project mention: D2: A new declarative language to turn text into diagrams | news.ycombinator.com | 2022-08-30

    I use https://github.com/yuzutech/kroki in my github actions to build plantuml and other diagrams.

    Also playing with 11ty and this to replace our home grown tooling based on markdown with embedded dot.

  • mermaid-cli

    Command line tool for the Mermaid library

    Project mention: Mermaid: Create diagrams and visualizations using text and code | news.ycombinator.com | 2022-05-05

    I come from past experiments with (py)graphviz, yed, probably a couple other forgotten things. (As well as manual diagrams in LucidChart and even Inkscape.) And am generally a non-web python guy.

    I was looking at Mermaid last weekend, since a coworker has praised it a few times and I was wanting to play with it.

    I think my expectation of how to use it was wrong? I typically expect to share my diagrams as .png files. The main documentation didn't seem to give much guidance in this usecase.

    I ended up going to https://github.com/mermaid-js/mermaid-cli ... there didn't seem to be a simple install-and-use pathway similar to `apt` or `pip`, so I ended up trying the docker image for it. I got it working to create pngs, but I thought having to mess with docker volume mounts and defining my own aliases (`alias mermaid='docker run -u $UID -it --rm -v ~/mermaid:/data minlag/mermaid-cli -i'` so I can do `mermaid blah.mmd` in my ~/mermaid folder) was a bit cumbersome...

    Just sharing to see if there's hot takes on where I went wrong, I guess. (for example, I certainly didn't extensively read the docs to understand the usage paradigm it's intended for)

  • 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

    DgrmJS is a JavaScript library for creating SVG flow diagrams. The main goal of the library is to set up workflows in BPM (Business Process Management) systems. Works on desktop and mobile, has no dependency, 3.5 KB gzipped.

    Project mention: GitHub - DgrmJS is a JavaScript library for creating SVG flow diagrams. The main goal of the library is to set up workflows in BPM (Business Process Management) systems. Works on desktop and mobile, has no dependency, 3.5 KB gzipped. | reddit.com/r/javascript | 2022-08-29
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). The latest post mention was on 2022-08-30.

JavaScript Diagrams related posts

Index

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

Project Stars
1 flowy 9,710
2 beautiful-react-diagrams 2,447
3 kroki 1,659
4 mermaid-cli 983
5 grafana-flowcharting 742
6 DgrmJS 502
Find remote jobs at our new job board 99remotejobs.com. There are 5 new remote jobs listed recently.
Are you hiring? Post a new remote job listing for free.
Truly a developer’s best friend
Scout APM is great for developers who want to find and fix performance issues in their applications. With Scout, we'll take care of the bugs so you can focus on building great things 🚀.
scoutapm.com