About Technical Diagrams
Technical Diagrams is a collection of reference implementations for diagrams used in technical websites and documentation. Each example shows a complete diagram and gives you controls for changing its labels, shapes, colors, and layout.
Start with the question your diagram needs to answer. An architecture diagram shows connections and boundaries. A sequence shows messages in order. A code diff shows what changed. The usage notes help you choose an example that fits your explanation.
You can edit an example here or give it to an AI agent together with the facts about your system. The example gives the agent a concrete structure to follow. Check the result for accuracy and readability before using it.
Tom Granot maintains the collection. Initial ratings help compare appearance and ease of changes. They describe the examples and need review as those examples improve.