Search Results for "diagram"
Sort By:
Showing 526 open source projects for "diagram"
View related business solutions-
MongoDB Atlas runs apps anywhereMongoDB Atlas gives you the freedom to build and run modern applications anywhere—across AWS, Azure, and Google Cloud. With global availability in over 115 regions, Atlas lets you deploy close to your users, meet compliance needs, and scale with confidence across any geography.
-
Custom VMs From 1 to 96 vCPUs With 99.95% UptimeLive migration and automatic failover keep workloads online through maintenance. One free e2-micro VM every month.
-
1
Diagram Design
Thirteen editorial diagram types for Claude Code. Self-contained HTML
Diagram Design is a curated resource that provides guidelines and inspiration for creating clear and effective diagrams. It focuses on improving communication through visual design principles such as hierarchy, alignment, and clarity. The project includes examples and best practices for designing diagrams used in presentations, documentation, and product design. -
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. ... -
3
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... -
4
React Lifecycle Methods diagram
Interactive React Lifecycle Methods diagram
React Lifecycle Methods Diagram is an interactive educational visualization of React component lifecycle methods. It is based on a lifecycle diagram originally shared by Dan Abramov and was rebuilt as a React web application. The diagram organizes methods according to when they run during component mounting, updating, and unmounting. Clicking a method opens its corresponding official React documentation for deeper reference. -
Fully Managed MySQL, PostgreSQL, and SQL ServerCloud SQL handles your database ops end to end, so you can focus on your app.
-
5
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. ... -
6
Diagrams
Diagram as Code for prototyping cloud system architectures
Diagrams lets you draw the cloud system architecture in Python code. It was born for prototyping a new system architecture without any design tools. You can also describe or visualize the existing system architecture as well. Diagram as Code allows you to track the architecture diagram changes in any version control system. Diagrams currently support main major providers including AWS, Azure, GCP, Kubernetes, Alibaba Cloud, Oracle Cloud, etc. It also supports On-Premise nodes, SaaS and major Programming frameworks and languages. It does not control any actual cloud resources nor does it generate cloud formation or terraform code. ... -
7
Next AI Draw.io
A next.js web application that integrates AI capabilities with draw.io
...The project aims to help users create diagrams, flowcharts, and structured visual content more efficiently by leveraging AI-assisted generation and editing capabilities. It combines modern web technologies with diagram automation features to reduce the manual effort typically required in visual design tools. The system is intended for developers, product teams, and technical planners who need rapid diagram creation within collaborative environments. Its architecture emphasizes extensibility so additional AI features and integrations can be layered into the editor over time. ... -
8
Eclipse GLSP
Graphical language server platform for building web-based diagram
The Graphical Language Server Platform (GLSP) is an extensible open-source framework for building custom diagram editors based on web technologies. Alongside an extensible client framework and a server framework, GLSP provides a language server protocol (LSP) for diagrams. With that, GLSP enables the development of modern, web-based diagram editors, whereas the heavy lifting, such as loading, interpreting, and editing according to the rules of the modeling language, is encapsulated in the server. ... -
9
nomnoml
The sassy UML diagram renderer
This is nomnoml, a tool for drawing UML diagrams based on a simple syntax. It tries to keep its syntax visually as close as possible to the generated UML diagram without resorting to ASCII drawings. The nomnoml javascript library can render diagrams on your web page. The only dependency is graphite. Install nomnoml using either npm or good old script inclusion. In the SVG output the node name is attached to SVG shapes and g containers with data-name attribute. You can use this to implement interactive diagrams. -
$300 Free Credits to Build on Google CloudPut your $300 in credit toward real workloads, then keep building with free monthly usage for 20+ products. No commitment and no charge until you upgrade.
-
10
D2
D2 is a modern diagram scripting language that turns text to diagrams
D2 is a diagram scripting language that turns text to diagrams. It stands for Declarative Diagramming. Declarative, as in, you describe what you want diagrammed, it generates the image. As well, the functioning of the install script is described in detail to alleviate any concern of its use. We recommend using your OS's package manager directly instead for improved security but the install script is by no means insecure. -
11
Zipkin
Distributed tracing system to gather timing data
...Some interesting data will be summarized for you, such as the percentage of time spent in a service, and whether or not operations failed. The Zipkin UI also presents a Dependency diagram showing how many traced requests went through each application. This can be helpful for identifying aggregate behavior including error paths or calls to deprecated services. Applications need to be “instrumented” to report trace data to Zipkin. -
12
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... -
13
DiagrammeR
Graph and network visualization using tabular data in R
DiagrammeR is an R package to create, manipulate, and visualize network graphs, flowcharts, diagrams, and more using Graphviz and Mermaid syntax. Integrates with RMarkdown and Shiny apps, supports node/edge traversal, and graph analysis algorithms, making it ideal for documenting processes, causal relationships, or data pipelines. -
14
PML
The easiest way to use deep metric learning in your application
...Anchor-positive pairs are formed by embeddings that share the same label, and anchor-negative pairs are formed by embeddings that have different labels. Loss functions can be customized using distances, reducers, and regularizers. In the diagram below, a miner finds the indices of hard pairs within a batch. These are used to index into the distance matrix, computed by the distance object. For this diagram, the loss function is pair-based, so it computes a loss per pair. -
15
Smart Excalidraw
A smart, powerful, and beautiful excalidraw drawing tool
...The tool integrates seamlessly with the Excalidraw format, allowing users to refine, edit, and customize AI-generated diagrams manually on an interactive canvas. It supports more than twenty diagram types and can automatically select the most appropriate format based on the user’s description, making it highly adaptable across technical and creative use cases. -
16
FossFLOW
Make beautiful isometric infrastructure diagrams
FossFLOW is an open-source Progressive Web App for creating visually rich isometric infrastructure and network diagrams directly in the browser. Built with React and the Isoflow library, the application provides a specialized environment for producing 2.5D technical diagrams that are especially useful for DevOps and architecture documentation. The project is structured as a monorepo containing both a reusable React component library and the full web application wrapper. Because it runs fully... -
17
GitDiagram
AI tool that converts GitHub repositories into interactive diagrams
GitDiagram is an open source web application designed to help developers quickly understand the structure and architecture of GitHub repositories by automatically generating interactive diagrams. It analyzes repository metadata such as the file tree and project documentation to build a visual representation of how different components of a project relate to one another. It uses an AI-powered pipeline to interpret repository structure and transform that information into system design diagrams... -
18
Nx
Smart, fast and extensible build system
...It analyzes your workspace and figures out what can be affected by every code change. That's why Nx doesn't rebuild and retest everything on every commit, it only rebuilds what is necessary. Nx comes with an interactive dependency diagram to help explore and understand your workspace. -
19
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... -
20
Excalidraw MCP
Fast and streamable Excalidraw MCP App
...Users can deploy it locally or via services like Vercel, then configure their MCP host to point at the Excalidraw-MCP endpoint, so prompts like “draw an architecture diagram” yield immediate visual results within chat. -
21
C4-PlantUML
C4-PlantUML combines the benefits of PlantUML and the C4 model
C4-PlantUML combines the benefits of PlantUML and the C4 model for providing a simple way of describing and communicating software architectures – especially during up-front design sessions, with an intuitive language using open source and platform-independent tools. C4-PlantUML includes macros, stereotypes, and other goodies (like VSCode Snippets) for creating C4 diagrams with PlantUML. At the top of your C4 PlantUML .puml file, you need to include the C4_Context.puml, C4_Container.puml or... -
22
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... -
23
X6
JavaScript diagramming library that uses SVG and HTML for rendering
Provides easy-to-use node customization capabilities and out-of-the-box interactive components, allowing us to quickly build flowcharts, DAG diagrams, ER diagrams and other graph applications. Extremely easy to customize: support custom node styles and interactions using SVG/HTML/React/Vue/Angular. Out of the box: built-in 10+ image editing supporting extensions, such as frame selection, alignment line, small map, etc. A complete event system that can listen to any event that occurs in the chart. -
24
ChatterBot
Machine learning, conversational dialog engine for creating chat bots
...This makes it easy for developers to create chat bots and automate conversations with users. For more details about the ideas and concepts behind ChatterBot see the process flow diagram. The language independent design of ChatterBot allows it to be trained to speak any language. Additionally, the machine-learning nature of ChatterBot allows an agent instance to improve it’s own knowledge of possible responses as it interacts with humans and other sources of informative data. An untrained instance of ChatterBot starts off with no knowledge of how to communicate. ... -
25
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...
