Open Source JavaScript Diagram Software

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.

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.

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.

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.

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.

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.

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 .

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.

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.

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.

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.

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.

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.