DiagramsArchitecture DiagramsCopy MarkdownOpenWe are using Beautiful Mermaid for diagrams in Markdown Examples Yes No Start Is it sunny? Go to the park Stay indoors Finish solid dotted thick Source Target 1 Target 2 Target 3 Page metatitle / description takumiPlugin.generate React node ImageResponseformat: webp · width × height @takumi-rs/image-response takumi-js Subroutine Double Circle Hexagon Database Flag Shape Wider Bottom Wider Top Subgraphs Frontend Backend React App State Manager API Server Database Nested Subgraphs Cloud US East Region US West Region Load Balancer Web Server App Server Web Server App Server Subgraph Direction Override Processing Pipeline Source Sink Input Parse Transform Output Class Shorthand Normal Highlighted Error System Architecture Client Layer Service Layer Data Layer Web App API Gateway Mobile App Auth Service User Service Order Service Auth DB User DB Order DB Message Queue State: Composite States Processing submit done fail retry Idle Complete Error parse validate execute Sequence: OAuth 2.0 Flow Click Login Authorization request Login page Credentials Authorization code Exchange code for token Access token Request + token Protected resource Display data User Client App Auth Server Resource API ER: E-Commerce Schema CUSTOMER PK int id string name UK string email ORDER PK int id date created FK int customer_id PRODUCT PK int id string name float price LINE_ITEM PK int id FK int order_id FK int product_id int quantity places contains includes XY: Simple Bar Chart Widgets Gadgets Gizmos Doodads Thingamajigs 0 50 100 150 200 250 300 Product Sales Last updated on IntroductionDocumentation Structure GuideMarkdownHow to write documents
