{"id":2100,"date":"2026-05-26T08:05:44","date_gmt":"2026-05-26T08:05:44","guid":{"rendered":"https:\/\/www.vpascode.com\/vn\/docs\/uncategorized\/mermaid-js-quadrant-syntax-guide\/"},"modified":"2026-05-26T08:05:44","modified_gmt":"2026-05-26T08:05:44","slug":"mermaid-js-quadrant-syntax-guide","status":"publish","type":"ld_docs","link":"https:\/\/www.vpascode.com\/vn\/docs\/vpascode-docs\/mermaid-js-quadrant-syntax-guide\/","title":{"rendered":"H\u01b0\u1edbng d\u1eabn c\u00fa ph\u00e1p bi\u1ec3u \u0111\u1ed3 g\u00f3c Mermaid.js"},"content":{"rendered":"<h2>Bi\u1ec3u \u0111\u1ed3 g\u00f3c l\u00e0 g\u00ec?<\/h2>\n<p>M\u1ed9t <strong>Bi\u1ec3u \u0111\u1ed3 g\u00f3c<\/strong>l\u00e0 m\u1ed9t c\u00f4ng c\u1ee5 tr\u1ef1c quan chi\u1ebfn l\u01b0\u1ee3c d\u00f9ng \u0111\u1ec3 ph\u00e2n lo\u1ea1i c\u00e1c m\u1ee5c v\u00e0o b\u1ed1n khu v\u1ef1c kh\u00e1c nhau d\u1ef1a tr\u00ean hai bi\u1ebfn li\u00ean t\u1ee5c (v\u00ed d\u1ee5: N\u1ed7 l\u1ef1c so v\u1edbi T\u00e1c \u0111\u1ed9ng, ho\u1eb7c Quan tr\u1ecdng so v\u1edbi Kh\u1ea9n c\u1ea5p). B\u1eb1ng c\u00e1ch \u0111\u1eb7t c\u00e1c \u0111i\u1ec3m d\u1eef li\u1ec7u l\u00ean m\u1eb7t ph\u1eb3ng t\u1ecda \u0111\u1ed9 2D \u0111\u01b0\u1ee3c chia b\u1edfi tr\u1ee5c X v\u00e0 tr\u1ee5c Y, b\u1ea1n c\u00f3 th\u1ec3 ph\u00e2n bi\u1ec7t r\u00f5 r\u00e0ng nh\u1eefng \u201cchi\u1ebfn th\u1eafng nhanh\u201d \u01b0u ti\u00ean cao v\u1edbi nh\u1eefng \u201cph\u00e2n t\u00e2m\u201d \u01b0u ti\u00ean th\u1ea5p ho\u1eb7c nh\u1eefng \u201cc\u01b0\u1ee3c chi\u1ebfn l\u01b0\u1ee3c d\u00e0i h\u1ea1n\u201d.<\/p>\n<p>V\u1edbi <strong>Mermaid.js<\/strong>, b\u1ea1n c\u00f3 th\u1ec3 \u0111\u1ecbnh ngh\u0129a c\u00e1c g\u00f3c c\u1ee7a m\u00ecnh, ti\u00eau \u0111\u1ec1 tr\u1ee5c v\u00e0 v\u1ecb tr\u00ed \u0111i\u1ec3m d\u1eef li\u1ec7u b\u1eb1ng m\u1ed9t kh\u1ed1i khai b\u00e1o \u0111\u01a1n gi\u1ea3n, cho ph\u00e9p b\u1ea1n t\u1ea1o ra c\u00e1c ma tr\u1eadn quy\u1ebft \u0111\u1ecbnh chuy\u00ean nghi\u1ec7p ngay l\u1eadp t\u1ee9c.<\/p>\n<h2>H\u01b0\u1edbng d\u1eabn c\u00fa ph\u00e1p ch\u00ednh: C\u00e1c th\u00e0nh ph\u1ea7n v\u00e0 c\u1ea5u tr\u00fac<\/h2>\n<p>\u0110\u1ec3 thi\u1ebft k\u1ebf m\u1ed9t bi\u1ec3u \u0111\u1ed3 g\u00f3c h\u1ee3p l\u1ec7, ch\u1ea1y \u0111\u01b0\u1ee3c ho\u00e0n to\u00e0n trong Mermaid, b\u1ea1n ph\u1ea3i th\u00e0nh th\u1ea1o h\u1ec7 t\u1ecda \u0111\u1ed9, g\u00e1n nh\u00e3n tr\u1ee5c v\u00e0 v\u1ecb tr\u00ed \u0111i\u1ec3m d\u1eef li\u1ec7u.<\/p>\n<h3>1. Kh\u1edfi t\u1ea1o b\u1ea3ng v\u1ebd g\u00f3c<\/h3>\n<p>B\u1ea1n kh\u1edfi t\u1ea1o b\u1ea3ng v\u1ebd bi\u1ec3u \u0111\u1ed3 g\u00f3c \u1edf d\u00f2ng \u0111\u1ea7u ti\u00ean b\u1eb1ng c\u00e1ch s\u1eed d\u1ee5ng t\u1eeb kh\u00f3a <code>quadrantChart<\/code>t\u1eeb kh\u00f3a. Sau \u0111\u00f3, b\u1ea1n x\u00e1c \u0111\u1ecbnh nh\u00e3n cho b\u1ed1n g\u00f3c c\u1ee7a m\u00ecnh v\u00e0 ti\u00eau \u0111\u1ec1 cho tr\u1ee5c X v\u00e0 tr\u1ee5c Y.<\/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:eNpljzsLwkAQhHvB\/7Bsf4WP2sIHKBhQLKyX85Jsojmzt8HorzeSBNRMszDzDcyWFV2ECl2lJDoeQSNlvTo4iM+c1eayF1Z+kbIvICIVrluwNlRzANz7B2zi2IsiGLMA3HKS9k6LPr\/Q3e1O9gftnBYtu0VmAnhSIXUJW1g6Df\/AFPBYsc3hzMUgnAGuOTR9+9k9iOeAEWVe+j8DvgFtqlJE\" 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:eNpVj70KwjAUhXfBd7hkz+DP7FJXxcEXCKk0hXrVkII+hpOIUytdBLHi1gwOkb5H3sQUCzZ3u+d853DvLmWhZKgCwaTq98CNilWyghkDJW11R6jL1GnmhhBa\/QSTYctJqwtO90DmVp8gcSYHJWxVbAlQOvF0zjbEix2ALE3G4XO0+oyRH\/ScfzQyL04HQIK6tPrqSkVsqzdC8tu71NBRrds0P1wPCoaiy4yALITJHWHyddcYA5m2rzbnX5B8AbsRd8M=\" \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\">quadrantChart\r\n    title Ma tr\u1eadn \u01b0u ti\u00ean d\u1ef1 \u00e1n\r\n    tr\u1ee5c-x \"N\u1ed7 l\u1ef1c th\u1ea5p\" --&gt; \"N\u1ed7 l\u1ef1c cao\"\r\n    tr\u1ee5c-y \"T\u00e1c \u0111\u1ed9ng th\u1ea5p\" --&gt; \"T\u00e1c \u0111\u1ed9ng cao\"\r\n    g\u00f3c-1 \"C\u01b0\u1ee3c chi\u1ebfn l\u01b0\u1ee3c\"\r\n    g\u00f3c-2 \"Chi\u1ebfn th\u1eafng nhanh\"\r\n    g\u00f3c-3 \"Ph\u00e2n t\u00e2m\"\r\n    g\u00f3c-4 \"D\u1ef1 \u00e1n l\u1edbn\"<\/code><\/pre>                <\/div>\r\n                <div class=\"vpascode-actions\">\r\n                    <a href=\"https:\/\/www.vpascode.com\/editor\/#mermaid:eNpVj70KwjAUhXfBd7hkz+DP7FJXxcEXCKk0hXrVkII+hpOIUytdBLHi1gwOkb5H3sQUCzZ3u+d853DvLmWhZKgCwaTq98CNilWyghkDJW11R6jL1GnmhhBa\/QSTYctJqwtO90DmVp8gcSYHJWxVbAlQOvF0zjbEix2ALE3G4XO0+oyRH\/ScfzQyL04HQIK6tPrqSkVsqzdC8tu71NBRrds0P1wPCoaiy4yALITJHWHyddcYA5m2rzbnX5B8AbsRd8M=\" \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:eNpljzsLwkAQhHvB\/7Bsf4WP2sIHKBhQLKyX85Jsojmzt8HorzeSBNRMszDzDcyWFV2ECl2lJDoeQSNlvTo4iM+c1eayF1Z+kbIvICIVrluwNlRzANz7B2zi2IsiGLMA3HKS9k6LPr\/Q3e1O9gftnBYtu0VmAnhSIXUJW1g6Df\/AFPBYsc3hzMUgnAGuOTR9+9k9iOeAEWVe+j8DvgFtqlJE\" 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=\"rAupMbM\"><img fetchpriority=\"high\" alt=\"\" class=\"alignnone size-full wp-image-647\" decoding=\"async\" fetchpriority=\"high\" height=\"500\" sizes=\"(max-width: 500px) 100vw, 500px\" src=\"https:\/\/www.vpascode.com\/wp-content\/uploads\/2026\/05\/img_6a1904c17852a.png\" srcset=\"https:\/\/www.vpascode.com\/wp-content\/uploads\/2026\/05\/img_6a1904c17852a.png 500w, https:\/\/www.vpascode.com\/wp-content\/uploads\/2026\/05\/img_6a1904c17852a-300x300.png 300w, https:\/\/www.vpascode.com\/wp-content\/uploads\/2026\/05\/img_6a1904c17852a-150x150.png 150w\" width=\"500\"\/><\/p>\n<h3>2. \u0110\u1eb7t c\u00e1c \u0111i\u1ec3m d\u1eef li\u1ec7u<\/h3>\n<p>B\u1ea1n th\u00eam c\u00e1c m\u1ee5c v\u00e0o bi\u1ec3u \u0111\u1ed3 b\u1eb1ng c\u00e1ch cung c\u1ea5p t\u00ean hi\u1ec3n th\u1ecb c\u1ee7a ch\u00fang, theo sau l\u00e0 t\u1ecda \u0111\u1ed9 X v\u00e0 Y c\u1ee7a ch\u00fang (chu\u1ea9n h\u00f3a t\u1eeb 0 \u0111\u1ebfn 1).<\/p>\n<ul>\n<li><code>0.0<\/code> l\u00e0 \u0111i\u1ec3m b\u1eaft \u0111\u1ea7u c\u1ee7a tr\u1ee5c.<\/li>\n<li><code>1.0<\/code> l\u00e0 \u0111i\u1ec3m k\u1ebft th\u00fac c\u1ee7a tr\u1ee5c.<\/li>\n<\/ul>\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:eNpljstqAkEQRfcB\/+FSa0d0FBKyEHyBgoLBgIvgomjHmfLV2l3q+PcqPYZBa3nPuZc6nnjpeK+9jJ1WPnA\/Fd0mGO0ObBRnj8FqZZ1iwuokD0oecS4eNLaXAhOiqA0aSpo9k6BeS2rYLKtFEtRj8UvUAM3UsSapGHQT9a9CDPo5idlgLvs32AT1xd\/7RsW+4xZowmvrMHV2nZj\/cfplv0GHvvFXr8VV1GtfizLpBvL5IPHiBrQnWfk=\" 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:eNorLE1MKUrMK3HOSCwq4eVSAIKSzJKcVAXfRIWSooe71uYphBxemKxwZOLD3TPz0hWK8xXKHu6enang93D3dIWch7s3JkN1FT3cvTRZt0JBCSGjUJLxcNfSAiUFXV07FPHkxHwlFG2VCkoo1qBoRJFBaE0\/vDlZ11BByfnYhoe7FwMNzch8uGt\/nkIOhI+sygioCioLMnk90Jy8jMS8DGQ1xgpKARmHFwFVHF6UiyxhoqDkAnS1wuGFeSDnz86DSir5AY3c3Z4LCpClCo5KVgrRBnpGOgoGehax2FQ4QVSYg1QYxQIAaq2TeA==\" \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\">quadrantChart\r\n    title Ma tr\u1eadn T\u00e1c \u0111\u1ed9ng so v\u1edbi N\u1ed7 l\u1ef1c\r\n    tr\u1ee5c-x \"N\u1ed7 l\u1ef1c th\u1ea5p\" --&gt; \"N\u1ed7 l\u1ef1c cao\"\r\n    tr\u1ee5c-y \"T\u00e1c \u0111\u1ed9ng th\u1ea5p\" --&gt; \"T\u00e1c \u0111\u1ed9ng cao\"\r\n    g\u00f3c-1 \"C\u01b0\u1ee3c chi\u1ebfn l\u01b0\u1ee3c\"\r\n    g\u00f3c-2 \"Chi\u1ebfn th\u1eafng nhanh\"\r\n    g\u00f3c-3 \"Ph\u00e2n t\u00e2m\"\r\n    g\u00f3c-4 \"D\u1ef1 \u00e1n l\u1edbn\"\r\n    \"Nhi\u1ec7m v\u1ee5 A\": [0.2, 0.8]\r\n    \"Nhi\u1ec7m v\u1ee5 B\": [0.7, 0.2]<\/code><\/pre>                <\/div>\r\n                <div class=\"vpascode-actions\">\r\n                    <a href=\"https:\/\/www.vpascode.com\/editor\/#mermaid:eNorLE1MKUrMK3HOSCwq4eVSAIKSzJKcVAXfRIWSooe71uYphBxemKxwZOLD3TPz0hWK8xXKHu6enang93D3dIWch7s3JkN1FT3cvTRZt0JBCSGjUJLxcNfSAiUFXV07FPHkxHwlFG2VCkoo1qBoRJFBaE0\/vDlZ11BByfnYhoe7FwMNzch8uGt\/nkIOhI+sygioCioLMnk90Jy8jMS8DGQ1xgpKARmHFwFVHF6UiyxhoqDkAnS1wuGFeSDnz86DSir5AY3c3Z4LCpClCo5KVgrRBnpGOgoGehax2FQ4QVSYg1QYxQIAaq2TeA==\" \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:eNpljstqAkEQRfcB\/+FSa0d0FBKyEHyBgoLBgIvgomjHmfLV2l3q+PcqPYZBa3nPuZc6nnjpeK+9jJ1WPnA\/Fd0mGO0ObBRnj8FqZZ1iwuokD0oecS4eNLaXAhOiqA0aSpo9k6BeS2rYLKtFEtRj8UvUAM3UsSapGHQT9a9CDPo5idlgLvs32AT1xd\/7RsW+4xZowmvrMHV2nZj\/cfplv0GHvvFXr8VV1GtfizLpBvL5IPHiBrQnWfk=\" 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=\"VYuOujX\"><img alt=\"\" class=\"alignnone size-full wp-image-648\" decoding=\"async\" height=\"500\" sizes=\"(max-width: 500px) 100vw, 500px\" src=\"https:\/\/www.vpascode.com\/wp-content\/uploads\/2026\/05\/img_6a1904c52a106.png\" srcset=\"https:\/\/www.vpascode.com\/wp-content\/uploads\/2026\/05\/img_6a1904c52a106.png 500w, https:\/\/www.vpascode.com\/wp-content\/uploads\/2026\/05\/img_6a1904c52a106-300x300.png 300w, https:\/\/www.vpascode.com\/wp-content\/uploads\/2026\/05\/img_6a1904c52a106-150x150.png 150w\" width=\"500\"\/><\/p>\n<h2>C\u00e1c th\u1ef1c h\u00e0nh t\u1ed1t nh\u1ea5t cho vi\u1ec7c l\u1eadp b\u1ea3n \u0111\u1ed3 ma tr\u1eadn<\/h2>\n<ul>\n<li><strong>Chu\u1ea9n h\u00f3a d\u1eef li\u1ec7u c\u1ee7a b\u1ea1n:<\/strong>V\u00ec t\u1ecda \u0111\u1ed9 Mermaid \u0111\u01b0\u1ee3c thang \u0111o t\u1eeb 0.0 \u0111\u1ebfn 1.0, h\u00e3y chuy\u1ec3n \u0111\u1ed5i c\u00e1c gi\u00e1 tr\u1ecb d\u1eef li\u1ec7u th\u00f4 c\u1ee7a b\u1ea1n sang ph\u1ea1m vi ph\u1ea7n tr\u0103m n\u00e0y tr\u01b0\u1edbc khi nh\u1eadp v\u00e0o \u0111o\u1ea1n m\u00e3.<\/li>\n<li><strong>Nh\u00e3n tr\u1ee5c r\u00f5 r\u00e0ng:<\/strong>Lu\u00f4n lu\u00f4n bao g\u1ed3m c\u00e1c nh\u00e3n tr\u1ee5c m\u00f4 t\u1ea3 r\u00f5 r\u00e0ng, x\u00e1c \u0111\u1ecbnh r\u00f5 r\u00e0ng c\u00e1c tr\u1ee5c X v\u00e0 Y \u0111\u1ea1i di\u1ec7n cho \u0111i\u1ec1u g\u00ec (v\u00ed d\u1ee5: \u201cChi ph\u00ed\u201d so v\u1edbi \u201cROI\u201d). M\u1ed9t ma tr\u1eadn kh\u00f4ng c\u00f3 tr\u1ee5c x\u00e1c \u0111\u1ecbnh ch\u1ec9 l\u00e0 m\u1ed9t bi\u1ec3u \u0111\u1ed3 ph\u00e2n t\u00e1n ng\u1eabu nhi\u00ean.<\/li>\n<li><strong>Gi\u1edbi h\u1ea1n m\u1eadt \u0111\u1ed9 \u0111i\u1ec3m:<\/strong>N\u1ebfu b\u1ea1n c\u00f3 nhi\u1ec1u h\u01a1n 15-20 \u0111i\u1ec3m tr\u00ean m\u1ed9t bi\u1ec3u \u0111\u1ed3 t\u1ee9 ph\u00e2n, n\u00f3 s\u1ebd tr\u1edf n\u00ean r\u1ed1i r\u1eafm v\u00e0 kh\u00f3 \u0111\u1ecdc. N\u1ebfu b\u1ea1n c\u00f3 b\u1ed9 d\u1eef li\u1ec7u l\u1edbn h\u01a1n, h\u00e3y c\u00e2n nh\u1eafc chia nh\u1ecf th\u00e0nh nhi\u1ec1u bi\u1ec3u \u0111\u1ed3 ch\u1ee7 \u0111\u1ec1 kh\u00e1c nhau.<\/li>\n<\/ul>\n<h2>V\u00ed d\u1ee5 v\u1ec1 bi\u1ec3u \u0111\u1ed3 t\u1ee9 ph\u00e2n Mermaid.js trong th\u1ef1c t\u1ebf<\/h2>\n<h3>V\u00ed d\u1ee5: Ma tr\u1eadn \u01b0u ti\u00ean t\u00ednh n\u0103ng s\u1ea3n ph\u1ea9m<\/h3>\n<p>B\u1ea3n thi\u1ebft k\u1ebf ch\u1ee9c n\u0103ng n\u00e0y gi\u00fap c\u00e1c \u0111\u1ed9i s\u1ea3n ph\u1ea9m ph\u00e2n lo\u1ea1i c\u00e1c t\u00ednh n\u0103ng d\u1ef1a tr\u00ean n\u1ed7 l\u1ef1c ph\u00e1t tri\u1ec3n v\u00e0 t\u00e1c \u0111\u1ed9ng kinh doanh ti\u1ec1m n\u0103ng.<\/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:eNplz99LwzAQB\/B3wf\/hyLMdWycyfRDc\/FVwUEHwQfZwtLf2NpO49OLW\/fU2pAWdect9P8nd7TyWDo0sanRyfgbdEZZPgtzZ0hcCj4TiXbizdSx8RGFrojwkeOAG1Ivdw8N6bZ0oSJJbUM9c1UMl0vYXzfQXFn9oX4l014+UTAI3VSLkNMxJmlOQgnr1XGzhnc2\/cBqb9XO3p\/ElqCVurIPMdFt1S33T8EX3rmIDd3mmbuBjPJpcwHh0verDt5o0wcI3YjUfyUUzC2Y6mBxbTUbgCYX22EZyFchsIPfotrC0JcUwDWG6+gGpDHMd\" 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:eNplkDFLw0AUx3fB7\/C42ZQ2FakOgmQSRAS7SYdwhV5QX2q8gB3FybGDiLg0liIVRQUXc0OHK\/0e9018l2ulIbeEy\/1+7\/3fu0rDbhKiDESYyM0NoCMj\/ZbCfGjULSw+0+KOIPUHCsD5Hfbg2uRjhL4w+fRy6SRGTbh3A+zYqEe4MOqbgyRg0mfgeful\/zyMWUkbAGvrjBc9n6h+SSy9rKlGTSmCfkGvASxYfBk15tDVowjIzrCK+VRL6BFNwfUP1UIRoqhiTWBrU7skFWgb2KnOqMh5ZPIZ2sGeVy3ZUdyLEA5ODtkenNVrjS2o13Y7y8d2ot8pgtS\/A+DCqHubh76vbuNOaVmluVICox6KrYRWjKmvo3Ys1fqnKOrMLcomHUYO8i3kd\/4AbmS+ww==\" \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\">quadrantChart\r\n    ti\u00eau \u0111\u1ec1 \u01afu ti\u00ean t\u00ednh n\u0103ng s\u1ea3n ph\u1ea9m\r\n    tr\u1ee5c-x \"N\u1ed7 l\u1ef1c th\u1ea5p\" --&gt; \"N\u1ed7 l\u1ef1c cao\"\r\n    tr\u1ee5c-y \"T\u00e1c \u0111\u1ed9ng th\u1ea5p\" --&gt; \"T\u00e1c \u0111\u1ed9ng cao\"\r\n    t\u1ee9 ph\u00e2n-1 \"C\u01b0\u1ee3c d\u00e0i h\u1ea1n\"\r\n    t\u1ee9 ph\u00e2n-2 \"Th\u00e0nh c\u00f4ng nhanh\"\r\n    t\u1ee9 ph\u00e2n-3 \"\u01afu ti\u00ean th\u1ea5p\"\r\n    t\u1ee9 ph\u00e2n-4 \"S\u00e1ng ki\u1ebfn l\u1edbn\"\r\n    \"Login API\": [0.1, 0.9]\r\n    \"Tr\u00ecnh t\u00f9y ch\u1ec9nh ch\u1ee7 \u0111\u1ec1\": [0.8, 0.3]\r\n    \"C\u1ed5ng thanh to\u00e1n\": [0.6, 0.8]\r\n    \"Ch\u1ebf \u0111\u1ed9 t\u1ed1i\": [0.2, 0.2]<\/code><\/pre>                <\/div>\r\n                <div class=\"vpascode-actions\">\r\n                    <a href=\"https:\/\/www.vpascode.com\/editor\/#mermaid:eNplkDFLw0AUx3fB7\/C42ZQ2FakOgmQSRAS7SYdwhV5QX2q8gB3FybGDiLg0liIVRQUXc0OHK\/0e9018l2ulIbeEy\/1+7\/3fu0rDbhKiDESYyM0NoCMj\/ZbCfGjULSw+0+KOIPUHCsD5Hfbg2uRjhL4w+fRy6SRGTbh3A+zYqEe4MOqbgyRg0mfgeful\/zyMWUkbAGvrjBc9n6h+SSy9rKlGTSmCfkGvASxYfBk15tDVowjIzrCK+VRL6BFNwfUP1UIRoqhiTWBrU7skFWgb2KnOqMh5ZPIZ2sGeVy3ZUdyLEA5ODtkenNVrjS2o13Y7y8d2ot8pgtS\/A+DCqHubh76vbuNOaVmluVICox6KrYRWjKmvo3Ys1fqnKOrMLcomHUYO8i3kd\/4AbmS+ww==\" \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:eNplz99LwzAQB\/B3wf\/hyLMdWycyfRDc\/FVwUEHwQfZwtLf2NpO49OLW\/fU2pAWdect9P8nd7TyWDo0sanRyfgbdEZZPgtzZ0hcCj4TiXbizdSx8RGFrojwkeOAG1Ivdw8N6bZ0oSJJbUM9c1UMl0vYXzfQXFn9oX4l014+UTAI3VSLkNMxJmlOQgnr1XGzhnc2\/cBqb9XO3p\/ElqCVurIPMdFt1S33T8EX3rmIDd3mmbuBjPJpcwHh0verDt5o0wcI3YjUfyUUzC2Y6mBxbTUbgCYX22EZyFchsIPfotrC0JcUwDWG6+gGpDHMd\" 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=\"HfscxrL\"><img alt=\"\" class=\"alignnone size-full wp-image-649\" decoding=\"async\" height=\"500\" sizes=\"(max-width: 500px) 100vw, 500px\" src=\"https:\/\/www.vpascode.com\/wp-content\/uploads\/2026\/05\/img_6a1904c8c4a0b.png\" srcset=\"https:\/\/www.vpascode.com\/wp-content\/uploads\/2026\/05\/img_6a1904c8c4a0b.png 500w, https:\/\/www.vpascode.com\/wp-content\/uploads\/2026\/05\/img_6a1904c8c4a0b-300x300.png 300w, https:\/\/www.vpascode.com\/wp-content\/uploads\/2026\/05\/img_6a1904c8c4a0b-150x150.png 150w\" width=\"500\"\/><\/p>\n<p><strong>Ph\u00e2n t\u00edch c\u00fa ph\u00e1p:<\/strong>B\u1eb1ng c\u00e1ch g\u00e1n `[0.1, 0.9]` cho \u201cLogin API\u201d, ch\u00fang ta \u0111\u1eb7t n\u00f3 v\u00e0o t\u1ee9 ph\u00e2n g\u00f3c tr\u00ean b\u00ean tr\u00e1i (t\u00e1c \u0111\u1ed9ng cao, n\u1ed7 l\u1ef1c th\u1ea5p), \u0111\u00e1nh d\u1ea5u n\u00f3 l\u00e0 m\u1ed9t \u201cth\u00e0nh c\u00f4ng nhanh\u201d. \u0110i\u1ec1u n\u00e0y gi\u00fap c\u00e1c b\u00ean li\u00ean quan tr\u1ef1c quan h\u00f3a ngay l\u1eadp t\u1ee9c c\u00e1c \u01b0u ti\u00ean tr\u00ean l\u1ed9 tr\u00ecnh ph\u00e1t tri\u1ec3n.<\/p>\n","protected":false},"excerpt":{"rendered":"<p>Bi\u1ec3u \u0111\u1ed3 g\u00f3c l\u00e0 g\u00ec? M\u1ed9t Bi\u1ec3u \u0111\u1ed3 g\u00f3cl\u00e0 m\u1ed9t c\u00f4ng c\u1ee5 tr\u1ef1c quan chi\u1ebfn l\u01b0\u1ee3c d\u00f9ng \u0111\u1ec3 ph\u00e2n lo\u1ea1i c\u00e1c m\u1ee5c v\u00e0o b\u1ed1n khu v\u1ef1c kh\u00e1c nhau d\u1ef1a tr\u00ean hai bi\u1ebfn li\u00ean t\u1ee5c (v\u00ed d\u1ee5: N\u1ed7 l\u1ef1c so v\u1edbi&#8230;<\/p>\n","protected":false},"author":4,"featured_media":0,"parent":0,"menu_order":8,"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-2100","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 Quadrant Chart | VPasCode Text to Diagram Guide<\/title>\n<meta name=\"description\" content=\"Map strategic priority grids and 2x2 matrices using Mermaid quadrant charts in VPasCode, a text to diagram 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-quadrant-syntax-guide\/\" \/>\n<meta property=\"og:locale\" content=\"vi_VN\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Mermaid Quadrant Chart | VPasCode Text to Diagram Guide\" \/>\n<meta property=\"og:description\" content=\"Map strategic priority grids and 2x2 matrices using Mermaid quadrant charts in VPasCode, a text to diagram tool.\" \/>\n<meta property=\"og:url\" content=\"https:\/\/www.vpascode.com\/vn\/docs\/vpascode-docs\/mermaid-js-quadrant-syntax-guide\/\" \/>\n<meta property=\"og:site_name\" content=\"VPasCode\" \/>\n<meta property=\"og:image\" content=\"https:\/\/www.vpascode.com\/wp-content\/uploads\/2026\/05\/img_6a1904c17852a.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-quadrant-syntax-guide\\\/\",\"url\":\"https:\\\/\\\/www.vpascode.com\\\/vn\\\/docs\\\/vpascode-docs\\\/mermaid-js-quadrant-syntax-guide\\\/\",\"name\":\"Mermaid Quadrant Chart | 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-quadrant-syntax-guide\\\/#primaryimage\"},\"image\":{\"@id\":\"https:\\\/\\\/www.vpascode.com\\\/vn\\\/docs\\\/vpascode-docs\\\/mermaid-js-quadrant-syntax-guide\\\/#primaryimage\"},\"thumbnailUrl\":\"https:\\\/\\\/www.vpascode.com\\\/wp-content\\\/uploads\\\/2026\\\/05\\\/img_6a1904c17852a.png\",\"datePublished\":\"2026-05-26T08:05:44+00:00\",\"description\":\"Map strategic priority grids and 2x2 matrices using Mermaid quadrant charts in VPasCode, a text to diagram tool.\",\"breadcrumb\":{\"@id\":\"https:\\\/\\\/www.vpascode.com\\\/vn\\\/docs\\\/vpascode-docs\\\/mermaid-js-quadrant-syntax-guide\\\/#breadcrumb\"},\"inLanguage\":\"vi\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\\\/\\\/www.vpascode.com\\\/vn\\\/docs\\\/vpascode-docs\\\/mermaid-js-quadrant-syntax-guide\\\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"vi\",\"@id\":\"https:\\\/\\\/www.vpascode.com\\\/vn\\\/docs\\\/vpascode-docs\\\/mermaid-js-quadrant-syntax-guide\\\/#primaryimage\",\"url\":\"https:\\\/\\\/www.vpascode.com\\\/wp-content\\\/uploads\\\/2026\\\/05\\\/img_6a1904c17852a.png\",\"contentUrl\":\"https:\\\/\\\/www.vpascode.com\\\/wp-content\\\/uploads\\\/2026\\\/05\\\/img_6a1904c17852a.png\"},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\\\/\\\/www.vpascode.com\\\/vn\\\/docs\\\/vpascode-docs\\\/mermaid-js-quadrant-syntax-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 bi\u1ec3u \u0111\u1ed3 g\u00f3c 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 Quadrant Chart | VPasCode Text to Diagram Guide","description":"Map strategic priority grids and 2x2 matrices using Mermaid quadrant charts in VPasCode, a text to diagram 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-quadrant-syntax-guide\/","og_locale":"vi_VN","og_type":"article","og_title":"Mermaid Quadrant Chart | VPasCode Text to Diagram Guide","og_description":"Map strategic priority grids and 2x2 matrices using Mermaid quadrant charts in VPasCode, a text to diagram tool.","og_url":"https:\/\/www.vpascode.com\/vn\/docs\/vpascode-docs\/mermaid-js-quadrant-syntax-guide\/","og_site_name":"VPasCode","og_image":[{"url":"https:\/\/www.vpascode.com\/wp-content\/uploads\/2026\/05\/img_6a1904c17852a.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-quadrant-syntax-guide\/","url":"https:\/\/www.vpascode.com\/vn\/docs\/vpascode-docs\/mermaid-js-quadrant-syntax-guide\/","name":"Mermaid Quadrant Chart | 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-quadrant-syntax-guide\/#primaryimage"},"image":{"@id":"https:\/\/www.vpascode.com\/vn\/docs\/vpascode-docs\/mermaid-js-quadrant-syntax-guide\/#primaryimage"},"thumbnailUrl":"https:\/\/www.vpascode.com\/wp-content\/uploads\/2026\/05\/img_6a1904c17852a.png","datePublished":"2026-05-26T08:05:44+00:00","description":"Map strategic priority grids and 2x2 matrices using Mermaid quadrant charts in VPasCode, a text to diagram tool.","breadcrumb":{"@id":"https:\/\/www.vpascode.com\/vn\/docs\/vpascode-docs\/mermaid-js-quadrant-syntax-guide\/#breadcrumb"},"inLanguage":"vi","potentialAction":[{"@type":"ReadAction","target":["https:\/\/www.vpascode.com\/vn\/docs\/vpascode-docs\/mermaid-js-quadrant-syntax-guide\/"]}]},{"@type":"ImageObject","inLanguage":"vi","@id":"https:\/\/www.vpascode.com\/vn\/docs\/vpascode-docs\/mermaid-js-quadrant-syntax-guide\/#primaryimage","url":"https:\/\/www.vpascode.com\/wp-content\/uploads\/2026\/05\/img_6a1904c17852a.png","contentUrl":"https:\/\/www.vpascode.com\/wp-content\/uploads\/2026\/05\/img_6a1904c17852a.png"},{"@type":"BreadcrumbList","@id":"https:\/\/www.vpascode.com\/vn\/docs\/vpascode-docs\/mermaid-js-quadrant-syntax-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 bi\u1ec3u \u0111\u1ed3 g\u00f3c 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\/2100","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\/4"}],"wp:attachment":[{"href":"https:\/\/www.vpascode.com\/vn\/wp-json\/wp\/v2\/media?parent=2100"}],"wp:term":[{"taxonomy":"ld_collection","embeddable":true,"href":"https:\/\/www.vpascode.com\/vn\/wp-json\/wp\/v2\/ld_collection?post=2100"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}