📄️ Biology and chemistry clipart libraries for draw.io with Bioicons
Bioicons is a collection of free custom shape libraries containing open source icons for life science applications. The website lets you select one or more shape libraries, and open them in the draw.io editor on the web.
📄️ Create C4 models and diagrams
The C4 modelling is used to describe and define architectures in an abstract and simple way. Designed by Simon Brown, C4 is a different way to approach modelling software development which focuses on four c's: context (people), containers, components, and code.
📄️ Export from Cloudockit to a .drawio diagram
Cloudockit is a platform which connects to and monitors your cloud and on-premises environment and automatically generates 2D or 3D diagrams. It works with AWS, Azure, Google Cloud Platform (GCP), VMWare Hyper-V, Alibaba Cloud, IBM Cloud, and your local infrastructure to visualise your network and automatically generate documentation.
📄️ Draw communication diagrams to simplify UML sequences
Communication diagrams (formerly collaboration diagrams) show the messages that are passed in a system as an action is taken or an event occurs, and in what order they are sent. As a simplified sequence diagram, these show the information sharing relationships more clearly between different elements of a system.
📄️ Concept mapping for problem solving
Most businesses use mind maps or spider mapping - slightly restricted tree-structured concept maps - for planning and ideation, especially in marketing and other customer service professions. However, concept maps are also useful for problem solving as well as learning and knowledge sharing across all teams and professions.
📄️ How to draw and use concept maps
Concept maps are a broad category of diagrams that are useful for brainstorming with teams, learning and training, showing hierarchical information, planning events or product campaigns, and exploring solutions to problems. They are widely used throughout all industries, especially in medicine and education.
📄️ How to create data flow diagrams in draw.io
Data flow diagrams (DFDs) are common diagrams used in structured analyses and data modelling to document the data flows between entities, processes and data stores. For example, the following DFD documents the main data flows in a large language model that allows user queries such as ChatGPT.
📄️ dependency-graphs
---
📄️ What's the difference between diagrams, charts and graphs?
Have you been asked to create a chart, a diagram, or a graph? There is a lot of confusion around these overlapping terms, especially as they are most often used interchangeably. However, there are some minor differences in how they are used.
📄️ Diagrams for teachers
Diagrams are an effective way of teaching and learning because we all understand complex information more easily when it is visualised. Graphic organisers, mindmaps, timelines, cause and effect charts, Venn diagrams, flowcharts, scientific illustrations - all of these can created in draw.io.
📄️ Diagrams for a better incident response
Industries and services need to plan for when an incident happens, both to provide good customer service and ensure the safety of all those affected. When responding quickly to an incident, diagrams are easier to read and put into action than paragraphs of text.
📄️ The many faces of draw.io
Finding a typo-proof word that is also pronounced the same throughout the world is simple, how sensible companies fail to stop users from mis-spelling product names eludes us. draw.io demonstrates the right way to do this, clearly. However, a small, minor, fractional, minority of users regularly fall asleep on their keyboards while typing our product name, this is the only rational explanation.
📄️ Draw structural formulas in draw.io
Represent the three-dimensional molecular shape of a chemical by drawing a structural or skeletal formula in draw.io with the two new connector shapes in the Arrows shape library - the solid wedge and the dashed wedge.
📄️ Draw tree diagrams to show hierarchies
Tree diagrams are used to show hierarchies, to categorise something or show decisions. They are commonly used in computer science for binary search trees, red-black trees, and more, and to show directory structures on computers or a website navigation structure. Tree diagrams are quick and easy to create in draw.io.
📄️ Add draw.io diagrams and boards to your Monday Workspace
Monday is a popular work management and sales CRM platform. With the draw.io integration, you can add diagrams to your team's Monday boards to collaborate on diagrams visually. Your diagram files are stored directly in your Monday Workspace.
📄️ Example diagram gallery for draw.io
Many of the templates and example diagrams that we store in our drawio-diagrams repository on Github are available via this website. The new example diagram gallery page lists diagrams in various categories based on industry or teams.
📄️ Explain feature flag DevOps easily with diagrams
Explaining new technologies to a less technical audience, like management-level stakeholders, can be difficult. Our whitepaper explains feature flags DevOps in clear diagrams how feature flags work and how they could benefit your product.
📄️ Create floorplans and layouts
Floorplans aren't only useful for real-estate agents and people who are moving to a new apartment. You can also plan new office spaces, show emergency routes, create a seating chart, plan a conference or trade show layout - anything where you need to arrange people and furniture in a space.
📄️ How to create a gitflow diagram
It's easier to show new development team members your project's branch structure in your Git repository visually than to describe it in words. Some platforms may illustrate this using built-in tools. If you are using a platform without a convenient visual representation, it's easy to create your own gitflow diagram.
📄️ draw.io in many languages = diagramming for everyone
It’s our mission to provide free, high quality diagramming software for everyone. We want to make draw.io as accessible as possible, where everyone is able to share a diagram and know that anyone can open and edit it.
📄️ ishikawa-diagrams
---
📄️ Diagrams for marketing analysts - 5C, SWOT & PEST
Marketing teams commonly use 5C situational analyses, simpler SWOT analyses, PEST and PESTLE analyses to examine and improve their products and services. By presenting the information visually, you won't get bogged down in unnecessary details.
📄️ Network and infrastructure diagrams
Network diagrams, or infrastructure diagrams, let you understand a computer network quickly.
📄️ New networking shape library with customisable shadows
The new Network 2025 shape library in draw.io has extra styling options built in. When you enable the background colour, the shapes will have a bold long shadow. You can colour each part of these shapes individually - shape outline, shape fill colour (and neutral colour for internal details), background colour and gradient.
📄️ Use org charts to categorise data and show hierarchies
Org charts, also known as tree diagrams, organisational charts, and organigrams, are used throughout all disciplines and professions. We like to categorise everything as it helps us make sense of how the world works. Species of plants and animals, corporate and military hierarchies, team structures, family trees, language family relationships, even symptoms of illnesses - org charts help us quickly find who to contact, what illness to treat, and so on.
📄️ Migrate diagrams from PlantUML to Mermaid and draw.io
Diagrams from text are oft faster for programmers to draw than to spend time manually styling and aligning the diagram elements. PlantUML support in draw.io is being phased out at the end of 2025, so here are some ways you can migrate your PlantUML diagrams to draw.io or rewrite them in Mermaid syntax.
📄️ Showing probabilities and risk in diagrams
Risk management and knowing the probabilities of a success are important in any business, but much more so when human lives are on the line. You can indicate risks in diagrams with different shapes, styles and colours, or by showing percentages, even if you are not using a probability tree to visualise your system or task.
📄️ What's the difference between a process map, process model and a flowchart?
There are many terms for diagrams that show a series of steps and decisions - flowchart, process diagram, process map, workflow, and process model. While many sources claim large differences between these terms, in practice, they are used interchangeably.
📄️ How to draw UML profile diagrams
Profile diagrams are one of the newer UML diagram types, providing a broad overview of a system showing how the system can be implemented in different domains. Stereotypes and constraints indicate which sub-systems and components, languages and processes are modified in different use cases.
📄️ Create a rack diagram in draw.io
draw.io has a number of shape libraries and templates for creating rack diagrams. Both electronics cabinets can be visualised, as well as IT racks with servers and networking hardware, including those provided by specific vendors like APC, Cisco, Dell, F5, HP, IBM and Oracle.
📄️ Explain system roles and responsibilities in diagrams
There are many systems where you need to describe the different roles that interact with it, and what their responsibilities are. As they can be quite complex, diagrams help you to explain how it works to both customers and colleagues.
📄️ Salesforce shape library for system infrastructure and business diagrams
Salesforce diagrams let you visualise your system and solution architectures using a set of icons (shapes) recommended by Salesforce.
📄️ Four ways to draw Sankey diagrams in draw.io
Sankey diagrams were originally designed to visualise loss in a steam engine system. These days, they are also used to illustrate data distributions and flows between states in many types of systems.
📄️ New built-in SAP shape library for BTP solution diagrams
BTP solution diagrams document your SAP Business Technology Platform architecture to show its services, environments, systems and interdependencies. Using the standard SAP icon set in your BTP solution diagram ensures that teams from various departments can understand your diagram immediately - from IT service managers and CTOs to SAP consultants and solution architects.
📄️ A history of diagram search terms
Diagrams are growing in popularity worldwide, and search trends reflect this in interesting ways. By comparing various search phrases in Google Trends, we can see that "how to diagram" has been pretty stable over the past 20 years. But now, people are also searching for which type of diagram to use and when they would be best put to use.
📄️ Make sense of confusing sentences with sentence trees and Reed-Kellogg diagrams
If you are learning a language, you need tools to help you make sense of the grammar. Especially when you come across sentences that are carefully constructed to be as confusing as possible. That's where sentence trees come in handy.
📄️ Create a sequence diagram
Sequence diagrams show the order of messages that are passed between elements of a system to complete a particular task or use case. The events that cross system boundaries are used by objects and people (actors) to complete their processes.
📄️ Shape libraries - want to be a quiz kid?
It's been a rather chaotic summer for all of us here at draw.io. Because it's a Thursday, to fit with the general craziness, here's a holiday-themed puzzle using one of the less-oft-used shape libraries. This library contains a large number of easy-to-recognise skilfully crafted classical hand-tooled signs, perfectly sitting at the bottom of your shape collection.
📄️ Story mapping
User story diagrams are quite strongly related to UML use case diagrams, and both are used in an agile software development context. Both types of diagrams are used to explore and document customer requirements, they identify different groups of users and their goals, but they are used in different ways.
📄️ SysML vs UML - what's the difference?
Systems modelling language (SysML), is an extension of UML that has been modified for systems engineering. While both can document software, information and processes, SysML diagrams also document the hardware, humans, physical components, and facilities in the system.
📄️ Create a variety of T-charts in draw.io
T-charts are a type of graphic organiser or concept map that helps you to evaluate the advantages and disadvantages of anything. They can also be used to contrast two things of the same type, such as physical products, services, processes or data structures, business models, applications, situations, etc.
📄️ Team diagramming in all departments
All teams have their own unique needs and particular workflows. Integrating useful collaboration tools seamlessly into that workflow is the key to your team's success. We offer security-first diagramming for teams working with Atlassian products.
📄️ Analysing vulnerabilities with threat modelling using draw.io
Threat modelling, especially in IT, is becoming more common. Companies are increasingly aware of the risks of having their infrastructure and devices connected to the internet. As more devices, machines, sensors, monitors, and applications are added to a company’s infrastructure, there are potentially many more vulnerabilities.
📄️ Draw timelines and roadmaps in draw.io
Timelines, roadmap and milestone diagrams feature in a range of documentation - project development documents, infographics and presentations being some of the most common. There are many shapes and templates in draw.io and our draw.io branded apps that you can use to quickly draw an attractive diagram that you can embed in your presentation or documentation.
📄️ Timing diagrams for UML and embedded systems
Timing diagrams are important for activities that need to be completed within a specific time frame. Such as the ringing of a doorbell after pressing a button, or a ticket gate opening after a ticket has been validated.
📄️ Draw UML activity diagrams
UML activity diagrams show the sequence of actions and the flow of control in a system or a process. You can model the behaviour of physical and digital systems, as well as business process flows with activity diagrams.
📄️ Use a waypoint shape to connect an association class in UML class diagrams
Association classes in UML class diagrams 'hang' off the relationship between two other classes. Instead of leaving an unconnected end on your connector, add a waypoint shape between them and connect all three class shapes to the waypoint shape.
📄️ Create UML class diagrams
UML class diagrams are used to illustrate the structure of a computer program. They detail the types of data or attributes stored within each 'class', the methods (operations or functions) that each class provides, and the relationships between the classes.
📄️ UML component diagrams show the structure of a system
UML component diagrams are used to model the high-level software components and subsystems in service-oriented architectures and component-based development projects, and more importantly, define the interfaces between those components. As component diagrams provide a clear visual overview of a system, they are drawn early in a project as they are useful both to seek approval from stakeholders and to develop an implementation roadmap.
📄️ What makes a good UML diagram tool?
There are a wide range of UML diagramming tools available, as standalone applications, as online-only cloud software, and embedded in various content platforms. Some take text input to generate diagrams, and others are specialised to draw just one type of UML diagram.
📄️ UML interaction overview diagrams
Interaction overview diagrams show a high-level overview of how components of the system interact with each other. General flowchart shapes show the interaction flow between activities, and sometimes entire sequence diagrams or activity diagrams are embedded for detailed documentation.
📄️ UML overview - where and why each UML diagram is used
UML notation is one of the most popular technical diagramming standards defining a wide range of diagrams useful in many different industries and professions, not just software engineering. That many different technical diagrams can be daunting, so here is an overview of each of the different types of UML diagrams, who draws or reads them, and why they are useful.
📄️ How to draw UML package diagrams
UML package diagrams document the structure of grouped components in a system along with their dependencies, especially for multi-layered web and application architectures. Package diagrams fall in between the detailed class diagrams and the high-level more abstract profile diagrams and model diagrams.
📄️ Draw a UML state machine diagram
The concept of state diagrams or state machine graphs has been around since the mid 1900s, long before David Harel modified them into the form used today as part of the UML standard.
📄️ Draw a UML use case diagram
UML use case diagrams show all of the ways an end-user interacts with your systems, with all of its pre- and post-conditions, exceptions and alternate paths. These diagrams are used to establish your system requirements, whether that be a software system or an interaction with another person or team.
📄️ draw.io supports Veeam stencils
Veaam is an online service that visualises and monitors your cloud and network architectures, and provides a number of additional availability services, including deployment, backup, replication and restoration. It supports Amazon AWS, Microsoft Azure, and IBM Cloud, as well as a variety of workloads, apps, and platforms commonly used by businesses.
📄️ Venn diagrams and templates
Venn diagrams are widely used in business, education and research to visualise commonalities and differences. Although, you have probably most often seen theme used in memes.