JavaScript Diagrams

Open-source JavaScript projects categorized as Diagrams

Top 8 JavaScript Diagram Projects

  • flowy

    The minimal javascript library to create flowcharts ✨

    Project mention: Flowy: A JavaScript library to create pretty flowcharts with ease | news.ycombinator.com | 2022-12-04
  • NN-SVG

    Publication-ready NN-architecture schematics.

    Project mention: NN-SVG is a tool for creating Neural Network architecture drawings parametrically rather than manually! It also provides the ability to export those drawings to Scalable Vector Graphics (SVG) files, suitable for inclusion in academic papers or web pages | /r/aipromptprogramming | 2023-04-14
  • Amplication

    Amplication: open-source Node.js backend code generator. An open-source platform that helps developers build backends without spending time on boilerplate & repetitive coding. Including production-ready GraphQL & REST APIs, DB schema, DTOs, filtering, pagination, RBAC, & more.

  • beautiful-react-diagrams

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

  • kroki

    Creates diagrams from textual descriptions!

    Project mention: LaTeX for publishing tabletop role-playing games | news.ycombinator.com | 2023-09-17

    The SVG output is embedded into the PDF file.

    https://kroki.io/examples.html#mind-map

    Kroki has other text-based formats for flow charts, Gantt charts, UML diagrams, packet diagrams, network diagrams, word clouds, etc.

  • mermaid-cli

    Command line tool for the Mermaid library

    Project mention: The Unreasonable Effectiveness of Sequence Diagrams in MermaidJS | news.ycombinator.com | 2023-07-24
  • 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.

    Project mention: Flowchart editor dgrm.net / announcement / copy function | /r/javascript | 2023-02-28

    Give a star on GitHub to support the project.

  • SurveyJS

    A Non-Cloud Alternative to Google Forms that has it all.. SurveyJS JavaScript libraries allow you to easily set up a robust form management system fully integrated into your IT infrastructure where users can create and edit multiple dynamic JSON-based forms in a no-code form builder. Learn more now.

  • d2-playground

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

    Project mention: The Unreasonable Effectiveness of Sequence Diagrams in MermaidJS | news.ycombinator.com | 2023-07-24

    https://play.d2lang.com/?script=qlDQtVOo5AIEAAD__w%3D%3D&ske...

    I was going to ask why you don't have a web version but you already do. I'm going to play with this more today.

    Have you thought about an "auto compile"/live mode where it changes as you edit the text? I think this adds a level of intuitiveness that would help new users explore.

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 2023-09-17.

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 10,610
2 NN-SVG 4,135
3 beautiful-react-diagrams 2,589
4 kroki 2,299
5 mermaid-cli 1,667
6 grafana-flowcharting 881
7 DgrmJS 781
8 d2-playground 43
Write Clean JavaScript Code. Always.
Sonar helps you commit clean code every time. With over 300 unique rules to find JavaScript bugs, code smells & vulnerabilities, Sonar finds the issues while you focus on the work.
www.sonarsource.com