{"id":2086,"date":"2026-07-02T09:03:07","date_gmt":"2026-07-02T09:03:07","guid":{"rendered":"https:\/\/www.vpascode.com\/vn\/docs\/uncategorized\/mermaid-js-venn-diagram-syntax-layout-guide\/"},"modified":"2026-07-02T09:03:07","modified_gmt":"2026-07-02T09:03:07","slug":"mermaid-js-venn-diagram-syntax-layout-guide","status":"publish","type":"ld_docs","link":"https:\/\/www.vpascode.com\/vn\/docs\/vpascode-docs\/mermaid-js-venn-diagram-syntax-layout-guide\/","title":{"rendered":"H\u01b0\u1edbng d\u1eabn c\u00fa ph\u00e1p v\u00e0 b\u1ed1 c\u1ee5c s\u01a1 \u0111\u1ed3 Venn Mermaid.js"},"content":{"rendered":"

S\u01a1 \u0111\u1ed3 Venn th\u1ec3 hi\u1ec7n c\u00e1c m\u1ed1i quan h\u1ec7 logic gi\u1eefa c\u00e1c t\u1eadp h\u1ee3p ho\u1eb7c nh\u00f3m d\u1eef li\u1ec7u kh\u00e1c nhau b\u1eb1ng c\u00e1ch s\u1eed d\u1ee5ng c\u00e1c v\u00f2ng tr\u00f2n ch\u1ed3ng l\u1ea5n. C\u00e1ch ti\u1ebfp c\u1eadn d\u1ef1a tr\u00ean v\u0103n b\u1ea3n n\u00e0y cho ph\u00e9p b\u1ea1n nhanh ch\u00f3ng minh h\u1ecda c\u00e1c kh\u00e1i ni\u1ec7m n\u1eb1m \u1edf giao \u0111i\u1ec3m c\u1ee7a nhi\u1ec1u danh m\u1ee5c m\u00e0 kh\u00f4ng c\u1ea7n ph\u1ea3i thao t\u00e1c v\u1edbi c\u00e1c c\u00f4ng c\u1ee5 thi\u1ebft k\u1ebf \u0111\u1ed3 h\u1ecda th\u1ee7 c\u00f4ng.<\/p>\n

C\u1ea5u tr\u00fac c\u00fa ph\u00e1p c\u01a1 b\u1ea3n<\/h2>\n

M\u1ed7i s\u01a1 \u0111\u1ed3 Venn b\u1eaft \u0111\u1ea7u b\u1eb1ng venn-beta<\/code> khai b\u00e1o, ti\u1ebfp theo l\u00e0 \u0111\u1ecbnh ngh\u0129a c\u00e1c nh\u00f3m ri\u00eang l\u1ebb b\u1eb1ng t\u1eeb kh\u00f3a set<\/code> t\u1eeb kh\u00f3a. Sau \u0111\u00f3, b\u1ea1n \u0111\u1ecbnh ngh\u0129a c\u00e1ch c\u00e1c nh\u00f3m n\u00e0y ch\u1ed3ng l\u1ea5n nhau b\u1eb1ng t\u1eeb kh\u00f3a union<\/code> t\u1eeb kh\u00f3a.<\/p>\n

\n
\nMermaid<\/span>
\n
\n<\/path><\/path><\/svg>
\nCh\u1ec9nh s\u1eeda Mermaid trong VPasCode<\/span>
\n<\/a>\n<\/div>\n
\n
\r\n
\r\n Mermaid<\/span>\r\n \r\n <\/path><\/path><\/svg>\r\n Edit Mermaid in VPasCode<\/span>\r\n <\/a>\r\n <\/div>\r\n
\r\n 
venn-beta\r\nset GroupA [\"Nh\u00e3n A\"]\r\nset GroupB [\"Nh\u00e3n B\"]\r\nunion GroupA, GroupB [\"Nh\u00e3n giao nhau\"]<\/code><\/pre>                <\/div>\r\n                
\r\n                    \r\n                        <\/path><\/path><\/svg>\r\n                        Edit Mermaid in VPasCode<\/span>\r\n                    <\/a>\r\n                <\/div>\r\n            <\/div>\r\n            \n<\/p><\/div>\n
\n
\n<\/path><\/path><\/svg>
\nCh\u1ec9nh s\u1eeda Mermaid trong VPasCode<\/span>
\n<\/a>\n<\/div>\n<\/div>\n
\"\"<\/p>\n
Tham chi\u1ebfu c\u00fa ph\u00e1p<\/h2>\n
B\u1ea3ng d\u01b0\u1edbi \u0111\u00e2y ph\u00e2n t\u00edch c\u00e1c th\u00e0nh ph\u1ea7n ch\u00ednh \u0111\u01b0\u1ee3c s\u1eed d\u1ee5ng \u0111\u1ec3 x\u00e2y d\u1ef1ng s\u01a1 \u0111\u1ed3 Venn trong Mermaid.js.<\/p>\n\n\n\n\n\n\n\n\n\n
Th\u00e0nh ph\u1ea7n<\/th>\nM\u00f4 t\u1ea3<\/th>\nV\u00ed d\u1ee5 c\u00fa ph\u00e1p<\/th>\n<\/tr>\n<\/thead>\n
Khai b\u00e1o<\/strong><\/td>\nKh\u1edfi t\u1ea1o tr\u00ecnh render s\u01a1 \u0111\u1ed3 Venn (hi\u1ec7n \u0111ang \u1edf ch\u1ebf \u0111\u1ed9 beta).<\/td>\nvenn-beta<\/code><\/td>\n<\/tr>\n
Set<\/strong><\/td>\nX\u00e1c \u0111\u1ecbnh m\u1ed9t danh m\u1ee5c d\u1eef li\u1ec7u \u0111\u1ed9c l\u1eadp ho\u1eb7c m\u1ed9t v\u00f2ng tr\u00f2n. Lu\u00f4n cung c\u1ea5p m\u1ed9t \u0111\u1ecbnh danh v\u00e0 m\u1ed9t nh\u00e3n hi\u1ec3n th\u1ecb.<\/td>\nset A [\"\u0110\u1ed9i Marketing\"]<\/code><\/td>\n<\/tr>\n
Union<\/strong><\/td>\nX\u00e1c \u0111\u1ecbnh khu v\u1ef1c ch\u1ed3ng l\u1ea5n gi\u1eefa hai ho\u1eb7c nhi\u1ec1u t\u1eadp h\u1ee3p. T\u00e1ch c\u00e1c \u0111\u1ecbnh danh b\u1eb1ng d\u1ea5u ph\u1ea9y.<\/td>\nunion A,B [\"M\u1ee5c ti\u00eau chung\"]<\/code><\/td>\n<\/tr>\n
B\u1ed9 \u0111i\u1ec1u ch\u1ec9nh k\u00edch th\u01b0\u1edbc<\/strong><\/td>\nM\u1ed9t t\u00f9y ch\u1ecdn :N<\/code>ph\u1ea7n m\u1edf r\u1ed9ng gi\u00fap thay \u0111\u1ed5i k\u00edch th\u01b0\u1edbc v\u00f2ng tr\u00f2n ho\u1eb7c v\u00f9ng giao nhau theo t\u1ef7 l\u1ec7 t\u01b0\u01a1ng \u0111\u1ed1i.<\/td>\nset A [\"Nh\u00f3m L\u1edbn\"]:15<\/code><\/td>\n<\/tr>\n
N\u00fat V\u0103n b\u1ea3n<\/strong><\/td>\nM\u1ed9t kh\u1ed1i th\u1ee5t l\u00f9i \u0111\u01b0\u1ee3c d\u00f9ng \u0111\u1ec3 li\u1ec7t k\u00ea c\u00e1c \u0111i\u1ec3m c\u1ee5 th\u1ec3 ngay b\u00ean trong m\u1ed9t t\u1eadp h\u1ee3p ho\u1eb7c khu v\u1ef1c giao nhau.<\/td>\ntext ItemId [\"\u0110i\u1ec3m \u0111\u00e1nh d\u1ea5u c\u1ee5 th\u1ec3\"]<\/code><\/td>\n<\/tr>\n<\/tbody>\n<\/table>\n\n
B\u1ea3n thi\u1ebft k\u1ebf th\u1ef1c t\u1ebf: Ph\u00e2n t\u00edch c\u01a1 h\u1ed9i s\u1ea3n ph\u1ea9m<\/h2>\n
B\u1ea3n thi\u1ebft k\u1ebf n\u00e0y tr\u00ecnh b\u00e0y m\u1ed9t khung chi\u1ebfn l\u01b0\u1ee3c ph\u00e1t tri\u1ec3n s\u1ea3n ph\u1ea9m kinh \u0111i\u1ec3n, gi\u00fap x\u00e1c \u0111\u1ecbnh c\u00e1c \u0111i\u1ec3m \u0111au c\u1ee7a ng\u01b0\u1eddi d\u00f9ng, m\u1ee5c ti\u00eau kinh doanh v\u00e0 kh\u1ea3 n\u0103ng k\u1ef9 thu\u1eadt \u0111\u1ec3 x\u00e1c \u0111\u1ecbnh ch\u00ednh x\u00e1c th\u1eddi \u0111i\u1ec3m ph\u00e1t h\u00e0nh t\u00ednh n\u0103ng l\u00fd t\u01b0\u1edfng.<\/p>\n
\n
\nMermaid<\/span>
\n
\n<\/path><\/path><\/svg>
\nCh\u1ec9nh s\u1eeda Mermaid trong VPasCode<\/span>
\n<\/a>\n<\/div>\n
\n            
\r\n                                
\r\n                    Mermaid<\/span>\r\n                    \r\n                        <\/path><\/path><\/svg>\r\n                        Edit Mermaid in VPasCode<\/span>\r\n                    <\/a>\r\n                <\/div>\r\n                                
\r\n                    
venn-beta\r\nset UserNeed [\"\u0110i\u1ec3m \u0111au c\u1ee7a ng\u01b0\u1eddi d\u00f9ng\"]\r\nset BusinessGoal [\"Gi\u00e1 tr\u1ecb kinh doanh\"]\r\nset TechFeasible [\"Kh\u1ea3 n\u0103ng k\u1ef9 thu\u1eadt\"]\r\n\r\nunion UserNeed, BusinessGoal [\"Th\u00e0nh c\u00f4ng chi\u1ebfn l\u01b0\u1ee3c\"]\r\nunion UserNeed, TechFeasible [\"T\u00ednh n\u0103ng ch\u01b0a khai th\u00e1c doanh thu\"]\r\nunion BusinessGoal, TechFeasible [\"T\u1ef1 \u0111\u1ed9ng h\u00f3a n\u1ed9i b\u1ed9\"]\r\n\r\nunion UserNeed, BusinessGoal, TechFeasible [\"\u0110i\u1ec3m ng\u1ecdt c\u1ee7a s\u1ea3n ph\u1ea9m\"]<\/code><\/pre>                <\/div>\r\n                
\r\n                    \r\n                        <\/path><\/path><\/svg>\r\n                        Edit Mermaid in VPasCode<\/span>\r\n                    <\/a>\r\n                <\/div>\r\n            <\/div>\r\n            \n<\/p><\/div>\n
\n
\n<\/path><\/path><\/svg>
\nCh\u1ec9nh s\u1eeda Mermaid trong VPasCode<\/span>
\n<\/a>\n<\/div>\n<\/div>\n
\"\"<\/p>\n\n
G\u1ee3i \u00fd c\u00fa ph\u00e1p:<\/strong>Khi s\u1eed d\u1ee5ng ba ho\u1eb7c nhi\u1ec1u h\u01a1n c\u00e1c danh m\u1ee5c, Mermaid s\u1ebd t\u1ef1 \u0111\u1ed9ng t\u1ea1o b\u1ea3n \u0111\u1ed3 c\u00e1c v\u00f9ng giao nhau l\u1ed3ng gh\u00e9p cho b\u1ea1n. Ch\u1ec9 c\u1ea7n khai b\u00e1o \u0111o\u1ea1n giao nhau cu\u1ed1i c\u00f9ng v\u1edbi ba y\u1ebfu t\u1ed1 \u0111\u01b0\u1ee3c ph\u00e2n c\u00e1ch b\u1eb1ng d\u1ea5u ph\u1ea9y, h\u1ec7 th\u1ed1ng s\u1ebd \u0111\u1eb7t nh\u00e3n ch\u00ednh x\u00e1c \u1edf v\u1ecb tr\u00ed giao nhau trung t\u00e2m.union<\/code>v\u1edbi c\u1ea3 ba \u0111\u1ecbnh danh \u0111\u01b0\u1ee3c ph\u00e2n c\u00e1ch b\u1eb1ng d\u1ea5u ph\u1ea9y, v\u00e0 h\u1ec7 th\u1ed1ng s\u1ebd \u0111\u1eb7t nh\u00e3n ch\u00ednh x\u00e1c \u1edf v\u1ecb tr\u00ed giao nhau trung t\u00e2m.<\/em><\/p>\n\n
Kh\u00e1i ni\u1ec7m n\u00e2ng cao: \u0110i\u1ec3m \u0111\u00e1nh d\u1ea5u v\u00e0 k\u00edch th\u01b0\u1edbc<\/h2>\n
\u0110\u1ed1i v\u1edbi t\u00e0i li\u1ec7u k\u1ef9 thu\u1eadt chi ti\u1ebft h\u01a1n, b\u1ea1n c\u00f3 th\u1ec3 ch\u00e8n c\u00e1c \u0111i\u1ec3m \u0111\u00e1nh d\u1ea5u v\u0103n b\u1ea3n c\u1ee5 th\u1ec3 tr\u1ef1c ti\u1ebfp v\u00e0o c\u00e1c v\u00f2ng tr\u00f2n v\u00e0 \u0111i\u1ec1u ch\u1ec9nh t\u1ef7 l\u1ec7 k\u00edch th\u01b0\u1edbc v\u00f2ng tr\u00f2n \u0111\u1ec3 th\u1ec3 hi\u1ec7n c\u00e1c t\u1ef7 l\u1ec7 th\u1ef1c t\u1ebf (nh\u01b0 k\u00edch th\u01b0\u1edbc c\u01a1 s\u1edf d\u1eef li\u1ec7u ho\u1eb7c quy m\u00f4 \u0111\u1ed9i nh\u00f3m).<\/p>\n
\n
\nMermaid<\/span>
\n
\n<\/path><\/path><\/svg>
\nCh\u1ec9nh s\u1eeda Mermaid trong VPasCode<\/span>
\n<\/a>\n<\/div>\n
\n            
\r\n                                
\r\n                    Mermaid<\/span>\r\n                    \r\n                        <\/path><\/path><\/svg>\r\n                        Edit Mermaid in VPasCode<\/span>\r\n                    <\/a>\r\n                <\/div>\r\n                                
\r\n                    
venn-beta\r\nset Front [\"Frontend\"]:10\r\n  text F1 [\"React\"]\r\n  text F2 [\"CSS\"]\r\nset Back [\"Backend\"]:15\r\n  text B1 [\"Node.js\"]\r\n  text B2 [\"PostgreSQL\"]\r\n\r\nunion Front, Back [\"Full-Stack\"]:3\r\n  text FB1 [\"M\u00f4 t\u1ea3 OpenAPI\"]\r\n  text FB2 [\"Next.js SSR\"]\r\n\r\nstyle Front fill:#E8F4FD, stroke:#0072B1\r\nstyle Back fill:#FDF0E8, stroke:#E06000<\/code><\/pre>                <\/div>\r\n                
\r\n                    \r\n                        <\/path><\/path><\/svg>\r\n                        Edit Mermaid in VPasCode<\/span>\r\n                    <\/a>\r\n                <\/div>\r\n            <\/div>\r\n            \n<\/p><\/div>\n
\n
\n<\/path><\/path><\/svg>
\nCh\u1ec9nh s\u1eeda Mermaid trong VPasCode<\/span>
\n<\/a>\n<\/div>\n<\/div>\n
\"\"<\/p>\n
Nh\u1eefng l\u1ed7i c\u00fa ph\u00e1p ph\u1ed5 bi\u1ebfn<\/h2>\n
S\u01a1 \u0111\u1ed3 Venn l\u00e0 m\u1ed9t t\u00ednh n\u0103ng ho\u00e0n to\u00e0n m\u1edbi trong c\u1ed1t l\u00f5i c\u00fa ph\u00e1p Mermaid. H\u00e3y ghi nh\u1edb ba quy t\u1eafc thi\u1ebft k\u1ebf c\u1ea5u tr\u00fac sau \u0111\u1ec3 \u0111\u1ea3m b\u1ea3o \u0111\u1ed3 h\u1ecda c\u1ee7a b\u1ea1n hi\u1ec3n th\u1ecb tr\u01a1n tru:<\/p>\n
    \n
  • \u01afu ti\u00ean th\u1ee9 t\u1ef1:<\/strong>B\u1ea1n ph\u1ea3i khai b\u00e1o ho\u00e0n to\u00e0n c\u00e1c d\u00f2ng set<\/code>tr\u01b0\u1edbc khi tham chi\u1ebfu ch\u00fang trong b\u1ea5t k\u1ef3 kh\u1ed1i n\u00e0o union<\/code>block. Vi\u1ec7c tham chi\u1ebfu m\u1ed9t \u0111\u1ecbnh danh ch\u01b0a \u0111\u01b0\u1ee3c khai b\u00e1o r\u00f5 r\u00e0ng s\u1ebd l\u00e0m l\u1ed7i qu\u00e1 tr\u00ecnh x\u00e2y d\u1ef1ng.<\/li>\n
  • Theo d\u00f5i d\u1ea5u ph\u1ea9y Union:<\/strong> Khi x\u00e2y d\u1ef1ng m\u1ed9t union<\/code> c\u1ee7a nhi\u1ec1u t\u1eadp h\u1ee3p, h\u00e3y \u0111\u1ea3m b\u1ea3o c\u00f3 d\u1ea5u ph\u1ea9y t\u00e1ch bi\u1ec7t c\u00e1c \u0111\u1ecbnh danh c\u1ee7a b\u1ea1n, nh\u01b0ng kh\u00f4ng c\u00f3 d\u1ea5u ph\u1ea9y th\u1eeba ngay tr\u01b0\u1edbc nh\u00e3n ngo\u1eb7c vu\u00f4ng. union A, B, C [\"Nh\u00e3n\"]<\/code> l\u00e0 \u0111\u00fang.<\/li>\n
  • \u0110\u1ed9 \u1ed5n \u0111\u1ecbnh phi\u00ean b\u1ea3n Beta:<\/strong> V\u00ec ki\u1ec3u b\u1ed1 c\u1ee5c n\u00e0y s\u1eed d\u1ee5ng c\u1edd venn-beta<\/code> n\u00ean c\u00e1c quy t\u1eafc t\u00f9y ch\u1ec9nh phong c\u00e1ch ph\u1ea7n t\u1eed n\u00e2ng cao c\u00f3 th\u1ec3 thay \u0111\u1ed5i gi\u1eefa c\u00e1c phi\u00ean b\u1ea3n. H\u00e3y s\u1eed d\u1ee5ng m\u00e3 m\u00e0u hex c\u01a1 b\u1ea3n cho c\u00e1c bi\u1ebfn fill<\/code> v\u00e0 stroke<\/code> \u0111\u1ec3 \u0111\u1ea1t \u0111\u01b0\u1ee3c kh\u1ea3 n\u0103ng t\u01b0\u01a1ng th\u00edch t\u1ed1i \u0111a.<\/li>\n<\/ul>\n","protected":false},"excerpt":{"rendered":"
    S\u01a1 \u0111\u1ed3 Venn th\u1ec3 hi\u1ec7n c\u00e1c m\u1ed1i quan h\u1ec7 logic gi\u1eefa c\u00e1c t\u1eadp h\u1ee3p ho\u1eb7c nh\u00f3m d\u1eef li\u1ec7u kh\u00e1c nhau b\u1eb1ng c\u00e1ch s\u1eed d\u1ee5ng c\u00e1c v\u00f2ng tr\u00f2n ch\u1ed3ng l\u1ea5n. C\u00e1ch ti\u1ebfp c\u1eadn d\u1ef1a tr\u00ean v\u0103n b\u1ea3n n\u00e0y cho ph\u00e9p b\u1ea1n…<\/p>\n","protected":false},"author":3,"featured_media":0,"parent":0,"menu_order":11,"template":"","meta":{"inline_featured_image":false,"site-sidebar-layout":"default","site-content-layout":"","ast-site-content-layout":"default","site-content-style":"default","site-sidebar-style":"default","ast-global-header-display":"","ast-banner-title-visibility":"","ast-main-header-display":"","ast-hfb-above-header-display":"","ast-hfb-below-header-display":"","ast-hfb-mobile-header-display":"","site-post-title":"","ast-breadcrumbs-content":"","ast-featured-img":"","footer-sml-layout":"","ast-disable-related-posts":"","theme-transparent-header-meta":"default","adv-header-id-meta":"","stick-header-meta":"","header-above-stick-meta":"","header-main-stick-meta":"","header-below-stick-meta":"","astra-migrate-meta-layouts":"set","ast-page-background-enabled":"default","ast-page-background-meta":{"desktop":{"background-color":"var(--ast-global-color-5)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"tablet":{"background-color":"","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"mobile":{"background-color":"","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""}},"ast-content-background-meta":{"desktop":{"background-color":"var(--ast-global-color-4)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"tablet":{"background-color":"var(--ast-global-color-4)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"mobile":{"background-color":"var(--ast-global-color-4)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""}}},"ld_collection":[14],"class_list":["post-2086","ld_docs","type-ld_docs","status-publish","hentry","ld_collection-vpascode-docs"],"yoast_head":"\nMermaid Venn Diagram Syntax | VPasCode Text to Diagram Guide<\/title>\n<meta name=\"description\" content=\"Illustrate set overlaps and logical relationships with Mermaid Venn diagrams in VPasCode, a free diagram-as-code tool.\" \/>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/www.vpascode.com\/vn\/docs\/vpascode-docs\/mermaid-js-venn-diagram-syntax-layout-guide\/\" \/>\n<meta property=\"og:locale\" content=\"vi_VN\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Mermaid Venn Diagram Syntax | VPasCode Text to Diagram Guide\" \/>\n<meta property=\"og:description\" content=\"Illustrate set overlaps and logical relationships with Mermaid Venn diagrams in VPasCode, a free diagram-as-code tool.\" \/>\n<meta property=\"og:url\" content=\"https:\/\/www.vpascode.com\/vn\/docs\/vpascode-docs\/mermaid-js-venn-diagram-syntax-layout-guide\/\" \/>\n<meta property=\"og:site_name\" content=\"VPasCode\" \/>\n<meta property=\"og:image\" content=\"https:\/\/www.vpascode.com\/wp-content\/uploads\/2026\/07\/img_6a46298fd9cf8.png\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:label1\" content=\"\u01af\u1edbc t\u00ednh th\u1eddi gian \u0111\u1ecdc\" \/>\n\t<meta name=\"twitter:data1\" content=\"3 ph\u00fat\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\\\/\\\/schema.org\",\"@graph\":[{\"@type\":\"WebPage\",\"@id\":\"https:\\\/\\\/www.vpascode.com\\\/vn\\\/docs\\\/vpascode-docs\\\/mermaid-js-venn-diagram-syntax-layout-guide\\\/\",\"url\":\"https:\\\/\\\/www.vpascode.com\\\/vn\\\/docs\\\/vpascode-docs\\\/mermaid-js-venn-diagram-syntax-layout-guide\\\/\",\"name\":\"Mermaid Venn Diagram Syntax | VPasCode Text to Diagram Guide\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/www.vpascode.com\\\/vn\\\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\\\/\\\/www.vpascode.com\\\/vn\\\/docs\\\/vpascode-docs\\\/mermaid-js-venn-diagram-syntax-layout-guide\\\/#primaryimage\"},\"image\":{\"@id\":\"https:\\\/\\\/www.vpascode.com\\\/vn\\\/docs\\\/vpascode-docs\\\/mermaid-js-venn-diagram-syntax-layout-guide\\\/#primaryimage\"},\"thumbnailUrl\":\"https:\\\/\\\/www.vpascode.com\\\/wp-content\\\/uploads\\\/2026\\\/07\\\/img_6a46298fd9cf8.png\",\"datePublished\":\"2026-07-02T09:03:07+00:00\",\"description\":\"Illustrate set overlaps and logical relationships with Mermaid Venn diagrams in VPasCode, a free diagram-as-code tool.\",\"breadcrumb\":{\"@id\":\"https:\\\/\\\/www.vpascode.com\\\/vn\\\/docs\\\/vpascode-docs\\\/mermaid-js-venn-diagram-syntax-layout-guide\\\/#breadcrumb\"},\"inLanguage\":\"vi\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\\\/\\\/www.vpascode.com\\\/vn\\\/docs\\\/vpascode-docs\\\/mermaid-js-venn-diagram-syntax-layout-guide\\\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"vi\",\"@id\":\"https:\\\/\\\/www.vpascode.com\\\/vn\\\/docs\\\/vpascode-docs\\\/mermaid-js-venn-diagram-syntax-layout-guide\\\/#primaryimage\",\"url\":\"https:\\\/\\\/www.vpascode.com\\\/wp-content\\\/uploads\\\/2026\\\/07\\\/img_6a46298fd9cf8.png\",\"contentUrl\":\"https:\\\/\\\/www.vpascode.com\\\/wp-content\\\/uploads\\\/2026\\\/07\\\/img_6a46298fd9cf8.png\"},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\\\/\\\/www.vpascode.com\\\/vn\\\/docs\\\/vpascode-docs\\\/mermaid-js-venn-diagram-syntax-layout-guide\\\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\\\/\\\/www.vpascode.com\\\/vn\\\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Lean Docs\",\"item\":\"https:\\\/\\\/www.vpascode.com\\\/vn\\\/docs\\\/%ld_collection%\\\/\"},{\"@type\":\"ListItem\",\"position\":3,\"name\":\"H\u01b0\u1edbng d\u1eabn c\u00fa ph\u00e1p v\u00e0 b\u1ed1 c\u1ee5c s\u01a1 \u0111\u1ed3 Venn Mermaid.js\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\\\/\\\/www.vpascode.com\\\/vn\\\/#website\",\"url\":\"https:\\\/\\\/www.vpascode.com\\\/vn\\\/\",\"name\":\"VPasCode\",\"description\":\"by Visual Paradigm\",\"publisher\":{\"@id\":\"https:\\\/\\\/www.vpascode.com\\\/vn\\\/#organization\"},\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\\\/\\\/www.vpascode.com\\\/vn\\\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"vi\"},{\"@type\":\"Organization\",\"@id\":\"https:\\\/\\\/www.vpascode.com\\\/vn\\\/#organization\",\"name\":\"VPasCode\",\"url\":\"https:\\\/\\\/www.vpascode.com\\\/vn\\\/\",\"logo\":{\"@type\":\"ImageObject\",\"inLanguage\":\"vi\",\"@id\":\"https:\\\/\\\/www.vpascode.com\\\/vn\\\/#\\\/schema\\\/logo\\\/image\\\/\",\"url\":\"https:\\\/\\\/www.vpascode.com\\\/vn\\\/wp-content\\\/uploads\\\/sites\\\/12\\\/2026\\\/06\\\/cropped-vp-online-logo-v1.png\",\"contentUrl\":\"https:\\\/\\\/www.vpascode.com\\\/vn\\\/wp-content\\\/uploads\\\/sites\\\/12\\\/2026\\\/06\\\/cropped-vp-online-logo-v1.png\",\"width\":128,\"height\":138,\"caption\":\"VPasCode\"},\"image\":{\"@id\":\"https:\\\/\\\/www.vpascode.com\\\/vn\\\/#\\\/schema\\\/logo\\\/image\\\/\"}}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"Mermaid Venn Diagram Syntax | VPasCode Text to Diagram Guide","description":"Illustrate set overlaps and logical relationships with Mermaid Venn diagrams in VPasCode, a free diagram-as-code tool.","robots":{"index":"index","follow":"follow","max-snippet":"max-snippet:-1","max-image-preview":"max-image-preview:large","max-video-preview":"max-video-preview:-1"},"canonical":"https:\/\/www.vpascode.com\/vn\/docs\/vpascode-docs\/mermaid-js-venn-diagram-syntax-layout-guide\/","og_locale":"vi_VN","og_type":"article","og_title":"Mermaid Venn Diagram Syntax | VPasCode Text to Diagram Guide","og_description":"Illustrate set overlaps and logical relationships with Mermaid Venn diagrams in VPasCode, a free diagram-as-code tool.","og_url":"https:\/\/www.vpascode.com\/vn\/docs\/vpascode-docs\/mermaid-js-venn-diagram-syntax-layout-guide\/","og_site_name":"VPasCode","og_image":[{"url":"https:\/\/www.vpascode.com\/wp-content\/uploads\/2026\/07\/img_6a46298fd9cf8.png","type":"","width":"","height":""}],"twitter_card":"summary_large_image","twitter_misc":{"\u01af\u1edbc t\u00ednh th\u1eddi gian \u0111\u1ecdc":"3 ph\u00fat"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"WebPage","@id":"https:\/\/www.vpascode.com\/vn\/docs\/vpascode-docs\/mermaid-js-venn-diagram-syntax-layout-guide\/","url":"https:\/\/www.vpascode.com\/vn\/docs\/vpascode-docs\/mermaid-js-venn-diagram-syntax-layout-guide\/","name":"Mermaid Venn Diagram Syntax | VPasCode Text to Diagram Guide","isPartOf":{"@id":"https:\/\/www.vpascode.com\/vn\/#website"},"primaryImageOfPage":{"@id":"https:\/\/www.vpascode.com\/vn\/docs\/vpascode-docs\/mermaid-js-venn-diagram-syntax-layout-guide\/#primaryimage"},"image":{"@id":"https:\/\/www.vpascode.com\/vn\/docs\/vpascode-docs\/mermaid-js-venn-diagram-syntax-layout-guide\/#primaryimage"},"thumbnailUrl":"https:\/\/www.vpascode.com\/wp-content\/uploads\/2026\/07\/img_6a46298fd9cf8.png","datePublished":"2026-07-02T09:03:07+00:00","description":"Illustrate set overlaps and logical relationships with Mermaid Venn diagrams in VPasCode, a free diagram-as-code tool.","breadcrumb":{"@id":"https:\/\/www.vpascode.com\/vn\/docs\/vpascode-docs\/mermaid-js-venn-diagram-syntax-layout-guide\/#breadcrumb"},"inLanguage":"vi","potentialAction":[{"@type":"ReadAction","target":["https:\/\/www.vpascode.com\/vn\/docs\/vpascode-docs\/mermaid-js-venn-diagram-syntax-layout-guide\/"]}]},{"@type":"ImageObject","inLanguage":"vi","@id":"https:\/\/www.vpascode.com\/vn\/docs\/vpascode-docs\/mermaid-js-venn-diagram-syntax-layout-guide\/#primaryimage","url":"https:\/\/www.vpascode.com\/wp-content\/uploads\/2026\/07\/img_6a46298fd9cf8.png","contentUrl":"https:\/\/www.vpascode.com\/wp-content\/uploads\/2026\/07\/img_6a46298fd9cf8.png"},{"@type":"BreadcrumbList","@id":"https:\/\/www.vpascode.com\/vn\/docs\/vpascode-docs\/mermaid-js-venn-diagram-syntax-layout-guide\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/www.vpascode.com\/vn\/"},{"@type":"ListItem","position":2,"name":"Lean Docs","item":"https:\/\/www.vpascode.com\/vn\/docs\/%ld_collection%\/"},{"@type":"ListItem","position":3,"name":"H\u01b0\u1edbng d\u1eabn c\u00fa ph\u00e1p v\u00e0 b\u1ed1 c\u1ee5c s\u01a1 \u0111\u1ed3 Venn Mermaid.js"}]},{"@type":"WebSite","@id":"https:\/\/www.vpascode.com\/vn\/#website","url":"https:\/\/www.vpascode.com\/vn\/","name":"VPasCode","description":"by Visual Paradigm","publisher":{"@id":"https:\/\/www.vpascode.com\/vn\/#organization"},"potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/www.vpascode.com\/vn\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"vi"},{"@type":"Organization","@id":"https:\/\/www.vpascode.com\/vn\/#organization","name":"VPasCode","url":"https:\/\/www.vpascode.com\/vn\/","logo":{"@type":"ImageObject","inLanguage":"vi","@id":"https:\/\/www.vpascode.com\/vn\/#\/schema\/logo\/image\/","url":"https:\/\/www.vpascode.com\/vn\/wp-content\/uploads\/sites\/12\/2026\/06\/cropped-vp-online-logo-v1.png","contentUrl":"https:\/\/www.vpascode.com\/vn\/wp-content\/uploads\/sites\/12\/2026\/06\/cropped-vp-online-logo-v1.png","width":128,"height":138,"caption":"VPasCode"},"image":{"@id":"https:\/\/www.vpascode.com\/vn\/#\/schema\/logo\/image\/"}}]}},"_links":{"self":[{"href":"https:\/\/www.vpascode.com\/vn\/wp-json\/wp\/v2\/ld_docs\/2086","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.vpascode.com\/vn\/wp-json\/wp\/v2\/ld_docs"}],"about":[{"href":"https:\/\/www.vpascode.com\/vn\/wp-json\/wp\/v2\/types\/ld_docs"}],"author":[{"embeddable":true,"href":"https:\/\/www.vpascode.com\/vn\/wp-json\/wp\/v2\/users\/3"}],"wp:attachment":[{"href":"https:\/\/www.vpascode.com\/vn\/wp-json\/wp\/v2\/media?parent=2086"}],"wp:term":[{"taxonomy":"ld_collection","embeddable":true,"href":"https:\/\/www.vpascode.com\/vn\/wp-json\/wp\/v2\/ld_collection?post=2086"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}