{"id":2079,"date":"2026-07-08T05:34:20","date_gmt":"2026-07-08T05:34:20","guid":{"rendered":"https:\/\/www.vpascode.com\/vn\/docs\/uncategorized\/mermaid-js-wardley-map-syntax-strategy-guide\/"},"modified":"2026-07-08T05:34:20","modified_gmt":"2026-07-08T05:34:20","slug":"mermaid-js-wardley-map-syntax-strategy-guide","status":"publish","type":"ld_docs","link":"https:\/\/www.vpascode.com\/vn\/docs\/vpascode-docs\/mermaid-js-wardley-map-syntax-strategy-guide\/","title":{"rendered":"Ng\u1eef ph\u00e1p B\u1ea3n \u0111\u1ed3 Wardley Mermaid.js v\u00e0 H\u01b0\u1edbng d\u1eabn Chi\u1ebfn l\u01b0\u1ee3c"},"content":{"rendered":"<p>B\u1ea3n \u0111\u1ed3 Wardley l\u00e0 m\u1ed9t khung m\u1ea1nh m\u1ebd \u0111\u01b0\u1ee3c s\u1eed d\u1ee5ng cho chi\u1ebfn l\u01b0\u1ee3c kinh doanh nh\u1eb1m tr\u1ef1c quan h\u00f3a chu\u1ed7i gi\u00e1 tr\u1ecb v\u00e0 l\u1eadp b\u1ea3n \u0111\u1ed3 s\u1ef1 ph\u00e1t tri\u1ec3n c\u1ee7a c\u00e1c th\u00e0nh ph\u1ea7n. \u0110\u01b0\u1ee3c gi\u1edbi thi\u1ec7u nh\u01b0 m\u1ed9t t\u00ednh n\u0103ng t\u00edch h\u1ee3p s\u1eb5n trong Mermaid v11.14.0+,<code>wardley-beta<\/code>\u0111\u1ed9ng c\u01a1 cho ph\u00e9p c\u00e1c nh\u00f3m chi\u1ebfn l\u01b0\u1ee3c, ki\u1ebfn tr\u00fac s\u01b0 v\u00e0 qu\u1ea3n l\u00fd s\u1ea3n ph\u1ea9m l\u1eadp b\u1ea3n \u0111\u1ed3 m\u00f4i tr\u01b0\u1eddng th\u1ecb tr\u01b0\u1eddng b\u1eb1ng v\u0103n b\u1ea3n thu\u1ea7n t\u00fay. B\u1eb1ng c\u00e1ch \u0111\u1ecbnh v\u1ecb c\u00e1c th\u00e0nh ph\u1ea7n k\u1ef9 thu\u1eadt trong kh\u00f4ng gian t\u1ecda \u0111\u1ed9 2D, c\u00e1c nh\u00f3m c\u00f3 th\u1ec3 ph\u00e2n t\u00edch tr\u1ef1c quan c\u00e1c m\u1ed1i ph\u1ee5 thu\u1ed9c trong chu\u1ed7i gi\u00e1 tr\u1ecb, ph\u00e1t hi\u1ec7n s\u1ef1 tr\u00ec tr\u1ec7 c\u1ee7a th\u1ecb tr\u01b0\u1eddng v\u00e0 \u0111\u01b0a ra quy\u1ebft \u0111\u1ecbnh c\u00f3 c\u1ea5u tr\u00fac v\u1ec1 vi\u1ec7c t\u1ef1 x\u00e2y d\u1ef1ng hay mua ngo\u00e0i.<\/p>\n<h2>Hi\u1ec3u v\u1ec1 H\u1ec7 th\u1ed1ng l\u01b0\u1edbi t\u1ecda \u0111\u1ed9<\/h2>\n<p>Kh\u00e1c v\u1edbi c\u00e1c s\u01a1 \u0111\u1ed3 lu\u1ed3ng th\u00f4ng th\u01b0\u1eddng kh\u00f4ng theo khu\u00f4n m\u1eabu, m\u1ecdi th\u00e0nh ph\u1ea7n trong b\u1ea3n \u0111\u1ed3 Wardley \u0111\u1ec1u \u0111\u01b0\u1ee3c bi\u1ec3u di\u1ec5n tr\u00ean m\u1ed9t kh\u00f4ng gian hai chi\u1ec1u c\u1ee9ng nh\u1eafc d\u1ef1a tr\u00ean hai t\u1ecda \u0111\u1ed9 th\u1eadp ph\u00e2n n\u1eb1m trong kho\u1ea3ng t\u1eeb<code>0.0<\/code> \u0111\u1ebfn <code>1.0<\/code>:<\/p>\n<ul>\n<li><strong>\u0110\u1ed9 hi\u1ec3n th\u1ecb (Tr\u1ee5c Y \/ T\u1ecda \u0111\u1ed9 th\u1ee9 nh\u1ea5t):<\/strong> \u0110o l\u01b0\u1eddng m\u1ee9c \u0111\u1ed9 hi\u1ec3n th\u1ecb ho\u1eb7c gi\u00e1 tr\u1ecb c\u1ee7a m\u1ed9t th\u00e0nh ph\u1ea7n \u0111\u1ed1i v\u1edbi ng\u01b0\u1eddi d\u00f9ng cu\u1ed1i. M\u1ed9t gi\u00e1 tr\u1ecb c\u1ee7a<code>1.0<\/code> \u0111\u1ea1i di\u1ec7n cho m\u1ed9t \u0111i\u1ec3m ti\u1ebfp x\u00fac tr\u1ef1c ti\u1ebfp v\u1edbi ng\u01b0\u1eddi d\u00f9ng (\u0111\u1ed9 hi\u1ec3n th\u1ecb cao nh\u1ea5t), trong khi<code>0.0<\/code> \u0111\u1ea1i di\u1ec7n cho c\u01a1 s\u1edf h\u1ea1 t\u1ea7ng n\u1ec1n t\u1ea3ng \u1ea9n.<\/li>\n<li><strong>S\u1ef1 ph\u00e1t tri\u1ec3n (Tr\u1ee5c X \/ T\u1ecda \u0111\u1ed9 th\u1ee9 hai):<\/strong> \u0110o l\u01b0\u1eddng m\u1ee9c \u0111\u1ed9 ch\u00edn mu\u1ed3i c\u1ee7a m\u1ed9t t\u00e0i s\u1ea3n th\u1ecb tr\u01b0\u1eddng. N\u00f3 di chuy\u1ec3n t\u1eeb tr\u00e1i sang ph\u1ea3i qua b\u1ed1n giai \u0111o\u1ea1n ti\u1ebfn h\u00f3a ri\u00eang bi\u1ec7t:<em>Genesis<\/em> (0.0), <em>T\u1ef1 x\u00e2y d\u1ef1ng<\/em> (0.25), <em>S\u1ea3n ph\u1ea9m\/Thu\u00ea<\/em> (0.5), v\u00e0<em>H\u00e0ng h\u00f3a\/D\u1ecbch v\u1ee5<\/em> (t\u1eeb 0.75 \u0111\u1ebfn 1.0).<\/li>\n<\/ul>\n<h2>C\u1ea5u tr\u00fac Ng\u1eef ph\u00e1p C\u01a1 b\u1ea3n<\/h2>\n<p>M\u1ed7i s\u01a1 \u0111\u1ed3 b\u1eaft \u0111\u1ea7u b\u1eb1ng ph\u1ea7n khai b\u00e1o<code>wardley-beta<\/code>ti\u00eau \u0111\u1ec1 khai b\u00e1o. Sau \u0111\u00f3, b\u1ea1n thi\u1ebft l\u1eadp c\u00e1c \u0111i\u1ec3m neo ng\u01b0\u1eddi d\u00f9ng b\u1eb1ng<code>c\u1ed9t m\u1ed1c<\/code>t\u1eeb kh\u00f3a, l\u1eadp b\u1ea3n \u0111\u1ed3 c\u00e1c kh\u1ed1i h\u1ea1 t\u1ea7ng v\u1eadn h\u00e0nh v\u1edbi<code>th\u00e0nh ph\u1ea7n<\/code>t\u1eeb kh\u00f3a, v\u00e0 v\u1ebd c\u00e1c m\u1ed1i quan h\u1ec7 gi\u1eefa ch\u00fang b\u1eb1ng c\u00e1c m\u0169i t\u00ean \u0111\u1ecbnh h\u01b0\u1edbng.<\/p>\n<div class=\"vpascode-viewer-container vpascode-fancy-active\">\n<div class=\"vpascode-header\">\n<span class=\"vpascode-lang-label\">Mermaid<\/span><br \/>\n<a class=\"vpascode-fancy-btn\" href=\"https:\/\/www.vpascode.com\/editor\/#mermaid:eNorTyxKyUmt1E1KLUnk5SrJLMlJVQjOzC0AUSVFiSWp6ZUKvokFvFyJeckZ+UUKzqXFJfm5qUUK0QZ6ljoKBnqmsbxcyfm5Bfl5qXklCuGpScWZJakgWXOQrAlQFq5F1w4mDwBHQyaX\" rel=\"noopener noreferrer\" target=\"_blank\"><br \/>\n<svg fill=\"none\" height=\"14\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2.5\" style=\"margin-right: 8px;\" viewbox=\"0 0 24 24\" width=\"14\"><path d=\"M11 4H4a2 2 0 0 0-2 2v14a2 2 0 0 0 2 2h14a2 2 0 0 0 2-2v-7\"><\/path><path d=\"M18.5 2.5a2.121 2.121 0 0 1 3 3L12 15l-4 1 1-4 9.5-9.5z\"><\/path><\/svg><br \/>\n<span>Ch\u1ec9nh s\u1eeda Mermaid trong VPasCode<\/span><br \/>\n<\/a>\n<\/div>\n<div class=\"vpascode-code-wrapper\">\n            <div class=\"vpascode-viewer-container vpascode-fancy-active\">\r\n                                <div class=\"vpascode-header\">\r\n                    <span class=\"vpascode-lang-label\">Mermaid<\/span>\r\n                    <a href=\"https:\/\/www.vpascode.com\/editor\/#mermaid:eNorTyxKyUmt1E1KLUnk5SrJLMlJVXB6uGtxnsKRiQ93T1Zwzsh8uGt\/nkLOsQ0Pdy9OVjgy4djCPIX0TJASXq7EvOSM\/CIF74zDC5MzFDIOL8hLV4g20LPUUTDQM43l5UrOzy3Iz0vNK1EIKUoEypWnJoHkzUHyJkB5FI26dghVAPhvO0E=\" \r\n                       target=\"_blank\" \r\n                       rel=\"noopener noreferrer\" \r\n                       class=\"vpascode-fancy-btn\">\r\n                        <svg width=\"14\" height=\"14\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\" style=\"margin-right: 8px;\"><path d=\"M11 4H4a2 2 0 0 0-2 2v14a2 2 0 0 0 2 2h14a2 2 0 0 0 2-2v-7\"><\/path><path d=\"M18.5 2.5a2.121 2.121 0 0 1 3 3L12 15l-4 1 1-4 9.5-9.5z\"><\/path><\/svg>\r\n                        <span>Edit Mermaid in VPasCode<\/span>\r\n                    <\/a>\r\n                <\/div>\r\n                                <div class=\"vpascode-code-wrapper\">\r\n                    <pre class=\"lang-mermaid\"><code class=\"language-mermaid\" data-language=\"mermaid\" class=\"language-mermaid\">wardley-beta\r\ntitle B\u1ea3n \u0111\u1ed3 Chi\u1ebfn l\u01b0\u1ee3c \u0110\u01a1n gi\u1ea3n\r\nanchor Kh\u00e1ch h\u00e0ng [0.9, 0.5]\r\ncomponent Trang web [0.7, 0.4]\r\nKh\u00e1ch h\u00e0ng -&gt; Trang web<\/code><\/pre>                <\/div>\r\n                <div class=\"vpascode-actions\">\r\n                    <a href=\"https:\/\/www.vpascode.com\/editor\/#mermaid:eNorTyxKyUmt1E1KLUnk5SrJLMlJVXB6uGtxnsKRiQ93T1Zwzsh8uGt\/nkLOsQ0Pdy9OVjgy4djCPIX0TJASXq7EvOSM\/CIF74zDC5MzFDIOL8hLV4g20LPUUTDQM43l5UrOzy3Iz0vNK1EIKUoEypWnJoHkzUHyJkB5FI26dghVAPhvO0E=\" \r\n                       target=\"_blank\" \r\n                       rel=\"noopener noreferrer\" \r\n                       class=\"vpascode-fancy-btn\">\r\n                        <svg width=\"14\" height=\"14\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\" style=\"margin-right: 6px;\"><path d=\"M11 4H4a2 2 0 0 0-2 2v14a2 2 0 0 0 2 2h14a2 2 0 0 0 2-2v-7\"><\/path><path d=\"M18.5 2.5a2.121 2.121 0 0 1 3 3L12 15l-4 1 1-4 9.5-9.5z\"><\/path><\/svg>\r\n                        <span>Edit Mermaid in VPasCode<\/span>\r\n                    <\/a>\r\n                <\/div>\r\n            <\/div>\r\n            \n<\/p><\/div>\n<div class=\"vpascode-actions\">\n<a class=\"vpascode-fancy-btn\" href=\"https:\/\/www.vpascode.com\/editor\/#mermaid:eNorTyxKyUmt1E1KLUnk5SrJLMlJVQjOzC0AUSVFiSWp6ZUKvokFvFyJeckZ+UUKzqXFJfm5qUUK0QZ6ljoKBnqmsbxcyfm5Bfl5qXklCuGpScWZJakgWXOQrAlQFq5F1w4mDwBHQyaX\" rel=\"noopener noreferrer\" target=\"_blank\"><br \/>\n<svg fill=\"none\" height=\"14\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2.5\" style=\"margin-right: 6px;\" viewbox=\"0 0 24 24\" width=\"14\"><path d=\"M11 4H4a2 2 0 0 0-2 2v14a2 2 0 0 0 2 2h14a2 2 0 0 0 2-2v-7\"><\/path><path d=\"M18.5 2.5a2.121 2.121 0 0 1 3 3L12 15l-4 1 1-4 9.5-9.5z\"><\/path><\/svg><br \/>\n<span>Ch\u1ec9nh s\u1eeda Mermaid trong VPasCode<\/span><br \/>\n<\/a>\n<\/div>\n<\/div>\n<p>\u00a0<\/p>\n<p id=\"FDfuadJ\"><img fetchpriority=\"high\" alt=\"\" class=\"alignnone size-full wp-image-939\" decoding=\"async\" fetchpriority=\"high\" height=\"600\" sizes=\"(max-width: 900px) 100vw, 900px\" src=\"https:\/\/www.vpascode.com\/wp-content\/uploads\/2026\/07\/img_6a4de2fd2de7f.png\" srcset=\"https:\/\/www.vpascode.com\/wp-content\/uploads\/2026\/07\/img_6a4de2fd2de7f.png 900w, https:\/\/www.vpascode.com\/wp-content\/uploads\/2026\/07\/img_6a4de2fd2de7f-300x200.png 300w, https:\/\/www.vpascode.com\/wp-content\/uploads\/2026\/07\/img_6a4de2fd2de7f-768x512.png 768w\" width=\"900\"\/><\/p>\n<h2>Tham chi\u1ebfu Ng\u1eef ph\u00e1p<\/h2>\n<p>B\u1ea3ng d\u01b0\u1edbi \u0111\u00e2y ph\u00e2n t\u00edch c\u00e1c kh\u1ed1i x\u00e2y d\u1ef1ng ng\u1eef ngh\u0129a ch\u00ednh v\u00e0 c\u00e1c tham s\u1ed1 c\u1ea7n thi\u1ebft \u0111\u1ec3 c\u1ea5u tr\u00fac m\u1ed9t B\u1ea3n \u0111\u1ed3 Wardley b\u00ean trong b\u1ed9 th\u00f4ng d\u1ecbch c\u1ed1t l\u00f5i Mermaid.<\/p>\n<table border=\"1\" cellpadding=\"5\" cellspacing=\"0\">\n<thead>\n<tr>\n<th>Th\u00e0nh ph\u1ea7n Ng\u1eef ph\u00e1p<\/th>\n<th>Y\u00eau c\u1ea7u Lo\u1ea1i<\/th>\n<th>M\u00f4 t\u1ea3 &amp; Quy t\u1eafc S\u1eed d\u1ee5ng<\/th>\n<\/tr>\n<\/thead>\n<tbody>\n<tr>\n<td><strong>Khai b\u00e1o<\/strong><\/td>\n<td>Ch\u1ec9 \u0111\u1ecbnh T\u1eeb kh\u00f3a<\/td>\n<td>Kh\u1edfi t\u1ea1o b\u1ea3ng v\u1ebd b\u1ea3n \u0111\u1ed3 l\u01b0\u1edbi chi\u1ebfn l\u01b0\u1ee3c. Ph\u1ea3i s\u1eed d\u1ee5ng ch\u00ednh x\u00e1c chu\u1ed7i<code>wardley-beta<\/code>chu\u1ed7i kh\u1ed1i.<\/td>\n<\/tr>\n<tr>\n<td><strong>Ti\u00eau \u0111\u1ec1<\/strong><\/td>\n<td>Chu\u1ed7i Th\u01b0\u1eddng\/Chu\u1ed7i \u0110\u01b0\u1ee3c D\u1ea5u<\/td>\n<td>Ti\u00eau \u0111\u1ec1 t\u00f9y ch\u1ecdn \u0111\u01b0\u1ee3c in \u1edf ch\u00ednh gi\u1eefa ph\u1ea7n tr\u00ean c\u00f9ng c\u1ee7a kh\u00f4ng gian l\u00e0m vi\u1ec7c l\u01b0\u1edbi s\u01a1 \u0111\u1ed3.<\/td>\n<\/tr>\n<tr>\n<td><strong>Gi\u1edbi h\u1ea1n K\u00edch th\u01b0\u1edbc<\/strong><\/td>\n<td>Pixe trong D\u1ea5u ngo\u1eb7c vu\u00f4ng<\/td>\n<td>Tham s\u1ed1 t\u00f9y ch\u1ec9nh t\u00f9y ch\u1ecdn d\u00f9ng \u0111\u1ec3 ghi \u0111\u00e8 b\u1ed1 c\u1ee5c l\u01b0\u1edbi chi\u1ec1u r\u1ed9ng v\u00e0 chi\u1ec1u cao b\u1ea3ng v\u1ebd m\u1eb7c \u0111\u1ecbnh:<code>size [1200, 700]<\/code>.<\/td>\n<\/tr>\n<tr>\n<td><strong>N\u00fat C\u1ed9t m\u1ed1c<\/strong><\/td>\n<td>T\u1eeb kh\u00f3a + Nh\u00e3n<\/td>\n<td>Thi\u1ebft l\u1eadp ng\u01b0\u1eddi d\u00f9ng ho\u1eb7c kh\u00e1ch h\u00e0ng ch\u00ednh \u1edf \u0111\u1ea7u ma tr\u1eadn chu\u1ed7i gi\u00e1 tr\u1ecb c\u1ee7a b\u1ea1n. Y\u00eau c\u1ea7u gi\u1edbi h\u1ea1n t\u1ecda \u0111\u1ed9:<code>anchor Ng\u01b0\u1eddi mua [Y, X]<\/code>.<\/td>\n<\/tr>\n<tr>\n<td><strong>N\u00fat th\u00e0nh ph\u1ea7n<\/strong><\/td>\n<td>T\u1eeb kh\u00f3a + Nh\u00e3n<\/td>\n<td>Kh\u1eb3ng \u0111\u1ecbnh m\u1ed9t t\u00ednh n\u0103ng k\u1ef9 thu\u1eadt \u0111\u1ed9c l\u1eadp ho\u1eb7c kh\u1ed1i t\u00e0i s\u1ea3n. Y\u00eau c\u1ea7u gi\u1edbi h\u1ea1n v\u1ecb tr\u00ed ch\u00ednh x\u00e1c: <code>th\u00e0nh ph\u1ea7n API c\u1ed1t l\u00f5i [Y, X]<\/code>.<\/td>\n<\/tr>\n<tr>\n<td><strong>\u0110\u01b0\u1eddng d\u1eabn li\u00ean k\u1ebft<\/strong><\/td>\n<td>To\u00e1n t\u1eed k\u1ebft n\u1ed1i<\/td>\n<td>V\u1ebd c\u00e1c m\u1ed1i quan h\u1ec7 ph\u1ee5 thu\u1ed9c tr\u1ef1c ti\u1ebfp, c\u00f3 c\u1ea5u tr\u00fac xu\u1ed1ng d\u01b0\u1edbi ho\u1eb7c theo chi\u1ec1u ngang qua c\u00e1c n\u00fat th\u00f4ng qua quy t\u1eafc <code>-&gt;<\/code> quy t\u1eafc c\u00fa ph\u00e1p.<\/td>\n<\/tr>\n<\/tbody>\n<\/table>\n<hr\/>\n<h2>Bi\u1ec3u t\u01b0\u1ee3ng h\u00e0nh \u0111\u1ed9ng chi\u1ebfn l\u01b0\u1ee3c (X\u00e2y d\u1ef1ng, Mua, Nh\u1edd b\u00ean ngo\u00e0i, Th\u1ecb tr\u01b0\u1eddng)<\/h2>\n<p>\u0110\u1ec3 ghi ch\u00e9p r\u00f5 r\u00e0ng c\u00e1c k\u1ebf ho\u1ea1ch th\u1ef1c thi chi\u1ebfn l\u01b0\u1ee3c, Mermaid.js cho ph\u00e9p th\u00eam c\u00e1c bao b\u1ecdc h\u00e0nh \u0111\u1ed9ng v\u00e0o t\u1eebng th\u00e0nh ph\u1ea7n ri\u00eang l\u1ebb. Nh\u1eefng h\u00e0nh \u0111\u1ed9ng n\u00e0y \u0111\u1eb7t c\u00e1c h\u00ecnh d\u1ea1ng kh\u00e1c nhau l\u00ean n\u00fat t\u1ecda \u0111\u1ed9 \u0111\u1ec3 th\u1ec3 hi\u1ec7n ngay l\u1eadp t\u1ee9c c\u00e1c l\u1ef1a ch\u1ecdn ki\u1ebfn tr\u00fac:<\/p>\n<table border=\"1\" cellpadding=\"5\" cellspacing=\"0\">\n<thead>\n<tr>\n<th>Ch\u1ec9nh s\u1eeda h\u00e0nh \u0111\u1ed9ng<\/th>\n<th>Bi\u1ec3u t\u01b0\u1ee3ng h\u00ecnh d\u1ea1ng \u0111\u01b0\u1ee3c hi\u1ec3n th\u1ecb<\/th>\n<th>B\u1ea3n \u0111\u1ed3 \u00fd \u0111\u1ecbnh chi\u1ebfn l\u01b0\u1ee3c<\/th>\n<\/tr>\n<\/thead>\n<tbody>\n<tr>\n<td><code>(x\u00e2y d\u1ef1ng)<\/code><\/td>\n<td>Bi\u1ec3u t\u01b0\u1ee3ng h\u00ecnh tam gi\u00e1c<\/td>\n<td>Th\u00e0nh ph\u1ea7n l\u00e0 \u0111\u1ed9c \u0111\u00e1o, c\u00f3 r\u1ee7i ro cao ho\u1eb7c \u0111\u01b0\u1ee3c t\u1ea1o n\u1ed9i b\u1ed9 nh\u1eb1m ph\u00e2n bi\u1ec7t c\u1ea1nh tranh.<\/td>\n<\/tr>\n<tr>\n<td><code>(mua)<\/code><\/td>\n<td>Bi\u1ec3u t\u01b0\u1ee3ng h\u00ecnh thoi<\/td>\n<td>Th\u00e0nh ph\u1ea7n \u0111\u01b0\u1ee3c l\u1ea5y t\u1eeb ho\u1eb7c c\u1ea5p ph\u00e9p b\u1edfi nh\u00e0 cung c\u1ea5p s\u1ea3n ph\u1ea9m b\u00ean th\u1ee9 ba.<\/td>\n<\/tr>\n<tr>\n<td><code>(nh\u1edd b\u00ean ngo\u00e0i)<\/code><\/td>\n<td>Bi\u1ec3u t\u01b0\u1ee3ng h\u00ecnh vu\u00f4ng<\/td>\n<td>Vi\u1ec7c qu\u1ea3n l\u00fd th\u00e0nh ph\u1ea7n \u0111\u01b0\u1ee3c giao ho\u00e0n to\u00e0n cho m\u1ed9t nh\u00f3m nh\u00e0 cung c\u1ea5p b\u00ean ngo\u00e0i.<\/td>\n<\/tr>\n<tr>\n<td><code>(th\u1ecb tr\u01b0\u1eddng)<\/code><\/td>\n<td>Bi\u1ec3u t\u01b0\u1ee3ng h\u00ecnh tr\u00f2n<\/td>\n<td>Th\u00e0nh ph\u1ea7n l\u00e0 m\u1ed9t ti\u1ec7n \u00edch ph\u1ed5 bi\u1ebfn ho\u1eb7c h\u00e0ng h\u00f3a c\u00f4ng c\u1ed9ng.<\/td>\n<\/tr>\n<\/tbody>\n<\/table>\n<h3>V\u00ed d\u1ee5 tri\u1ec3n khai c\u00fa ph\u00e1p:<\/h3>\n<div class=\"vpascode-viewer-container vpascode-fancy-active\">\n<div class=\"vpascode-header\">\n<span class=\"vpascode-lang-label\">Mermaid<\/span><br \/>\n<a class=\"vpascode-fancy-btn\" href=\"https:\/\/www.vpascode.com\/editor\/#mermaid:eNorTyxKyUmt1E1KLUnk5UrOzy3Iz0vNK1FwLi0uyc9VCPVUiDbQszDQUTDQMzaIVdBIKs3MSdFEVhmQWJkLpovyk1OLi\/OLQDpMTEE6zEzBOio1AcVoIG4=\" rel=\"noopener noreferrer\" target=\"_blank\"><br \/>\n<svg fill=\"none\" height=\"14\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2.5\" style=\"margin-right: 8px;\" viewbox=\"0 0 24 24\" width=\"14\"><path d=\"M11 4H4a2 2 0 0 0-2 2v14a2 2 0 0 0 2 2h14a2 2 0 0 0 2-2v-7\"><\/path><path d=\"M18.5 2.5a2.121 2.121 0 0 1 3 3L12 15l-4 1 1-4 9.5-9.5z\"><\/path><\/svg><br \/>\n<span>Ch\u1ec9nh s\u1eeda Mermaid trong VPasCode<\/span><br \/>\n<\/a>\n<\/div>\n<div class=\"vpascode-code-wrapper\">\n            <div class=\"vpascode-viewer-container vpascode-fancy-active\">\r\n                                <div class=\"vpascode-header\">\r\n                    <span class=\"vpascode-lang-label\">Mermaid<\/span>\r\n                    <a href=\"https:\/\/www.vpascode.com\/editor\/#mermaid:eNorTyxKyUmt1E1KLUnk5UrOzy3Iz0vNK1Fwz0zMV0jJfLi7PU8hL\/3Yhoe752YqpBzemZeuUHJ4Z6VCcsbD3Z15GQrRBnoWBjoKBnrGBrEKGhWHF1UqpDzcvTEvXRPZNKeHu2cqVDzcvVYh5\/BehZKMRKDOkvzDC\/NA+k1MQfrNTIH6c0sTNQFEmDoR\" \r\n                       target=\"_blank\" \r\n                       rel=\"noopener noreferrer\" \r\n                       class=\"vpascode-fancy-btn\">\r\n                        <svg width=\"14\" height=\"14\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\" style=\"margin-right: 8px;\"><path d=\"M11 4H4a2 2 0 0 0-2 2v14a2 2 0 0 0 2 2h14a2 2 0 0 0 2-2v-7\"><\/path><path d=\"M18.5 2.5a2.121 2.121 0 0 1 3 3L12 15l-4 1 1-4 9.5-9.5z\"><\/path><\/svg>\r\n                        <span>Edit Mermaid in VPasCode<\/span>\r\n                    <\/a>\r\n                <\/div>\r\n                                <div class=\"vpascode-code-wrapper\">\r\n                    <pre class=\"lang-mermaid\"><code class=\"language-mermaid\" data-language=\"mermaid\" class=\"language-mermaid\">wardley-beta\r\ncomponent Giao di\u1ec7n ng\u01b0\u1eddi d\u00f9ng t\u00f9y ch\u1ec9nh [0.80, 0.30] (x\u00e2y d\u1ef1ng)\r\ncomponent B\u1ed9 x\u1eed l\u00fd thanh to\u00e1n [0.45, 0.65] (mua)<\/code><\/pre>                <\/div>\r\n                <div class=\"vpascode-actions\">\r\n                    <a href=\"https:\/\/www.vpascode.com\/editor\/#mermaid:eNorTyxKyUmt1E1KLUnk5UrOzy3Iz0vNK1Fwz0zMV0jJfLi7PU8hL\/3Yhoe752YqpBzemZeuUHJ4Z6VCcsbD3Z15GQrRBnoWBjoKBnrGBrEKGhWHF1UqpDzcvTEvXRPZNKeHu2cqVDzcvVYh5\/BehZKMRKDOkvzDC\/NA+k1MQfrNTIH6c0sTNQFEmDoR\" \r\n                       target=\"_blank\" \r\n                       rel=\"noopener noreferrer\" \r\n                       class=\"vpascode-fancy-btn\">\r\n                        <svg width=\"14\" height=\"14\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\" style=\"margin-right: 6px;\"><path d=\"M11 4H4a2 2 0 0 0-2 2v14a2 2 0 0 0 2 2h14a2 2 0 0 0 2-2v-7\"><\/path><path d=\"M18.5 2.5a2.121 2.121 0 0 1 3 3L12 15l-4 1 1-4 9.5-9.5z\"><\/path><\/svg>\r\n                        <span>Edit Mermaid in VPasCode<\/span>\r\n                    <\/a>\r\n                <\/div>\r\n            <\/div>\r\n            \n<\/p><\/div>\n<div class=\"vpascode-actions\">\n<a class=\"vpascode-fancy-btn\" href=\"https:\/\/www.vpascode.com\/editor\/#mermaid:eNorTyxKyUmt1E1KLUnk5UrOzy3Iz0vNK1FwLi0uyc9VCPVUiDbQszDQUTDQMzaIVdBIKs3MSdFEVhmQWJkLpovyk1OLi\/OLQDpMTEE6zEzBOio1AcVoIG4=\" rel=\"noopener noreferrer\" target=\"_blank\"><br \/>\n<svg fill=\"none\" height=\"14\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2.5\" style=\"margin-right: 6px;\" viewbox=\"0 0 24 24\" width=\"14\"><path d=\"M11 4H4a2 2 0 0 0-2 2v14a2 2 0 0 0 2 2h14a2 2 0 0 0 2-2v-7\"><\/path><path d=\"M18.5 2.5a2.121 2.121 0 0 1 3 3L12 15l-4 1 1-4 9.5-9.5z\"><\/path><\/svg><br \/>\n<span>Ch\u1ec9nh s\u1eeda Mermaid trong VPasCode<\/span><br \/>\n<\/a>\n<\/div>\n<\/div>\n<p id=\"AARxkUc\"><img alt=\"\" class=\"alignnone size-full wp-image-940\" decoding=\"async\" height=\"600\" sizes=\"(max-width: 900px) 100vw, 900px\" src=\"https:\/\/www.vpascode.com\/wp-content\/uploads\/2026\/07\/img_6a4de30a2df5f.png\" srcset=\"https:\/\/www.vpascode.com\/wp-content\/uploads\/2026\/07\/img_6a4de30a2df5f.png 900w, https:\/\/www.vpascode.com\/wp-content\/uploads\/2026\/07\/img_6a4de30a2df5f-300x200.png 300w, https:\/\/www.vpascode.com\/wp-content\/uploads\/2026\/07\/img_6a4de30a2df5f-768x512.png 768w\" width=\"900\"\/><\/p>\n<hr\/>\n<h2>B\u1ea3n thi\u1ebft k\u1ebf th\u1ef1c t\u1ebf: Chu\u1ed7i gi\u00e1 tr\u1ecb ti\u1ec7m c\u00e0 ph\u00ea th\u1ee7 c\u00f4ng<\/h2>\n<p>B\u1ea3n thi\u1ebft k\u1ebf to\u00e0n di\u1ec7n n\u00e0y theo d\u00f5i m\u00f4 h\u00ecnh kinh doanh c\u1eeda h\u00e0ng m\u1edf r\u1ed9ng. N\u00f3 m\u00f4 t\u1ea3 ki\u1ebfn tr\u00fac b\u1ea3n \u0111\u1ed3 \u0111\u1ea7y \u0111\u1ee7\u2014c\u1ea5u h\u00ecnh gi\u1edbi h\u1ea1n k\u00edch th\u01b0\u1edbc t\u00f9y ch\u1ec9nh l\u1edbn h\u01a1n, thi\u1ebft l\u1eadp c\u00e1c \u0111i\u1ec3m neo kinh doanh, \u0111\u1eb7t c\u00e1c d\u1ea5u hi\u1ec7u x\u00e2y d\u1ef1ng\/mua chuy\u00ean bi\u1ec7t, v\u00e0 v\u1ebd c\u00e1c li\u00ean k\u1ebft ph\u1ee5 thu\u1ed9c qua c\u00e1c giai \u0111o\u1ea1n tr\u1ee5c.<\/p>\n<div class=\"vpascode-viewer-container vpascode-fancy-active\">\n<div class=\"vpascode-header\">\n<span class=\"vpascode-lang-label\">Mermaid<\/span><br \/>\n<a class=\"vpascode-fancy-btn\" href=\"https:\/\/www.vpascode.com\/editor\/#mermaid:eNp1kEFrwkAQhe8L+x8GQaigEsEoXgo2te3BomChB\/Gwbia6mOyG3Q2S\/vpOohWt8bIMy3vzzXtHYeMUy94WveDMK58itCKRILwUTml0DlbeCo+7Ej5F3uLMqR+E9WAQBF0YhcGGM87abYiMvfJMtdwb6zgT9QBvthqUQ1gcNVpYB\/1J2IWgH4abi2imY4gK5012VgSVYhT+IRY50iXKaJESLsuNRu1hLkqsSPLys8pRKpH6klRJgljtGte0YbiBp22h0rhzbVgaRa9JYCUo\/hfaTFUMso1OJwS1rbwxTQs6lIqJ4cN4+KapPnpYg8YVKBP2gP7GNEtReqskbX+3Kiby8WQb1LZJBTKFd6awEjvn3K+Yo45RSwq0F0rDXOmD0jtYCr+n5De99Z7v8nP2v34SNWfm7K480jZE5exBaSRvDMlZU2GP1L+nONVX\" rel=\"noopener noreferrer\" target=\"_blank\"><br \/>\n<svg fill=\"none\" height=\"14\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2.5\" style=\"margin-right: 8px;\" viewbox=\"0 0 24 24\" width=\"14\"><path d=\"M11 4H4a2 2 0 0 0-2 2v14a2 2 0 0 0 2 2h14a2 2 0 0 0 2-2v-7\"><\/path><path d=\"M18.5 2.5a2.121 2.121 0 0 1 3 3L12 15l-4 1 1-4 9.5-9.5z\"><\/path><\/svg><br \/>\n<span>Ch\u1ec9nh s\u1eeda Mermaid trong VPasCode<\/span><br \/>\n<\/a>\n<\/div>\n<div class=\"vpascode-code-wrapper\">\n            <div class=\"vpascode-viewer-container vpascode-fancy-active\">\r\n                                <div class=\"vpascode-header\">\r\n                    <span class=\"vpascode-lang-label\">Mermaid<\/span>\r\n                    <a href=\"https:\/\/www.vpascode.com\/editor\/#mermaid:eNqNUb1KK0EU7gfmHQ6CoKCyATdiY6Gl6AtIinWyZAaTszFO1LUTCwsrsRAJglEuwoWAYiHuFBYjvse8iWdmgxhJ1GbZgfP9HySdejPN57dTnXCmlW6mMLXqijuEt3NnLkBI5YpXhOb7gzN3AnYUSqhnCX13u7aPIOwNtKX9P8XZnjpKYatSiaI5qMZRjTPOpqdhzfYFsSlnTlqAafaVQ0g7QMlZgkJmHViTztyDcGaQgLQ32ACUQZj+dru5M8cIW9HCcjwH0UIc1z6B65JE5BAjus6cK3L2Qg9\/HvnzajxiqOlMrw3aIyQFcMU9wr4rBhhIyJLIWu0MU9R0X0b0lRTPAvZCP0S8FHwsxjWYObS3OdSdecTG7Ffshu3noH1I0Cr4167oK0pDirknqZbuIiJpdZMR8KbP3hOA9omSaGIPq1yVsRaD+pJX19TbGeiOv7\/+5mCzQXVcYLnA6XDJnvIMlcCw7KWxkQVfVMujmB1dbsgKWNYqie9S+c7MPyqQXleCs8kLzK+Mb5Czv8xN6J87JJqx+xBwcn+c\/TKMR48vjrMfZpkM+wAYf4HC\" \r\n                       target=\"_blank\" \r\n                       rel=\"noopener noreferrer\" \r\n                       class=\"vpascode-fancy-btn\">\r\n                        <svg width=\"14\" height=\"14\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\" style=\"margin-right: 8px;\"><path d=\"M11 4H4a2 2 0 0 0-2 2v14a2 2 0 0 0 2 2h14a2 2 0 0 0 2-2v-7\"><\/path><path d=\"M18.5 2.5a2.121 2.121 0 0 1 3 3L12 15l-4 1 1-4 9.5-9.5z\"><\/path><\/svg>\r\n                        <span>Edit Mermaid in VPasCode<\/span>\r\n                    <\/a>\r\n                <\/div>\r\n                                <div class=\"vpascode-code-wrapper\">\r\n                    <pre class=\"lang-mermaid\"><code class=\"language-mermaid\" data-language=\"mermaid\" class=\"language-mermaid\">wardley-beta\r\ntitle \"B\u1ea3n \u0111\u1ed3 chi\u1ebfn l\u01b0\u1ee3c kinh doanh qu\u00e1n c\u00e0 ph\u00ea\"\r\nsize [1100, 650]\r\n\r\n%% C\u00e1c \u0111i\u1ec3m neo kinh doanh ch\u00ednh\r\nanchor Ch\u1ee7 c\u1eeda h\u00e0ng nh\u01b0\u1ee3ng quy\u1ec1n [0.95, 0.55]\r\nanchor Kh\u00e1ch h\u00e0ng cu\u1ed1i c\u00f9ng [0.90, 0.65]\r\n\r\n%% C\u00e1c l\u1edbp th\u00e0nh ph\u1ea7n v\u1eadn h\u00e0nh\r\ncomponent C\u00e0 ph\u00ea \u0111\u1eb7c s\u1ea3n [0.75, 0.45] (x\u00e2y d\u1ef1ng)\r\ncomponent M\u00e1y t\u00ednh ti\u1ec1n t\u1ea1i qu\u1ea7y [0.60, 0.60] (mua)\r\ncomponent N\u01b0\u1edbc n\u00f3ng t\u1ef1 \u0111\u1ed9ng [0.45, 0.75] (th\u1ecb tr\u01b0\u1eddng)\r\ncomponent Ngu\u1ed3n \u0111i\u1ec7n l\u01b0\u1edbi [0.15, 0.90] (ngo\u1ea1i l\u1ef1c)\r\n\r\n%% C\u00e1c \u0111\u01b0\u1eddng n\u1ed1i chu\u1ed7i ph\u1ee5 thu\u1ed9c\r\nKh\u00e1ch h\u00e0ng cu\u1ed1i c\u00f9ng -&gt; C\u00e0 ph\u00ea \u0111\u1eb7c s\u1ea3n\r\nCh\u1ee7 c\u1eeda h\u00e0ng nh\u01b0\u1ee3ng quy\u1ec1n -&gt; M\u00e1y t\u00ednh ti\u1ec1n t\u1ea1i qu\u1ea7y\r\nC\u00e0 ph\u00ea \u0111\u1eb7c s\u1ea3n -&gt; N\u01b0\u1edbc n\u00f3ng t\u1ef1 \u0111\u1ed9ng\r\nM\u00e1y t\u00ednh ti\u1ec1n t\u1ea1i qu\u1ea7y -&gt; Ngu\u1ed3n \u0111i\u1ec7n l\u01b0\u1edbi\r\nN\u01b0\u1edbc n\u00f3ng t\u1ef1 \u0111\u1ed9ng -&gt; Ngu\u1ed3n \u0111i\u1ec7n l\u01b0\u1edbi<\/code><\/pre>                <\/div>\r\n                <div class=\"vpascode-actions\">\r\n                    <a href=\"https:\/\/www.vpascode.com\/editor\/#mermaid:eNqNUb1KK0EU7gfmHQ6CoKCyATdiY6Gl6AtIinWyZAaTszFO1LUTCwsrsRAJglEuwoWAYiHuFBYjvse8iWdmgxhJ1GbZgfP9HySdejPN57dTnXCmlW6mMLXqijuEt3NnLkBI5YpXhOb7gzN3AnYUSqhnCX13u7aPIOwNtKX9P8XZnjpKYatSiaI5qMZRjTPOpqdhzfYFsSlnTlqAafaVQ0g7QMlZgkJmHViTztyDcGaQgLQ32ACUQZj+dru5M8cIW9HCcjwH0UIc1z6B65JE5BAjus6cK3L2Qg9\/HvnzajxiqOlMrw3aIyQFcMU9wr4rBhhIyJLIWu0MU9R0X0b0lRTPAvZCP0S8FHwsxjWYObS3OdSdecTG7Ffshu3noH1I0Cr4167oK0pDirknqZbuIiJpdZMR8KbP3hOA9omSaGIPq1yVsRaD+pJX19TbGeiOv7\/+5mCzQXVcYLnA6XDJnvIMlcCw7KWxkQVfVMujmB1dbsgKWNYqie9S+c7MPyqQXleCs8kLzK+Mb5Czv8xN6J87JJqx+xBwcn+c\/TKMR48vjrMfZpkM+wAYf4HC\" \r\n                       target=\"_blank\" \r\n                       rel=\"noopener noreferrer\" \r\n                       class=\"vpascode-fancy-btn\">\r\n                        <svg width=\"14\" height=\"14\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\" style=\"margin-right: 6px;\"><path d=\"M11 4H4a2 2 0 0 0-2 2v14a2 2 0 0 0 2 2h14a2 2 0 0 0 2-2v-7\"><\/path><path d=\"M18.5 2.5a2.121 2.121 0 0 1 3 3L12 15l-4 1 1-4 9.5-9.5z\"><\/path><\/svg>\r\n                        <span>Edit Mermaid in VPasCode<\/span>\r\n                    <\/a>\r\n                <\/div>\r\n            <\/div>\r\n            \n<\/p><\/div>\n<div class=\"vpascode-actions\">\n<a class=\"vpascode-fancy-btn\" href=\"https:\/\/www.vpascode.com\/editor\/#mermaid:eNp1kEFrwkAQhe8L+x8GQaigEsEoXgo2te3BomChB\/Gwbia6mOyG3Q2S\/vpOohWt8bIMy3vzzXtHYeMUy94WveDMK58itCKRILwUTml0DlbeCo+7Ej5F3uLMqR+E9WAQBF0YhcGGM87abYiMvfJMtdwb6zgT9QBvthqUQ1gcNVpYB\/1J2IWgH4abi2imY4gK5012VgSVYhT+IRY50iXKaJESLsuNRu1hLkqsSPLys8pRKpH6klRJgljtGte0YbiBp22h0rhzbVgaRa9JYCUo\/hfaTFUMso1OJwS1rbwxTQs6lIqJ4cN4+KapPnpYg8YVKBP2gP7GNEtReqskbX+3Kiby8WQb1LZJBTKFd6awEjvn3K+Yo45RSwq0F0rDXOmD0jtYCr+n5De99Z7v8nP2v34SNWfm7K480jZE5exBaSRvDMlZU2GP1L+nONVX\" rel=\"noopener noreferrer\" target=\"_blank\"><br \/>\n<svg fill=\"none\" height=\"14\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2.5\" style=\"margin-right: 6px;\" viewbox=\"0 0 24 24\" width=\"14\"><path d=\"M11 4H4a2 2 0 0 0-2 2v14a2 2 0 0 0 2 2h14a2 2 0 0 0 2-2v-7\"><\/path><path d=\"M18.5 2.5a2.121 2.121 0 0 1 3 3L12 15l-4 1 1-4 9.5-9.5z\"><\/path><\/svg><br \/>\n<span>Ch\u1ec9nh s\u1eeda Mermaid trong VPasCode<\/span><br \/>\n<\/a>\n<\/div>\n<\/div>\n<p id=\"IqhvEpm\"><img alt=\"\" class=\"alignnone size-full wp-image-941\" decoding=\"async\" height=\"650\" sizes=\"(max-width: 1100px) 100vw, 1100px\" src=\"https:\/\/www.vpascode.com\/wp-content\/uploads\/2026\/07\/img_6a4de320944ae.png\" srcset=\"https:\/\/www.vpascode.com\/wp-content\/uploads\/2026\/07\/img_6a4de320944ae.png 1100w, https:\/\/www.vpascode.com\/wp-content\/uploads\/2026\/07\/img_6a4de320944ae-300x177.png 300w, https:\/\/www.vpascode.com\/wp-content\/uploads\/2026\/07\/img_6a4de320944ae-1024x605.png 1024w, https:\/\/www.vpascode.com\/wp-content\/uploads\/2026\/07\/img_6a4de320944ae-768x454.png 768w\" width=\"1100\"\/><\/p>\n<hr\/>\n<p><em><strong>L\u01b0u \u00fd c\u00fa ph\u00e1p:<\/strong> Khi khai b\u00e1o m\u1ea3ng t\u1ecda \u0111\u1ed9, h\u00e3y nh\u1edb r\u1eb1ng gi\u00e1 tr\u1ecb tr\u1ee5c Y d\u1ecdc (t\u00ednh hi\u1ec3n th\u1ecb) ph\u1ea3i \u0111\u01b0\u1ee3c ghi *tr\u01b0\u1edbc*, v\u00e0 gi\u00e1 tr\u1ecb tr\u1ee5c X ngang (ti\u1ebfn h\u00f3a) \u0111\u01b0\u1ee3c ghi *sau* <code>[T\u00ednh hi\u1ec3n th\u1ecb, Ti\u1ebfn h\u00f3a]<\/code>. \u0110\u1ea3o ng\u01b0\u1ee3c th\u1ee9 t\u1ef1 c\u00e1c v\u1ecb tr\u00ed n\u00e0y l\u00e0 nguy\u00ean nh\u00e2n ph\u1ed5 bi\u1ebfn nh\u1ea5t khi\u1ebfn c\u00e1c th\u00e0nh ph\u1ea7n \u0111\u01b0\u1ee3c nh\u00f3m sai \u1edf m\u00e9p d\u01b0\u1edbi c\u1ee7a khung b\u1ea3n \u0111\u1ed3 c\u1ee7a b\u1ea1n.<\/em><\/p>\n<hr\/>\n<h2>Nh\u1eefng l\u1ed7i c\u00fa ph\u00e1p ph\u1ed5 bi\u1ebfn &amp; gi\u1edbi h\u1ea1n h\u1ec7 th\u1ed1ng<\/h2>\n<p>Khi bi\u00ean d\u1ecbch c\u00e1c kh\u00f4ng gian chu\u1ed7i gi\u00e1 tr\u1ecb, h\u00e3y l\u01b0u \u00fd ba gi\u1edbi h\u1ea1n b\u1ed1 c\u1ee5c n\u00e0y \u0111\u1ec3 \u0111\u1ea3m b\u1ea3o v\u0103n b\u1ea3n c\u1ee7a b\u1ea1n \u0111\u01b0\u1ee3c hi\u1ec3n th\u1ecb r\u00f5 r\u00e0ng:<\/p>\n<ul>\n<li><strong>Kho\u1ea3ng t\u1ecda \u0111\u1ed9 nghi\u00eam ng\u1eb7t:<\/strong> C\u00e1c v\u1ecb tr\u00ed ph\u1ea3i n\u1eb1m ch\u00ednh x\u00e1c trong kho\u1ea3ng th\u1eadp ph\u00e2n gi\u1eefa <code>0.0<\/code> v\u00e0 <code>1.0<\/code>. S\u1eed d\u1ee5ng c\u00e1c \u0111i\u1ec3m \u1ea3nh nguy\u00ean tuy\u1ec7t \u0111\u1ed1i (nh\u01b0 <code>[400, 200]<\/code>) thay v\u00ec t\u1ef7 l\u1ec7 b\u1ed1 c\u1ee5c b\u00ean trong c\u00e1c \u0111\u1ed1i s\u1ed1 n\u00fat s\u1ebd g\u00e2y ra l\u1ed7i th\u1ef1c thi h\u1ec7 th\u1ed1ng.<\/li>\n<li><strong>Th\u1ee9 t\u1ef1 khai b\u00e1o cho c\u00e1c li\u00ean k\u1ebft:<\/strong> \u0110\u1ec3 b\u1ed1 c\u1ee5c hi\u1ec3n th\u1ecb r\u00f5 r\u00e0ng, h\u00e3y \u0111\u1ea3m b\u1ea3o t\u1ea5t c\u1ea3 c\u00e1c nh\u00e3n <code>\u0111i\u1ec3m neo<\/code> v\u00e0 <code>th\u00e0nh ph\u1ea7n<\/code> \u0111\u1ec1u \u0111\u01b0\u1ee3c khai b\u00e1o v\u00e0 g\u00e1n t\u1ecda \u0111\u1ed9 *tr\u01b0\u1edbc khi* vi\u1ebft b\u1ea5t k\u1ef3 d\u00f2ng quan h\u1ec7 n\u00fat n\u00e0o (<code>A -&gt; B<\/code>). Li\u00ean k\u1ebft \u0111\u1ebfn m\u1ed9t nh\u00e3n ch\u01b0a khai b\u00e1o c\u00f3 th\u1ec3 l\u00e0m h\u1ecfng v\u1ecb tr\u00ed \u0111\u1ecbnh h\u01b0\u1edbng tr\u1ee5c b\u1ea3n \u0111\u1ed3.<\/li>\n<li><strong>V\u00f9ng bao nh\u00e3n:<\/strong> N\u1ebfu t\u00ean th\u00e0nh ph\u1ea7n ch\u1ee9a kho\u1ea3ng tr\u1eafng, k\u00fd hi\u1ec7u ho\u1eb7c d\u1ea5u ph\u1ea9y, h\u00e3y \u0111\u1ea3m b\u1ea3o vi\u1ebft ch\u00ednh x\u00e1c. Vi\u1ec7c t\u00e1i s\u1eed d\u1ee5ng c\u00e1c t\u00ean chu\u1ed7i kh\u00f4ng kh\u1edbp b\u00ean trong c\u00e1c \u0111\u01b0\u1eddng n\u1ed1i s\u1ebd t\u1ea1o ra m\u1ed9t n\u00fat ho\u00e0n to\u00e0n m\u1edbi, ch\u01b0a \u0111\u01b0\u1ee3c \u0111\u1ecbnh v\u1ecb tr\u00ean b\u1ea3ng canvas l\u01b0\u1edbi.<\/li>\n<\/ul>\n","protected":false},"excerpt":{"rendered":"<p>B\u1ea3n \u0111\u1ed3 Wardley l\u00e0 m\u1ed9t khung m\u1ea1nh m\u1ebd \u0111\u01b0\u1ee3c s\u1eed d\u1ee5ng cho chi\u1ebfn l\u01b0\u1ee3c kinh doanh nh\u1eb1m tr\u1ef1c quan h\u00f3a chu\u1ed7i gi\u00e1 tr\u1ecb v\u00e0 l\u1eadp b\u1ea3n \u0111\u1ed3 s\u1ef1 ph\u00e1t tri\u1ec3n c\u1ee7a c\u00e1c th\u00e0nh ph\u1ea7n. \u0110\u01b0\u1ee3c gi\u1edbi thi\u1ec7u nh\u01b0 m\u1ed9t t\u00ednh&#8230;<\/p>\n","protected":false},"author":3,"featured_media":0,"parent":0,"menu_order":18,"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-2079","ld_docs","type-ld_docs","status-publish","hentry","ld_collection-vpascode-docs"],"yoast_head":"<!-- This site is optimized with the Yoast SEO plugin v27.6 - https:\/\/yoast.com\/product\/yoast-seo-wordpress\/ -->\n<title>Mermaid Wardley Map Syntax | VPasCode Text to Diagram Guide<\/title>\n<meta name=\"description\" content=\"Design strategic value chains and business landscapes with Mermaid Wardley maps in VPasCode, a 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-wardley-map-syntax-strategy-guide\/\" \/>\n<meta property=\"og:locale\" content=\"vi_VN\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Mermaid Wardley Map Syntax | VPasCode Text to Diagram Guide\" \/>\n<meta property=\"og:description\" content=\"Design strategic value chains and business landscapes with Mermaid Wardley maps in VPasCode, a diagram-as-code tool.\" \/>\n<meta property=\"og:url\" content=\"https:\/\/www.vpascode.com\/vn\/docs\/vpascode-docs\/mermaid-js-wardley-map-syntax-strategy-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_6a4de2fd2de7f.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=\"4 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-wardley-map-syntax-strategy-guide\\\/\",\"url\":\"https:\\\/\\\/www.vpascode.com\\\/vn\\\/docs\\\/vpascode-docs\\\/mermaid-js-wardley-map-syntax-strategy-guide\\\/\",\"name\":\"Mermaid Wardley Map 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-wardley-map-syntax-strategy-guide\\\/#primaryimage\"},\"image\":{\"@id\":\"https:\\\/\\\/www.vpascode.com\\\/vn\\\/docs\\\/vpascode-docs\\\/mermaid-js-wardley-map-syntax-strategy-guide\\\/#primaryimage\"},\"thumbnailUrl\":\"https:\\\/\\\/www.vpascode.com\\\/wp-content\\\/uploads\\\/2026\\\/07\\\/img_6a4de2fd2de7f.png\",\"datePublished\":\"2026-07-08T05:34:20+00:00\",\"description\":\"Design strategic value chains and business landscapes with Mermaid Wardley maps in VPasCode, a diagram-as-code tool.\",\"breadcrumb\":{\"@id\":\"https:\\\/\\\/www.vpascode.com\\\/vn\\\/docs\\\/vpascode-docs\\\/mermaid-js-wardley-map-syntax-strategy-guide\\\/#breadcrumb\"},\"inLanguage\":\"vi\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\\\/\\\/www.vpascode.com\\\/vn\\\/docs\\\/vpascode-docs\\\/mermaid-js-wardley-map-syntax-strategy-guide\\\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"vi\",\"@id\":\"https:\\\/\\\/www.vpascode.com\\\/vn\\\/docs\\\/vpascode-docs\\\/mermaid-js-wardley-map-syntax-strategy-guide\\\/#primaryimage\",\"url\":\"https:\\\/\\\/www.vpascode.com\\\/wp-content\\\/uploads\\\/2026\\\/07\\\/img_6a4de2fd2de7f.png\",\"contentUrl\":\"https:\\\/\\\/www.vpascode.com\\\/wp-content\\\/uploads\\\/2026\\\/07\\\/img_6a4de2fd2de7f.png\"},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\\\/\\\/www.vpascode.com\\\/vn\\\/docs\\\/vpascode-docs\\\/mermaid-js-wardley-map-syntax-strategy-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\":\"Ng\u1eef ph\u00e1p B\u1ea3n \u0111\u1ed3 Wardley Mermaid.js v\u00e0 H\u01b0\u1edbng d\u1eabn Chi\u1ebfn l\u01b0\u1ee3c\"}]},{\"@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 Wardley Map Syntax | VPasCode Text to Diagram Guide","description":"Design strategic value chains and business landscapes with Mermaid Wardley maps in VPasCode, a 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-wardley-map-syntax-strategy-guide\/","og_locale":"vi_VN","og_type":"article","og_title":"Mermaid Wardley Map Syntax | VPasCode Text to Diagram Guide","og_description":"Design strategic value chains and business landscapes with Mermaid Wardley maps in VPasCode, a diagram-as-code tool.","og_url":"https:\/\/www.vpascode.com\/vn\/docs\/vpascode-docs\/mermaid-js-wardley-map-syntax-strategy-guide\/","og_site_name":"VPasCode","og_image":[{"url":"https:\/\/www.vpascode.com\/wp-content\/uploads\/2026\/07\/img_6a4de2fd2de7f.png","type":"","width":"","height":""}],"twitter_card":"summary_large_image","twitter_misc":{"\u01af\u1edbc t\u00ednh th\u1eddi gian \u0111\u1ecdc":"4 ph\u00fat"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"WebPage","@id":"https:\/\/www.vpascode.com\/vn\/docs\/vpascode-docs\/mermaid-js-wardley-map-syntax-strategy-guide\/","url":"https:\/\/www.vpascode.com\/vn\/docs\/vpascode-docs\/mermaid-js-wardley-map-syntax-strategy-guide\/","name":"Mermaid Wardley Map 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-wardley-map-syntax-strategy-guide\/#primaryimage"},"image":{"@id":"https:\/\/www.vpascode.com\/vn\/docs\/vpascode-docs\/mermaid-js-wardley-map-syntax-strategy-guide\/#primaryimage"},"thumbnailUrl":"https:\/\/www.vpascode.com\/wp-content\/uploads\/2026\/07\/img_6a4de2fd2de7f.png","datePublished":"2026-07-08T05:34:20+00:00","description":"Design strategic value chains and business landscapes with Mermaid Wardley maps in VPasCode, a diagram-as-code tool.","breadcrumb":{"@id":"https:\/\/www.vpascode.com\/vn\/docs\/vpascode-docs\/mermaid-js-wardley-map-syntax-strategy-guide\/#breadcrumb"},"inLanguage":"vi","potentialAction":[{"@type":"ReadAction","target":["https:\/\/www.vpascode.com\/vn\/docs\/vpascode-docs\/mermaid-js-wardley-map-syntax-strategy-guide\/"]}]},{"@type":"ImageObject","inLanguage":"vi","@id":"https:\/\/www.vpascode.com\/vn\/docs\/vpascode-docs\/mermaid-js-wardley-map-syntax-strategy-guide\/#primaryimage","url":"https:\/\/www.vpascode.com\/wp-content\/uploads\/2026\/07\/img_6a4de2fd2de7f.png","contentUrl":"https:\/\/www.vpascode.com\/wp-content\/uploads\/2026\/07\/img_6a4de2fd2de7f.png"},{"@type":"BreadcrumbList","@id":"https:\/\/www.vpascode.com\/vn\/docs\/vpascode-docs\/mermaid-js-wardley-map-syntax-strategy-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":"Ng\u1eef ph\u00e1p B\u1ea3n \u0111\u1ed3 Wardley Mermaid.js v\u00e0 H\u01b0\u1edbng d\u1eabn Chi\u1ebfn l\u01b0\u1ee3c"}]},{"@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\/2079","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=2079"}],"wp:term":[{"taxonomy":"ld_collection","embeddable":true,"href":"https:\/\/www.vpascode.com\/vn\/wp-json\/wp\/v2\/ld_collection?post=2079"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}