Open Source JavaScript Diagram Software
Sort By:
JavaScript Diagram Software
View 86 business solutionsBrowse free open source JavaScript Diagram Software and projects below. Use the toggles on the left to filter open source JavaScript Diagram Software by OS, license, language, programming language, and project status.
-
Our Free Plans just got better! | Auth0You asked, we delivered! Auth0 is excited to expand our Free and Paid plans to include more options so you can focus on building, deploying, and scaling applications without having to worry about your security. Auth0 now, thank yourself later.
-
Cloud tools for web scraping and data extractionAutomate web data collection with cloud tools that handle anti-bot measures, browser rendering, and data transformation out of the box. Extract content from any website, push to vector databases for RAG workflows, or pipe directly into your apps via API. Schedule runs, set up webhooks, and connect to your existing stack. Free tier available, then scale as you need to.
-
1
drawio-desktop
Security-first diagramming for teams
Security-first diagramming for teams. Bring your storage to our online tool, or go max privacy with the desktop app. Works with Google Drive and Google Workplace (G Suite). Use add-ons for Docs, Sheets and Slides. Works with OneDrive and Sharepoint. Office 365 app for Word, Powerpoint and Excel. Highest-rated Confluence app in the Atlassian Marketplace. Works in Jira too. Works with GitHub, GitLab and Dropbox for visual documentation in distributed teams. Download diagrams.net Desktop for offline use on Windows, macOS, Linux and ChromeOS. Nextcloud is an ideal on-premise file hosting system for diagrams.net. Entity relationship diagrams or ER models in software engineering show the structure of and relationships between database objects. They are used extensively in database modelling to plan new systems, and document existing systems for maintenance and updates. -
2
Mermaid
Diagram and flowchart generation from text similar to markdown
Mermaid is a JavaScript-based diagram and flowchart generating tool that uses markdown-inspired text for fast and easy generation of diagrams and charts. Forget about using heavy tools to explain your code. Mermaid greatly simplifies documentation with its simple markdown-like script language, and offers a great range of diagram and chart options. The latest version of Mermaid comes with a number of bug fixes and enhancements, as well as a new diagram type, entity relationship diagrams. Its range of available diagrams include flowcharts, sequence diagrams, gantt diagrams and more, with new ones continuously being developed. -
3
diagrams.net
Security-first diagramming for teams
Bring your storage to our online tool, or go max privacy with the desktop app. Diagram files created in 2005 will load in the app today. Works with Google Drive and Google Workplace (G Suite). Use add-ons for Docs, Sheets and Slides. It works with OneDrive and Sharepoint. Office 365 app for Word, Powerpoint and Excel. Highest-rated Confluence app in the Atlassian Marketplace. Works in Jira too. Works with GitHub, GitLab and Dropbox for visual documentation in distributed teams. You can download diagrams.net Desktop for offline use on Windows, macOS, Linux and ChromeOS. Nextcloud is an ideal on-premise file hosting system for diagrams.net. -
4
Pencil
The Pencil Project's unique mission is to build a free tool
Pencil is built for the purpose of providing a free and open-source GUI prototyping tool that people can easily install and use to create mockups in popular desktop platforms. The latest stable version of Pencil is 3.1.0 which contains stability fixes and many new features. More details can befound in the releaste notes. Pencil provides various built-in shapes collection for drawing different types of user interface ranging from desktop to mobile platforms. Starting from 2.0.2, Pencil is shipped with Android and iOS UI stencils pre-installed. This makes it even easier to start protyping apps with a simple installation. Starting from 2.0.2 Pencil has even more shape collections included by default. The list of built-in collections now includes general-purpose shapes, flowchart elements, desktop/web UI shapes, Android and iOS GUI shapes. -
Free and Open Source HR SoftwareGive your HR team the tools they need to streamline administrative tasks, support employees, and make informed decisions with the OrangeHRM free and open source HR software.
-
5
draw.io
JavaScript client-side editor for general diagramming & whiteboarding
draw.io is a JavaScript, client-side editor for general diagramming and whiteboarding. draw.io, this project, is a configurable diagramming/whiteboarding visualization application. draw.io is jointly owned and developed by JGraph Ltd and draw.io AG. draw.io is a diagramming or whiteboarding application, depending on which theme is selected. It is not an SVG editing app, the SVG export is designed only for embedding in web pages, not for further editing in other tools. The application is designed to be used largely as-is. It's possible to alter the major parts of the interface, but if you're looking for an editor with very specific editing features, the project is likely not a good base to use. That is to say, if you wanted to create/deploy a whiteboard or diagramming application where the functionality in the main canvas is as this project provides, it is more likely to be a good base to use. -
6
WaveDrom
Digital timing diagram rendering engine
WaveDrom is a free and open-source online digital timing diagram (waveform) rendering engine that uses javascript, HTML5 and SVG to convert a WaveJSON input text description into SVG vector graphics. WaveJSON is an application of the JSON format. The purpose of WaveJSON is to provide a compact exchange format for digital timing diagrams utilized by digital HW / IC engineers. The engine is using WaveDromSkin skin mechanism to render a complete picture. WaveDrom draws your Timing Diagram or Waveform from a simple textual description. It comes with description language, a rendering engine and an editor. WaveDrom editor works in the browser or can be installed on your system. -
7
vis-network
Display dynamic, automatically organised, customizable network views
Network is a visualization to display networks and networks consisting of nodes and edges. The visualization is easy to use and supports custom shapes, styles, colors, sizes, images, and more. The network visualization works smooth on any modern browser for up to a few thousand nodes and edges. To handle a larger amount of nodes, Network has clustering support. Network uses HTML canvas for rendering. As of 4.0, the network consists of individual modules which handle specific parts of the network. These modules have their own docs, options, methods and events which you can access by clicking on the modules. -
8
Music Lake PC
Electron Music Lake PC
Electronic cross-platform music player; can search Netease Cloud, QQ Music, Xiami Music; support QQ, Weibo, Github login, cloud playlist; support one-click import of music platform playlist. Song Api covers NetEase Cloud, QQ Music, Xiami. The interface imitates QQ music. Mac > Windows > Linux will gradually adapt. For Android client, see caiyonglong/MusicLake. The process of login, collection, and playback is basically no problem, and it can be used as a daily work program to listen to songs in the background. The energy is limited, and the demand is not saturated. It will be gradually improved. If you are interested, you can give a star to wait for improvement and bug fixes. You can also submit issues for the desired functions. Code Architecture Diagram. Search/ Featured/ List/ Artist Details/ Album Details/ Song Comments/ Netease Cloud MV. Support QQ, Weibo authorized login, cloud playlist. Support one-click import of NetEase Cloud, QQ Music, Xiami playlist. -
9
ioDraw
Free software for making Flow chart, Mind map, Gantt chart, Whiteboard
ioDraw is a free online drawing software, which is used to make flow chart, mind map, Gantt chart, whiteboard, mermaid, poster, and more—no registration required. It also features AI-generated charts. -
Nonprofit Budgeting SoftwareMartus' collaborative and easy-to-use budgeting and reporting platform will save you hundreds of hours each year. It's designed to make the entire budgeting process easier and create unlimited financial transparency.
-
10
GoJS
JavaScript diagramming library for interactive flowcharts & org charts
Build interactive flowcharts or flow diagrams. Let your users build, modify, and save diagrams with JSON model output. Visualize state charts and other behavior diagrams. Create diagrams with live updates to monitor state, or interactive diagrams for planning. GoJS allows considerable customization of links and nodes to build all kinds of diagrams. Visualize flow, or connect pipes. Create genogram and medical diagrams, or editable family trees with collapsible levels. Create classic org charts for viewing or editing. Automatic layouts make different visualization options easy. Dynamically add ports and custom link routing. Use data-bindings to save and load routes within the Model JSON. Use groups as containers and subgraphs, with group members bound by their own rules and layouts. Model industrial processes, workflows, SCADA diagrams and more. -
11
Delaunator
Fast JavaScript library for Delaunay triangulation of 2D points
Delaunator is a fast library for Delaunay triangulation. It takes as input a set of points. The triangulation is represented as compact arrays of integers. It’s less convenient than other representations but is the reason the library is fast. After constructing a delaunay = Delaunator.from(points) object, it will have a triangles array and a halfedges array, both indexed by half-edge id. What’s a half-edge? A triangle edge may be shared with another triangle. Instead of thinking about each edge A↔︎B, we will use two half-edges A→B and B→A. Having two half-edges is the key to everything this library provides. It will also be useful to have some helper functions to go from one half-edge to the next and previous half-edges in the same triangle. We can draw all the triangle edges without constructing the triangles themselves. -
12
Modeling software including Archimate
Webbased modeling tool
Openmodeling has currently 5 modules available: • Application portfolio management • ArchiMate 3.2 architecture (including The Open Group Model Exchange) • Demo conceptual modeling, both versions 3 and 4 • Efqm quality assessment • Business and system modeling Openmodeling facilitates modeling online controlled by a web interface using SVG. A wide range of modeling techniques is available, including Demo and Archimate diagrams. All functionality is web-based, including administrator tasks. Storage is in a relational database and it is multi-user . -
13
Mermaid.js to SVG Converter
Visualize the diagrams of your projects
While coding with AI assist, I noticed bigger projects need something more rigid as context so the AI coder doesn't stray away when I try to add new features. You know, to keeps its memory fresh and not change the stuff that already works. The trick is to ask the AI to write a diagram in Mermaid.js format that solidifies the structure of the project and then use that as context to keep the AI reminded at all times what the project is as a whole. This will prevent it from changing things its not supposed to change. This standalone offline web app will convert that mermaid.js code into a visual SVG image so that YOU as a human will be able to understand what the AI think about the structure of your projects so you can see it and fix any misconceptions until the diagram is correct for your project. (Source code is included in the html itself. Open it in a web browser to use.) -
14
ChartDB-Desktop
ChartDB Desktop Version
Download ChartDB for desktop | Descarga ChartDB para escritorio This project is an opensource fork of ChartDB, adapted to desktop. It contains ChartDB functionalities but no AI integration. For this, the Electron library was used. Este proyecto es un fork opensource de ChartDB, adaptado al escritorio. Contiene las funcionalidades de ChartDB pero sin integración AI. Para ello, se utilizó la biblioteca Electron. -
15
JointJS
The HTML 5 JavaScript diagramming library
JointJS is the open source HTML 5 JavaScript diagramming library. JointJS is a comprehensive framework for building fully interactive diagramming tools and application builders. JointJS makes it easy to create visual languages & tools of various kinds. The event-driven nature together with MVC architecture of JointJS makes it easy to plug-in any backend application. Whether you're creating a state machine builder, modeling tool, voice application designer, system monitoring tool, electronic circuits simulator, information system browser and editor, implementing a visual programming language or building a graph visualization with interaction, JointJS is the toolkit that makes your life easier. -
16
UMLetino
Web-Based UML Diagram Tool
UMLetino is a free online UML tool for fast UML diagrams. It runs in your browser, and does not require any installs. It is based on UMLet (which is available as stand-alone tool or Eclipse plugin), and shares its fast, text-based way of drawing UML sketches. Main features: install-free web app; support for many UML diagram types; simple, markup-based UML element modifications; png export.
- Previous
- You're on page 1
- Next
