Introduction to diagrams.net and types of diagrams
diagrams.net and the draw.io branded Atlassian integrations are the leading solution for web based sketching and diagramming functionality. You can use diagrams.net online with a number of storage platforms, and offline with a standalone desktop app.
As a security-first diagramming app for teams, we provide the diagramming functionality - you choose where to keep your diagram data. There are many different integrations with other platforms and applications, including Atlassian Confluence Cloud and Jira Cloud, Google applications, GitHub and Microsoft applications. Unofficial integrations are available for many other platforms and tools.
Diagramming is not like painting with brushes as if you were editing a photo. It’s also not charting numerical data from a spreadsheet.
Instead, you place a number of diagram elements, connect them together, add descriptive text, and style the elements to convey more complex information visually.
diagrams.net gives you the tools to create a wide variety of diagrams: flow charts, mind maps, org charts, Venn diagrams, infographics, network and architecture diagrams, floor plans, electrical and rack diagrams, UML diagrams, and more.
Diagram types
Follow the links below to learn more about specific types of diagrams and how to create them in diagrams.net.
Alternatively, view our large gallery of diagram examples all created in diagrams.net. You can open these diagrams in the viewer or download them from the gallery page.
Business and project management
- Project planning diagrams
- Kanban boards
- Dependency graphs
- BPMN diagrams and business process flowcharts
- Story mapping
- Swimlane diagrams
- Organisation charts and tree diagrams
- Floorplans
Software development
- UML diagrams
- Entity relationship tables and database diagrams
- Mermaid diagrams
- Gitflow diagrams
- C4 models and related diagrams
IT and infrastructure
You can also find these example diagrams and many more templates in our drawio-diagrams repository on GitHub.
Using diagrams.net
- Learn the layout of the diagrams.net editor
- Follow the basic flowchart tutorial to create your first diagram
- View and print the diagrams.net keyboard shortcuts
Sketch online whiteboard editor theme
If you are using the simpler Sketch whiteboard theme for the editor interface, you can open the following visual tutorial for an in-app tour.
Open this visual tutorial in the diagrams.net editor
Use case videos covering a variety of diagrams
While these videos have been prepared for draw.io, our Atlassian integrations for Confluence and Jira, the diagram editor functionality and the types of diagrams you can draw are the same in diagrams.net.