sequence
This article mainly introduces some drawing tools that may be used in writing technical documents. There are two main groups here, one is to directly drag and drop, and the other is to complete through code
UI tools
Mainly processon , draw.io , excalidraw , archimatetool , cloudcraft.co
processon
Architecture diagram
https://www.processon.com/view/6220b5de1e085333a8970d39?fromnew=1
Class Diagram
https://www.processon.com/view/556ff07de4b09b5faa995344?fromnew=1
ER diagram
https://www.processon.com/view/62372217f346fb0725f7fddf?fromnew=1
use case diagram
https://www.processon.com/view/5938e003e4b0282707d79918?fromnew=1
flow chart
https://www.processon.com/view/6221abcfe401fd072a4a6be3?fromnew=1
Topology
https://www.processon.com/view/621ec89f0e3e7471a24c1554?fromnew=1
draw.io
It seems that I can't access it in China, but I can draw C4, ER, UML, ArchiMate, AWS/Azure, etc.
excalidraw
archimatetool
cloudcraft
Mainly some components of AWS
diagram as code
There are mainly plantuml , C4-PlantUML , Context Mapper , structurizr , mermaid
plantuml
use case diagram
https://plantuml.com/en/use-case-diagram
Class Diagram
https://plantuml.com/en/class-diagram
State diagram
https://plantuml.com/en/state-diagram
Flowchart/Activity Diagram
https://plantuml.com/en/activity-diagram-legacy
Timing Diagram/Sequence Diagram
https://plantuml.com/en/sequence-diagram
C4
There are mainly C4-PlantUML and C4-Builder
Context Mapper
This should be the favorite tool for DDD enthusiasts, because it can draw a context map, which is very tall
structurizr
Mainly the idea of Diagrams as code, can export PlantUML, C4-PlantUML, Mermaid, DOT, WebSequenceDiagrams, Ilograph format
mermaid
Better integrated with markdown editor
summary
- If you like to draw by yourself, you can choose processon , draw.io , excalidraw , archimatetool , cloudcraft.co
- Like generated by code, optional plantuml , C4-PlantUML , Context Mapper , structurizr , mermaid
**粗体** _斜体_ [链接](http://example.com) `代码` - 列表 > 引用。你还可以使用@来通知其他用户。