[{"data":1,"prerenderedAt":-1},["ShallowReactive",2],{"detail-sidebar-cat-1-en-105":3,"doc-seo-573889-105":53,"doc-detail-573889-en":126},{"code":4,"msg":5,"data":6},0,"success",[7,14,19,24,29,34,39,44,49],{"id":8,"doc_module":9,"doc_module_name":10,"category_name":11,"show_sort_weight":12,"slug":13},11,1,"Template","Presentations",90,"presentations",{"id":15,"doc_module":9,"doc_module_name":10,"category_name":16,"show_sort_weight":17,"slug":18},12,"Resumes",80,"resumes",{"id":20,"doc_module":9,"doc_module_name":10,"category_name":21,"show_sort_weight":22,"slug":23},14,"Invoices",70,"invoices",{"id":25,"doc_module":9,"doc_module_name":10,"category_name":26,"show_sort_weight":27,"slug":28},15,"Posters",60,"posters",{"id":30,"doc_module":9,"doc_module_name":10,"category_name":31,"show_sort_weight":32,"slug":33},16,"Social Media",50,"social-media",{"id":35,"doc_module":9,"doc_module_name":10,"category_name":36,"show_sort_weight":37,"slug":38},17,"Forms",40,"forms",{"id":40,"doc_module":9,"doc_module_name":10,"category_name":41,"show_sort_weight":42,"slug":43},18,"Letters",30,"letters",{"id":45,"doc_module":9,"doc_module_name":10,"category_name":46,"show_sort_weight":47,"slug":48},21,"Paper Templates",5,"papers-templates",{"id":50,"doc_module":9,"doc_module_name":10,"category_name":51,"show_sort_weight":4,"slug":52},158,"General","general-158",{"code":4,"msg":54,"data":55},"ok",{"site_id":56,"language":57,"slug":58,"title":59,"keywords":60,"description":61,"schema_data":62,"social_meta":119,"head_meta":121,"extra_data":123,"updated_unix":125},105,"en","d2-declarative-diagramming-cheat-sheet","D2 Declarative Diagramming - Cheat Sheet","","This comprehensive cheat sheet provides a quick reference for the D2 declarative diagramming language. It outlines essential syntax including basic node connections, labels on nodes and connections, chained connections, and container creation methods. Advanced sections cover specialized shape definitions for classes and SQL tables, integration of Markdown, and code block formatting. Designed for developers and technical documentation authors, this resource simplifies the creation of structured, text-based diagrams, offering a clear guide to reserved keywords, custom shape usage, and efficient diagrammatic workflows to enhance technical productivity.",{"@graph":63,"@context":118},[64,80,101],{"@type":65,"itemListElement":66},"BreadcrumbList",[67,71,74,77],{"item":68,"name":69,"@type":70,"position":9},"https://docshare.wps.com","Home","ListItem",{"item":72,"name":10,"@type":70,"position":73},"https://docshare.wps.com/template/",2,{"item":75,"name":51,"@type":70,"position":76},"https://docshare.wps.com/template/general/",3,{"item":78,"name":59,"@type":70,"position":79},"https://docshare.wps.com/template/d2-declarative-diagramming-cheat-sheet/573889/",4,{"url":78,"name":59,"@type":81,"image":82,"author":87,"headline":59,"publisher":90,"fileFormat":93,"inLanguage":57,"description":61,"dateModified":94,"datePublished":95,"encodingFormat":93,"isAccessibleForFree":96,"interactionStatistic":97},"DigitalDocument",{"url":83,"@type":84,"width":85,"height":86},"https://docshare.wps.com/thumbnails/d2-declarative-diagramming-cheat-sheet/573889.png","ImageObject",442,249,{"name":88,"@type":89},"dawugda","Person",{"url":68,"name":91,"@type":92},"DocShare","Organization","application/pdf","2026-10-15","2026-10-14",true,{"@type":98,"interactionType":99,"userInteractionCount":73},"InteractionCounter",{"@type":100},"ViewAction",{"@type":102,"mainEntity":103},"FAQPage",[104,110,114],{"name":105,"@type":106,"acceptedAnswer":107},"What are the two ways to create containers in D2?","Question",{"text":108,"@type":109},"You can create containers by adding a dot anywhere in the path, such as 'aws.server', or by using a more structured map method, which defines an 'aws' block containing 'server'.","Answer",{"name":111,"@type":106,"acceptedAnswer":112},"How do you define an SQL table in D2?",{"text":113,"@type":109},"Use the 'shape: sql_table' property within a block, defining columns with constraints such as 'primary_key' or 'foreign_key' to represent relational database schemas.",{"name":115,"@type":106,"acceptedAnswer":116},"Can I include Markdown or code blocks inside D2 shapes?",{"text":117,"@type":109},"Yes, you can use Markdown-style block syntax or define a language tag to render formatted text or code blocks directly within the diagram nodes.","https://schema.org",{"og:url":78,"og:type":120,"og:title":59,"og:site_name":91,"og:description":61},"article",{"robots":122,"canonical":78},"index,follow",{"doc_id":124,"site_id":56},573889,1792083956,{"code":4,"msg":5,"data":127},{"doc_id":124,"user_id":128,"nickname":88,"user_avatar":129,"doc_module":9,"category_id":50,"category_name":51,"doc_title":59,"doc_description":61,"doc_content":60,"file_id":130,"file_url":131,"file_type":132,"file_size":133,"view_count":73,"is_deleted":4,"is_public":9,"is_downloadable":9,"audit_status":9,"page_count":9,"language":134,"language_code":57,"site_id":56,"html_lang":57,"table_of_contents":135,"faqs":136,"seo_title":137,"seo_description":61,"update_tm":138,"read_time":4},3985747870947,"https://ap-avatar.wpscdn.com/davatar_3d24733baf745e90a7e4bdd5f77d97b2","cbCaiqoG9XeRhAsH","https://ap.wps.com/l/cbCaiqoG9XeRhAsH","pdf",4767406,"English","# Getting started\n## Basic Connections\n## Labels and Chaining\n## Containers\n## Reserved Keywords\n# Advanced\n## Classes\n## Tables\n## Markdown and Code","[{\"question\":\"What are the two ways to create containers in D2?\",\"answer\":\"You can create containers by adding a dot anywhere in the path, such as 'aws.server', or by using a more structured map method, which defines an 'aws' block containing 'server'.\"},{\"question\":\"How do you define an SQL table in D2?\",\"answer\":\"Use the 'shape: sql_table' property within a block, defining columns with constraints such as 'primary_key' or 'foreign_key' to represent relational database schemas.\"},{\"question\":\"Can I include Markdown or code blocks inside D2 shapes?\",\"answer\":\"Yes, you can use Markdown-style block syntax or define a language tag to render formatted text or code blocks directly within the diagram nodes.\"}]","D2 Declarative Diagramming - Cheat Sheet | PDF",1791950514]