{"id":7042,"date":"2026-08-10T18:22:09","date_gmt":"2026-08-10T10:22:09","guid":{"rendered":"https:\/\/guides.visual-paradigm.com\/vn\/free-online-d2-diagram-editor\/"},"modified":"2026-09-09T21:14:00","modified_gmt":"2026-09-09T13:14:00","slug":"free-online-d2-diagram-editor","status":"publish","type":"post","link":"https:\/\/guides.visual-paradigm.com\/vn\/free-online-d2-diagram-editor\/","title":{"rendered":"T\u1ed1i \u01b0u h\u00f3a quy tr\u00ecnh V\u1ebd s\u01a1 \u0111\u1ed3 b\u1eb1ng m\u00e3 v\u1edbi Tr\u00ecnh ch\u1ec9nh s\u1eeda D2 tr\u1ef1c tuy\u1ebfn mi\u1ec5n ph\u00ed"},"content":{"rendered":"<p><img alt=\"Tr\u00ecnh so\u1ea1n th\u1ea3o VPasCode D2 hi\u1ec3n th\u1ecb s\u01a1 \u0111\u1ed3 ki\u1ebfn tr\u00fac m\u1ea1ng \u0111\u01b0\u1ee3c t\u1ea1o t\u1eeb m\u00e3 khai b\u00e1o.\" decoding=\"async\" src=\"https:\/\/guides.visual-paradigm.com\/wp-content\/uploads\/2026\/08\/vpascode-d2-editor.png\"\/><\/p>\n<p class=\"lead\"><strong>V\u1ebd s\u01a1 \u0111\u1ed3 khai b\u00e1o<\/strong> \u0111ang nhanh ch\u00f3ng thay th\u1ebf c\u00e1c c\u00f4ng c\u1ee5 k\u00e9o th\u1ea3 th\u1ee7 c\u00f4ng d\u00e0nh cho ki\u1ebfn tr\u00fac s\u01b0 ph\u1ea7n m\u1ec1m, nh\u00e0 ph\u00e1t tri\u1ec3n v\u00e0 nh\u00e0 v\u0103n k\u1ef9 thu\u1eadt. Trong s\u1ed1 c\u00e1c \u0111\u1ecbnh d\u1ea1ng v\u1ebd s\u01a1 \u0111\u1ed3 b\u1eb1ng m\u00e3, <strong>ng\u00f4n ng\u1eef D2<\/strong>n\u1ed5i b\u1eadt nh\u1edd c\u00fa ph\u00e1p d\u1ec5 \u0111\u1ecdc v\u00e0 kh\u1ea3 n\u0103ng b\u1ed1 c\u1ee5c linh ho\u1ea1t. Tuy nhi\u00ean, vi\u1ec7c nh\u1eadn \u0111\u01b0\u1ee3c ph\u1ea3n h\u1ed3i tr\u1ef1c quan ngay l\u1eadp t\u1ee9c khi vi\u1ebft m\u00e3 D2 th\u01b0\u1eddng l\u00e0 m\u1ed9t quy tr\u00ecnh c\u1ed3ng k\u1ec1nh.<\/p>\n<div style=\"background-color: #f8f9fa; border-left: 4px solid #0066cc; padding: 15px; margin: 20px 0;\">\n<h2>Tr\u00ecnh ch\u1ec9nh s\u1eeda s\u01a1 \u0111\u1ed3 D2 l\u00e0 g\u00ec?<\/h2>\n<p>M\u1ed9t <strong>tr\u00ecnh ch\u1ec9nh s\u1eeda s\u01a1 \u0111\u1ed3 D2<\/strong> l\u00e0 m\u00f4i tr\u01b0\u1eddng bi\u00ean so\u1ea1n \u0111\u01b0\u1ee3c thi\u1ebft k\u1ebf \u0111\u1ec3 d\u1ecbch m\u00e3 khai b\u00e1o D2 th\u00e0nh c\u00e1c s\u01a1 \u0111\u1ed3 ki\u1ebfn tr\u00fac tr\u1ef1c quan, s\u01a1 \u0111\u1ed3 lu\u1ed3ng v\u00e0 b\u1ea3n \u0111\u1ed3 h\u1ec7 th\u1ed1ng theo th\u1eddi gian th\u1ef1c. Tr\u00ecnh ch\u1ec9nh s\u1eeda D2 tr\u1ef1c tuy\u1ebfn mi\u1ec5n ph\u00ed c\u1ee7a Visual Paradigm <a href=\"https:\/\/www.visual-paradigm.com\/features\/d2-diagram-editor\/\" rel=\"noopener\" target=\"_blank\">Tr\u00ecnh ch\u1ec9nh s\u1eeda s\u01a1 \u0111\u1ed3 D2<\/a>cung c\u1ea5p m\u1ed9t m\u00f4i tr\u01b0\u1eddng d\u1ef1a tr\u00ean web kh\u00f4ng c\u1ea7n c\u00e0i \u0111\u1eb7t, v\u1edbi kh\u1ea3 n\u0103ng hi\u1ec3n th\u1ecb song song theo th\u1eddi gian th\u1ef1c, xu\u1ea5t t\u1ec7p v\u00e0 t\u00edch h\u1ee3p t\u00e0i li\u1ec7u.<\/p>\n<\/div>\n<h2>T\u1ea1i sao l\u1ea1i s\u1eed d\u1ee5ng V\u1ebd s\u01a1 \u0111\u1ed3 b\u1eb1ng m\u00e3 v\u1edbi D2?<\/h2>\n<p>D2 (V\u1ebd s\u01a1 \u0111\u1ed3 khai b\u00e1o) cho ph\u00e9p c\u00e1c nh\u00f3m duy tr\u00ec t\u00e0i li\u1ec7u ki\u1ebfn tr\u00fac song song v\u1edbi m\u00e3 ngu\u1ed3n trong c\u00e1c h\u1ec7 th\u1ed1ng ki\u1ec3m so\u00e1t phi\u00ean b\u1ea3n nh\u01b0 Git. Thay v\u00ec ph\u1ea3i \u0111i\u1ec1u ch\u1ec9nh th\u1ee7 c\u00f4ng v\u1ecb tr\u00ed c\u00e1c h\u1ed9p v\u00e0 c\u00e1c \u0111\u01b0\u1eddng n\u1ed1i, c\u00e1c nh\u00e0 ph\u00e1t tri\u1ec3n m\u00f4 t\u1ea3 c\u00e1c m\u1ed1i quan h\u1ec7 theo c\u00e1ch l\u1eadp tr\u00ecnh:<\/p>\n<pre><code>x -&gt; y: HTTP GET \/api\/v1\/users\r\ny -&gt; database: Truy v\u1ea5n b\u1ea3n ghi ng\u01b0\u1eddi d\u00f9ng\r\ndatabase -&gt; y: Tr\u1ea3 v\u1ec1 JSON\r\ny -&gt; x: 200 OK\r\n<\/code><\/pre>\n<p>M\u1eb7c d\u00f9 c\u00fa ph\u00e1p r\u1ea5t \u0111\u01a1n gi\u1ea3n, vi\u1ec7c tr\u1ef1c quan h\u00f3a k\u1ebft qu\u1ea3 truy\u1ec1n th\u1ed1ng th\u01b0\u1eddng y\u00eau c\u1ea7u c\u00e1c c\u00f4ng c\u1ee5 CLI c\u1ee5c b\u1ed9 ho\u1eb7c c\u00e1c c\u1ea5u h\u00ecnh xem tr\u01b0\u1edbc nhi\u1ec1u b\u01b0\u1edbc.<\/p>\n<h2>C\u00e1c t\u00ednh n\u0103ng ch\u00ednh c\u1ee7a Tr\u00ecnh ch\u1ec9nh s\u1eeda D2 tr\u1ef1c tuy\u1ebfn VPasCode<\/h2>\n<ul>\n<li><strong>Xem tr\u01b0\u1edbc theo th\u1eddi gian th\u1ef1c ngay l\u1eadp t\u1ee9c:<\/strong>C\u1eadp nh\u1eadt k\u1ebft qu\u1ea3 hi\u1ec3n th\u1ecb tr\u00ean m\u1ed7i ph\u00edm nh\u1ea5n m\u00e0 kh\u00f4ng b\u1ecb tr\u1ec5, \u0111\u1ea3m b\u1ea3o ph\u1ea3n h\u1ed3i t\u1ee9c th\u00ec v\u1ec1 c\u00e1c thay \u0111\u1ed5i thi\u1ebft k\u1ebf.<\/li>\n<li><strong>H\u1ed7 tr\u1ee3 nhi\u1ec1u c\u00f4ng c\u1ee5 b\u1ed1 c\u1ee5c:<\/strong>Chuy\u1ec3n \u0111\u1ed5i m\u01b0\u1ee3t m\u00e0 gi\u1eefa c\u00e1c c\u00f4ng c\u1ee5 b\u1ed1 c\u1ee5c nh\u01b0 Dagre v\u00e0 ELK \u0111\u1ec3 tinh ch\u1ec9nh c\u00e1c s\u01a1 \u0111\u1ed3 m\u1ea1ng, chu\u1ed7i v\u00e0 h\u1ec7 th\u1ed1ng.<\/li>\n<li><strong>Xu\u1ea5t ch\u1ea5t l\u01b0\u1ee3ng cao:<\/strong>Xu\u1ea5t c\u00e1c s\u01a1 \u0111\u1ed3 ho\u00e0n ch\u1ec9nh tr\u1ef1c ti\u1ebfp d\u01b0\u1edbi d\u1ea1ng \u0111\u1ed3 h\u1ecda vector c\u00f3 th\u1ec3 m\u1edf r\u1ed9ng (SVG) ho\u1eb7c h\u00ecnh \u1ea3nh PNG s\u1eafc n\u00e9t cho c\u00e1c b\u00e0i thuy\u1ebft tr\u00ecnh v\u00e0 b\u00e1o c\u00e1o.<\/li>\n<li><strong>Chia s\u1ebb kh\u00f4ng r\u00e0o c\u1ea3n:<\/strong>Chia s\u1ebb li\u00ean k\u1ebft xem tr\u01b0\u1edbc tr\u1ef1c tuy\u1ebfn c\u00f3 th\u1ec3 ch\u1ec9nh s\u1eeda ho\u1eb7c t\u1ea1o m\u00e3 QR c\u00f3 th\u1ec3 qu\u00e9t ngay l\u1eadp t\u1ee9c \u0111\u1ec3 c\u1ed9ng t\u00e1c nhanh ch\u00f3ng.<\/li>\n<li><strong>Quy tr\u00ecnh t\u00e0i li\u1ec7u OpenDocs:<\/strong>G\u1eedi c\u00e1c h\u00ecnh \u1ea3nh tr\u1ef1c quan D2 \u0111\u00e3 ho\u00e0n th\u00e0nh tr\u1ef1c ti\u1ebfp v\u00e0o Visual Paradigm OpenDocs \u0111\u1ec3 duy tr\u00ec c\u00e1c wiki k\u1ef9 thu\u1eadt v\u00e0 c\u01a1 s\u1edf ki\u1ebfn th\u1ee9c \u0111\u01b0\u1ee3c c\u1eadp nh\u1eadt t\u1ef1 \u0111\u1ed9ng.<\/li>\n<\/ul>\n<p><iframe allow=\"fullscreen; accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share\" allowfullscreen=\"\" class=\"__youtube_prefs__ epyt-is-override no-lazyload\" data-no-lazy=\"1\" data-origheight=\"551\" data-origwidth=\"980\" data-skipgform_ajax_framebjll=\"\" height=\"551\" id=\"_ytid_92621\" referrerpolicy=\"strict-origin-when-cross-origin\" src=\"https:\/\/www.youtube.com\/embed\/7CEBtQjyjNk?enablejsapi=1&amp;autoplay=0&amp;cc_load_policy=0&amp;cc_lang_pref=&amp;iv_load_policy=1&amp;loop=0&amp;rel=1&amp;fs=1&amp;playsinline=0&amp;autohide=2&amp;theme=dark&amp;color=red&amp;controls=1&amp;disablekb=0&amp;\" title=\"YouTube player\" width=\"980\"><\/iframe><\/p>\n<h2>So s\u00e1nh quy tr\u00ecnh l\u00e0m vi\u1ec7c V\u1ebd s\u01a1 \u0111\u1ed3 b\u1eb1ng m\u00e3<\/h2>\n<table border=\"1\" cellpadding=\"8\" cellspacing=\"0\" style=\"width: 100%; border-collapse: collapse;\">\n<thead>\n<tr style=\"background-color: #f2f2f2;\">\n<th>T\u00ednh n\u0103ng<\/th>\n<th>Hi\u1ec3n th\u1ecb CLI truy\u1ec1n th\u1ed1ng<\/th>\n<th>Tr\u00ecnh ch\u1ec9nh s\u1eeda D2 VPasCode<\/th>\n<\/tr>\n<\/thead>\n<tbody>\n<tr>\n<td><strong>Y\u00eau c\u1ea7u c\u00e0i \u0111\u1eb7t<\/strong><\/td>\n<td>C\u00e0i \u0111\u1eb7t m\u00f4i tr\u01b0\u1eddng c\u1ee5c b\u1ed9<\/td>\n<td>Kh\u00f4ng c\u1ea7n c\u00e0i \u0111\u1eb7t (D\u1ef1a tr\u00ean tr\u00ecnh duy\u1ec7t)<\/td>\n<\/tr>\n<tr>\n<td><strong>T\u1ed1c \u0111\u1ed9 ph\u1ea3n h\u1ed3i<\/strong><\/td>\n<td>Bi\u00ean d\u1ecbch l\u1ea1i th\u1ee7 c\u00f4ng<\/td>\n<td>Xem tr\u01b0\u1edbc th\u1eddi gian th\u1ef1c d\u01b0\u1edbi m\u1ed9t gi\u00e2y<\/td>\n<\/tr>\n<tr>\n<td><strong>Linh ho\u1ea1t v\u1ec1 \u0111\u1ecbnh d\u1ea1ng<\/strong><\/td>\n<td>Ch\u1ec9 D2<\/td>\n<td>Th\u1ed1ng nh\u1ea5t (D2, PlantUML, Mermaid, Graphviz, ECharts)<\/td>\n<\/tr>\n<tr>\n<td><strong>T\u00edch h\u1ee3p t\u00e0i li\u1ec7u<\/strong><\/td>\n<td>Nh\u00fang t\u1ec7p th\u1ee7 c\u00f4ng<\/td>\n<td>Xu\u1ea5t b\u1ea3n tr\u1ef1c ti\u1ebfp v\u00e0o Visual Paradigm OpenDocs<\/td>\n<\/tr>\n<\/tbody>\n<\/table>\n<h2>N\u1ec1n t\u1ea3ng th\u1ed1ng nh\u1ea5t cho t\u1ea5t c\u1ea3 c\u00e1c ng\u00f4n ng\u1eef v\u1ebd bi\u1ec3u \u0111\u1ed3<\/h2>\n<p>Ngo\u00e0i vi\u1ec7c h\u1ed7 tr\u1ee3 ng\u00f4n ng\u1eef D2, m\u00f4i tr\u01b0\u1eddng <a href=\"https:\/\/www.vpascode.com\/\">VPasCode<\/a> cung c\u1ea5p m\u1ed9t c\u00f4ng c\u1ee5 \u0111a c\u00fa ph\u00e1p. C\u00e1c nh\u00e0 ph\u00e1t tri\u1ec3n l\u00e0m vi\u1ec7c tr\u00ean c\u1ea3 c\u00f4ng c\u1ee5 c\u0169 v\u00e0 hi\u1ec7n \u0111\u1ea1i c\u00f3 th\u1ec3 vi\u1ebft v\u00e0 hi\u1ec3n th\u1ecb <strong>PlantUML, Mermaid, ECharts, l\u01b0\u1ee3c \u0111\u1ed3 SQL, JSON v\u00e0 YAML<\/strong>trong c\u00f9ng m\u1ed9t tr\u00ecnh so\u1ea1n th\u1ea3o web, lo\u1ea1i b\u1ecf s\u1ef1 m\u1ec7t m\u1ecfi v\u1ec1 c\u00f4ng c\u1ee5 trong c\u00e1c nh\u00f3m k\u1ef9 thu\u1eadt.<\/p>\n<h2>C\u00e2u h\u1ecfi th\u01b0\u1eddng g\u1eb7p<\/h2>\n<div>\n<div>\n<h3>Tr\u00ecnh so\u1ea1n th\u1ea3o bi\u1ec3u \u0111\u1ed3 D2 VPasCode c\u00f3 ho\u00e0n to\u00e0n mi\u1ec5n ph\u00ed kh\u00f4ng?<\/h3>\n<div>\n<p>C\u00f3, tr\u00ecnh so\u1ea1n th\u1ea3o bi\u1ec3u \u0111\u1ed3 D2 VPasCode cung c\u1ea5p ho\u00e0n to\u00e0n mi\u1ec5n ph\u00ed vi\u1ec7c ch\u1ec9nh s\u1eeda d\u1ef1a tr\u00ean tr\u00ecnh duy\u1ec7t, xem tr\u01b0\u1edbc th\u1eddi gian th\u1ef1c t\u1ee9c th\u00ec v\u00e0 xu\u1ea5t ra SVG\/PNG m\u00e0 kh\u00f4ng c\u1ea7n c\u00e0i \u0111\u1eb7t ho\u1eb7c \u0111\u0103ng k\u00fd tr\u1ea3 ph\u00ed.<\/p>\n<\/div>\n<\/div>\n<div>\n<h3>C\u00f4ng c\u1ee5 D2 tr\u1ef1c tuy\u1ebfn h\u1ed7 tr\u1ee3 nh\u1eefng c\u00f4ng c\u1ee5 b\u1ed1 c\u1ee5c n\u00e0o?<\/h3>\n<div>\n<p>C\u00f4ng c\u1ee5 D2 tr\u1ef1c tuy\u1ebfn h\u1ed7 tr\u1ee3 c\u00e1c c\u00f4ng c\u1ee5 b\u1ed1 c\u1ee5c ph\u1ed5 bi\u1ebfn nh\u01b0 Dagre v\u00e0 ELK, cho ph\u00e9p ng\u01b0\u1eddi d\u00f9ng t\u1ef1 \u0111\u1ed9ng t\u00f9y ch\u1ec9nh h\u01b0\u1edbng bi\u1ec3u \u0111\u1ed3 v\u00e0 v\u1ecb tr\u00ed c\u00e1c n\u00fat.<\/p>\n<\/div>\n<\/div>\n<div>\n<h3>T\u00f4i c\u00f3 th\u1ec3 nh\u00fang bi\u1ec3u \u0111\u1ed3 D2 v\u00e0o t\u00e0i li\u1ec7u k\u1ef9 thu\u1eadt kh\u00f4ng?<\/h3>\n<div>\n<p>C\u00f3, c\u00e1c bi\u1ec3u \u0111\u1ed3 t\u1ea1o ra trong tr\u00ecnh so\u1ea1n th\u1ea3o D2 c\u00f3 th\u1ec3 \u0111\u01b0\u1ee3c xu\u1ea5t d\u01b0\u1edbi d\u1ea1ng h\u00ecnh \u1ea3nh SVG\/PNG ho\u1eb7c g\u1eedi tr\u1ef1c ti\u1ebfp \u0111\u1ebfn Visual Paradigm OpenDocs \u0111\u1ec3 nh\u00fang li\u1ec1n m\u1ea1ch v\u00e0o c\u01a1 s\u1edf ki\u1ebfn th\u1ee9c v\u00e0 t\u00e0i li\u1ec7u k\u1ef9 thu\u1eadt.<\/p>\n<\/div>\n<\/div>\n<\/div>\n","protected":false},"excerpt":{"rendered":"<p>V\u1ebd s\u01a1 \u0111\u1ed3 khai b\u00e1o \u0111ang nhanh ch\u00f3ng thay th\u1ebf c\u00e1c c\u00f4ng c\u1ee5 k\u00e9o th\u1ea3 th\u1ee7 c\u00f4ng d\u00e0nh cho ki\u1ebfn tr\u00fac s\u01b0 ph\u1ea7n m\u1ec1m, nh\u00e0 ph\u00e1t tri\u1ec3n v\u00e0 nh\u00e0 v\u0103n k\u1ef9 thu\u1eadt. Trong s\u1ed1 c\u00e1c \u0111\u1ecbnh d\u1ea1ng v\u1ebd s\u01a1 \u0111\u1ed3 b\u1eb1ng m\u00e3, ng\u00f4n ng\u1eef D2n\u1ed5i b\u1eadt nh\u1edd c\u00fa ph\u00e1p d\u1ec5 \u0111\u1ecdc v\u00e0 kh\u1ea3 n\u0103ng b\u1ed1 c\u1ee5c linh ho\u1ea1t. Tuy nhi\u00ean, vi\u1ec7c nh\u1eadn \u0111\u01b0\u1ee3c ph\u1ea3n h\u1ed3i tr\u1ef1c quan ngay l\u1eadp t\u1ee9c khi vi\u1ebft m\u00e3 D2 th\u01b0\u1eddng l\u00e0 m\u1ed9t quy tr\u00ecnh c\u1ed3ng k\u1ec1nh. Tr\u00ecnh ch\u1ec9nh s\u1eeda s\u01a1 \u0111\u1ed3 D2 l\u00e0 g\u00ec? M\u1ed9t tr\u00ecnh ch\u1ec9nh s\u1eeda s\u01a1 \u0111\u1ed3 D2 l\u00e0 m\u00f4i tr\u01b0\u1eddng bi\u00ean so\u1ea1n \u0111\u01b0\u1ee3c thi\u1ebft k\u1ebf \u0111\u1ec3 d\u1ecbch m\u00e3 khai b\u00e1o D2 th\u00e0nh c\u00e1c s\u01a1 \u0111\u1ed3 ki\u1ebfn tr\u00fac tr\u1ef1c quan, s\u01a1 \u0111\u1ed3 lu\u1ed3ng v\u00e0 b\u1ea3n \u0111\u1ed3 h\u1ec7 th\u1ed1ng theo th\u1eddi gian th\u1ef1c. Tr\u00ecnh ch\u1ec9nh s\u1eeda D2 tr\u1ef1c tuy\u1ebfn mi\u1ec5n ph\u00ed c\u1ee7a Visual Paradigm Tr\u00ecnh ch\u1ec9nh s\u1eeda s\u01a1 \u0111\u1ed3 D2cung c\u1ea5p m\u1ed9t m\u00f4i tr\u01b0\u1eddng d\u1ef1a tr\u00ean web kh\u00f4ng c\u1ea7n c\u00e0i \u0111\u1eb7t, v\u1edbi kh\u1ea3 n\u0103ng hi\u1ec3n th\u1ecb song song theo th\u1eddi gian th\u1ef1c, xu\u1ea5t t\u1ec7p v\u00e0 t\u00edch h\u1ee3p t\u00e0i li\u1ec7u. T\u1ea1i sao l\u1ea1i s\u1eed d\u1ee5ng V\u1ebd s\u01a1 \u0111\u1ed3 b\u1eb1ng m\u00e3 v\u1edbi D2? D2 (V\u1ebd s\u01a1 \u0111\u1ed3 khai b\u00e1o) cho ph\u00e9p c\u00e1c nh\u00f3m duy tr\u00ec t\u00e0i li\u1ec7u ki\u1ebfn tr\u00fac song song v\u1edbi m\u00e3 ngu\u1ed3n trong c\u00e1c h\u1ec7 th\u1ed1ng ki\u1ec3m so\u00e1t phi\u00ean b\u1ea3n nh\u01b0 Git. Thay v\u00ec ph\u1ea3i \u0111i\u1ec1u ch\u1ec9nh th\u1ee7 c\u00f4ng v\u1ecb tr\u00ed c\u00e1c h\u1ed9p v\u00e0 c\u00e1c \u0111\u01b0\u1eddng n\u1ed1i, c\u00e1c nh\u00e0 ph\u00e1t tri\u1ec3n m\u00f4 t\u1ea3 c\u00e1c m\u1ed1i quan h\u1ec7 theo c\u00e1ch l\u1eadp tr\u00ecnh: x -&gt; y: HTTP GET \/api\/v1\/users y -&gt; database: Truy v\u1ea5n b\u1ea3n ghi ng\u01b0\u1eddi d\u00f9ng database -&gt; y: Tr\u1ea3 v\u1ec1 JSON y -&gt; x: 200 OK M\u1eb7c d\u00f9 c\u00fa ph\u00e1p r\u1ea5t \u0111\u01a1n gi\u1ea3n, vi\u1ec7c tr\u1ef1c quan h\u00f3a k\u1ebft qu\u1ea3 truy\u1ec1n th\u1ed1ng th\u01b0\u1eddng y\u00eau c\u1ea7u c\u00e1c c\u00f4ng c\u1ee5 CLI c\u1ee5c b\u1ed9 ho\u1eb7c c\u00e1c c\u1ea5u h\u00ecnh xem tr\u01b0\u1edbc nhi\u1ec1u b\u01b0\u1edbc. C\u00e1c t\u00ednh n\u0103ng ch\u00ednh c\u1ee7a Tr\u00ecnh ch\u1ec9nh s\u1eeda D2 tr\u1ef1c tuy\u1ebfn VPasCode Xem tr\u01b0\u1edbc theo th\u1eddi gian th\u1ef1c ngay l\u1eadp t\u1ee9c:C\u1eadp nh\u1eadt k\u1ebft qu\u1ea3 hi\u1ec3n th\u1ecb tr\u00ean m\u1ed7i ph\u00edm nh\u1ea5n m\u00e0 kh\u00f4ng b\u1ecb tr\u1ec5, \u0111\u1ea3m b\u1ea3o ph\u1ea3n h\u1ed3i t\u1ee9c th\u00ec v\u1ec1 c\u00e1c thay \u0111\u1ed5i thi\u1ebft k\u1ebf. H\u1ed7 tr\u1ee3 nhi\u1ec1u c\u00f4ng c\u1ee5 b\u1ed1 c\u1ee5c:Chuy\u1ec3n \u0111\u1ed5i m\u01b0\u1ee3t m\u00e0 gi\u1eefa c\u00e1c c\u00f4ng c\u1ee5 b\u1ed1 c\u1ee5c nh\u01b0 Dagre v\u00e0 ELK \u0111\u1ec3 tinh ch\u1ec9nh c\u00e1c s\u01a1 \u0111\u1ed3 m\u1ea1ng, chu\u1ed7i v\u00e0 h\u1ec7 th\u1ed1ng. Xu\u1ea5t ch\u1ea5t l\u01b0\u1ee3ng cao:Xu\u1ea5t c\u00e1c s\u01a1 \u0111\u1ed3 ho\u00e0n ch\u1ec9nh tr\u1ef1c ti\u1ebfp d\u01b0\u1edbi d\u1ea1ng \u0111\u1ed3 h\u1ecda vector c\u00f3 th\u1ec3 m\u1edf r\u1ed9ng (SVG) ho\u1eb7c h\u00ecnh \u1ea3nh PNG s\u1eafc n\u00e9t cho c\u00e1c b\u00e0i thuy\u1ebft tr\u00ecnh v\u00e0 b\u00e1o c\u00e1o. Chia s\u1ebb kh\u00f4ng r\u00e0o c\u1ea3n:Chia s\u1ebb li\u00ean k\u1ebft xem tr\u01b0\u1edbc tr\u1ef1c tuy\u1ebfn c\u00f3 th\u1ec3 ch\u1ec9nh s\u1eeda ho\u1eb7c t\u1ea1o m\u00e3 QR c\u00f3 th\u1ec3 qu\u00e9t ngay l\u1eadp t\u1ee9c \u0111\u1ec3 c\u1ed9ng t\u00e1c nhanh ch\u00f3ng. Quy tr\u00ecnh t\u00e0i li\u1ec7u OpenDocs:G\u1eedi c\u00e1c h\u00ecnh \u1ea3nh tr\u1ef1c quan D2 \u0111\u00e3 ho\u00e0n th\u00e0nh tr\u1ef1c ti\u1ebfp v\u00e0o Visual Paradigm OpenDocs \u0111\u1ec3 duy tr\u00ec c\u00e1c wiki k\u1ef9 thu\u1eadt v\u00e0 c\u01a1 s\u1edf ki\u1ebfn th\u1ee9c \u0111\u01b0\u1ee3c c\u1eadp nh\u1eadt t\u1ef1 \u0111\u1ed9ng. So s\u00e1nh quy tr\u00ecnh l\u00e0m vi\u1ec7c V\u1ebd s\u01a1 \u0111\u1ed3 b\u1eb1ng m\u00e3 T\u00ednh n\u0103ng Hi\u1ec3n th\u1ecb CLI truy\u1ec1n th\u1ed1ng Tr\u00ecnh ch\u1ec9nh s\u1eeda D2 VPasCode Y\u00eau c\u1ea7u c\u00e0i \u0111\u1eb7t C\u00e0i \u0111\u1eb7t m\u00f4i tr\u01b0\u1eddng c\u1ee5c b\u1ed9 Kh\u00f4ng c\u1ea7n c\u00e0i \u0111\u1eb7t (D\u1ef1a tr\u00ean tr\u00ecnh duy\u1ec7t) T\u1ed1c \u0111\u1ed9 ph\u1ea3n h\u1ed3i Bi\u00ean d\u1ecbch l\u1ea1i th\u1ee7 c\u00f4ng Xem tr\u01b0\u1edbc th\u1eddi gian th\u1ef1c d\u01b0\u1edbi m\u1ed9t gi\u00e2y Linh ho\u1ea1t v\u1ec1 \u0111\u1ecbnh d\u1ea1ng Ch\u1ec9 D2 Th\u1ed1ng nh\u1ea5t (D2, PlantUML, Mermaid, Graphviz, ECharts) T\u00edch h\u1ee3p t\u00e0i li\u1ec7u Nh\u00fang t\u1ec7p th\u1ee7 c\u00f4ng Xu\u1ea5t b\u1ea3n tr\u1ef1c ti\u1ebfp v\u00e0o Visual Paradigm OpenDocs N\u1ec1n t\u1ea3ng th\u1ed1ng nh\u1ea5t cho t\u1ea5t c\u1ea3 c\u00e1c ng\u00f4n ng\u1eef v\u1ebd bi\u1ec3u \u0111\u1ed3 Ngo\u00e0i vi\u1ec7c h\u1ed7 tr\u1ee3 ng\u00f4n ng\u1eef D2, m\u00f4i tr\u01b0\u1eddng VPasCode cung c\u1ea5p m\u1ed9t c\u00f4ng c\u1ee5 \u0111a c\u00fa ph\u00e1p. C\u00e1c nh\u00e0 ph\u00e1t tri\u1ec3n l\u00e0m vi\u1ec7c tr\u00ean c\u1ea3 c\u00f4ng c\u1ee5 c\u0169 v\u00e0 hi\u1ec7n \u0111\u1ea1i c\u00f3 th\u1ec3 vi\u1ebft v\u00e0 hi\u1ec3n th\u1ecb PlantUML, Mermaid, ECharts, l\u01b0\u1ee3c \u0111\u1ed3 SQL, JSON v\u00e0 YAMLtrong c\u00f9ng m\u1ed9t tr\u00ecnh so\u1ea1n th\u1ea3o web, lo\u1ea1i b\u1ecf s\u1ef1 m\u1ec7t m\u1ecfi v\u1ec1 c\u00f4ng c\u1ee5 trong c\u00e1c nh\u00f3m k\u1ef9 thu\u1eadt. C\u00e2u h\u1ecfi th\u01b0\u1eddng g\u1eb7p Tr\u00ecnh so\u1ea1n th\u1ea3o bi\u1ec3u \u0111\u1ed3 D2 VPasCode c\u00f3 ho\u00e0n to\u00e0n mi\u1ec5n ph\u00ed kh\u00f4ng? C\u00f3, tr\u00ecnh so\u1ea1n th\u1ea3o bi\u1ec3u \u0111\u1ed3 D2 VPasCode cung c\u1ea5p ho\u00e0n to\u00e0n mi\u1ec5n ph\u00ed vi\u1ec7c ch\u1ec9nh s\u1eeda d\u1ef1a tr\u00ean tr\u00ecnh duy\u1ec7t, xem tr\u01b0\u1edbc th\u1eddi gian th\u1ef1c t\u1ee9c th\u00ec v\u00e0 xu\u1ea5t ra SVG\/PNG m\u00e0 kh\u00f4ng c\u1ea7n c\u00e0i \u0111\u1eb7t ho\u1eb7c \u0111\u0103ng k\u00fd tr\u1ea3 ph\u00ed. C\u00f4ng c\u1ee5 D2 tr\u1ef1c tuy\u1ebfn h\u1ed7 tr\u1ee3 nh\u1eefng c\u00f4ng c\u1ee5 b\u1ed1 c\u1ee5c n\u00e0o? C\u00f4ng c\u1ee5 D2 tr\u1ef1c tuy\u1ebfn h\u1ed7 tr\u1ee3 c\u00e1c c\u00f4ng c\u1ee5 b\u1ed1 c\u1ee5c ph\u1ed5 bi\u1ebfn nh\u01b0 Dagre v\u00e0 ELK, cho ph\u00e9p ng\u01b0\u1eddi d\u00f9ng t\u1ef1 \u0111\u1ed9ng t\u00f9y ch\u1ec9nh h\u01b0\u1edbng bi\u1ec3u \u0111\u1ed3 v\u00e0 v\u1ecb tr\u00ed c\u00e1c n\u00fat. T\u00f4i c\u00f3 th\u1ec3 nh\u00fang bi\u1ec3u \u0111\u1ed3 D2 v\u00e0o t\u00e0i li\u1ec7u k\u1ef9 thu\u1eadt kh\u00f4ng? C\u00f3, c\u00e1c bi\u1ec3u \u0111\u1ed3 t\u1ea1o ra trong tr\u00ecnh so\u1ea1n th\u1ea3o D2 c\u00f3 th\u1ec3 \u0111\u01b0\u1ee3c xu\u1ea5t d\u01b0\u1edbi d\u1ea1ng h\u00ecnh \u1ea3nh SVG\/PNG ho\u1eb7c g\u1eedi tr\u1ef1c ti\u1ebfp \u0111\u1ebfn Visual Paradigm OpenDocs \u0111\u1ec3 nh\u00fang li\u1ec1n m\u1ea1ch v\u00e0o c\u01a1 s\u1edf ki\u1ebfn th\u1ee9c v\u00e0 t\u00e0i li\u1ec7u k\u1ef9 thu\u1eadt.<\/p>\n","protected":false},"author":2,"featured_media":7043,"comment_status":"closed","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"_yoast_wpseo_title":"Tr\u00ecnh so\u1ea1n th\u1ea3o bi\u1ec3u \u0111\u1ed3 D2 tr\u1ef1c tuy\u1ebfn mi\u1ec5n ph\u00ed: C\u00f4ng c\u1ee5 v\u1ebd bi\u1ec3u \u0111\u1ed3 d\u01b0\u1edbi d\u1ea1ng m\u00e3 nhanh | Visual Paradigm","_yoast_wpseo_metadesc":"T\u1ea1o v\u00e0 xem tr\u01b0\u1edbc c\u00e1c bi\u1ec3u \u0111\u1ed3 ng\u00f4n ng\u1eef D2 theo th\u1eddi gian th\u1ef1c v\u1edbi tr\u00ecnh so\u1ea1n th\u1ea3o D2 tr\u1ef1c tuy\u1ebfn mi\u1ec5n ph\u00ed c\u1ee7a Visual Paradigm. Xu\u1ea5t SVG\/PNG, s\u1eed d\u1ee5ng c\u00e1c c\u00f4ng c\u1ee5 Dagre\/ELK v\u00e0 t\u00edch h\u1ee3p v\u1edbi OpenDocs.","_uag_custom_page_level_css":"","_eb_attr":"","neve_meta_sidebar":"","neve_meta_container":"","neve_meta_enable_content_width":"off","neve_meta_content_width":70,"neve_meta_title_alignment":"","neve_meta_author_avatar":"","neve_post_elements_order":"","neve_meta_disable_header":"","neve_meta_disable_footer":"","neve_meta_disable_title":"","fifu_image_url":"https:\/\/cdn-images.visual-paradigm.com\/features\/d2-diagram-editor\/vpascode-d2-editor.png","fifu_image_alt":"","source_url":"","vp_image_hash":"","footnotes":""},"categories":[45],"tags":[],"class_list":["post-7042","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-vpascode"],"source_url":"","fifu_image_url":"https:\/\/cdn-images.visual-paradigm.com\/features\/d2-diagram-editor\/vpascode-d2-editor.png","vp_image_hash":"","yoast_head":"<!-- This site is optimized with the Yoast SEO plugin v26.9 - https:\/\/yoast.com\/product\/yoast-seo-wordpress\/ -->\n<title>Tr\u00ecnh so\u1ea1n th\u1ea3o bi\u1ec3u \u0111\u1ed3 D2 tr\u1ef1c tuy\u1ebfn mi\u1ec5n ph\u00ed: C\u00f4ng c\u1ee5 v\u1ebd bi\u1ec3u \u0111\u1ed3 d\u01b0\u1edbi d\u1ea1ng m\u00e3 nhanh | Visual Paradigm<\/title>\n<meta name=\"description\" content=\"T\u1ea1o v\u00e0 xem tr\u01b0\u1edbc c\u00e1c bi\u1ec3u \u0111\u1ed3 ng\u00f4n ng\u1eef D2 theo th\u1eddi gian th\u1ef1c v\u1edbi tr\u00ecnh so\u1ea1n th\u1ea3o D2 tr\u1ef1c tuy\u1ebfn mi\u1ec5n ph\u00ed c\u1ee7a Visual Paradigm. Xu\u1ea5t SVG\/PNG, s\u1eed d\u1ee5ng c\u00e1c c\u00f4ng c\u1ee5 Dagre\/ELK v\u00e0 t\u00edch h\u1ee3p v\u1edbi OpenDocs.\" \/>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/guides.visual-paradigm.com\/vn\/free-online-d2-diagram-editor\/\" \/>\n<meta property=\"og:locale\" content=\"vi_VN\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Tr\u00ecnh so\u1ea1n th\u1ea3o bi\u1ec3u \u0111\u1ed3 D2 tr\u1ef1c tuy\u1ebfn mi\u1ec5n ph\u00ed: C\u00f4ng c\u1ee5 v\u1ebd bi\u1ec3u \u0111\u1ed3 d\u01b0\u1edbi d\u1ea1ng m\u00e3 nhanh | Visual Paradigm\" \/>\n<meta property=\"og:description\" content=\"T\u1ea1o v\u00e0 xem tr\u01b0\u1edbc c\u00e1c bi\u1ec3u \u0111\u1ed3 ng\u00f4n ng\u1eef D2 theo th\u1eddi gian th\u1ef1c v\u1edbi tr\u00ecnh so\u1ea1n th\u1ea3o D2 tr\u1ef1c tuy\u1ebfn mi\u1ec5n ph\u00ed c\u1ee7a Visual Paradigm. Xu\u1ea5t SVG\/PNG, s\u1eed d\u1ee5ng c\u00e1c c\u00f4ng c\u1ee5 Dagre\/ELK v\u00e0 t\u00edch h\u1ee3p v\u1edbi OpenDocs.\" \/>\n<meta property=\"og:url\" content=\"https:\/\/guides.visual-paradigm.com\/vn\/free-online-d2-diagram-editor\/\" \/>\n<meta property=\"og:site_name\" content=\"Visual Paradigm Guides Vietnamese\" \/>\n<meta property=\"article:published_time\" content=\"2026-08-10T10:22:09+00:00\" \/>\n<meta property=\"article:modified_time\" content=\"2026-09-09T13:14:00+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/cdn-images.visual-paradigm.com\/features\/d2-diagram-editor\/vpascode-d2-editor.png\" \/><meta property=\"og:image\" content=\"https:\/\/cdn-images.visual-paradigm.com\/features\/d2-diagram-editor\/vpascode-d2-editor.png\" \/>\n\t<meta property=\"og:image:width\" content=\"1208\" \/>\n\t<meta property=\"og:image:height\" content=\"753\" \/>\n\t<meta property=\"og:image:type\" content=\"image\/png\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:image\" content=\"https:\/\/cdn-images.visual-paradigm.com\/features\/d2-diagram-editor\/vpascode-d2-editor.png\" \/>\n<meta name=\"twitter:label1\" content=\"\u0110\u01b0\u1ee3c vi\u1ebft b\u1edfi\" \/>\n\t<meta name=\"twitter:data1\" content=\"vpjick\" \/>\n\t<meta name=\"twitter:label2\" content=\"\u01af\u1edbc t\u00ednh th\u1eddi gian \u0111\u1ecdc\" \/>\n\t<meta name=\"twitter:data2\" content=\"3 ph\u00fat\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\/\/schema.org\",\"@graph\":[{\"@type\":\"Article\",\"@id\":\"https:\/\/guides.visual-paradigm.com\/vn\/free-online-d2-diagram-editor\/#article\",\"isPartOf\":{\"@id\":\"https:\/\/guides.visual-paradigm.com\/vn\/free-online-d2-diagram-editor\/\"},\"headline\":\"T\u1ed1i \u01b0u h\u00f3a quy tr\u00ecnh V\u1ebd s\u01a1 \u0111\u1ed3 b\u1eb1ng m\u00e3 v\u1edbi Tr\u00ecnh ch\u1ec9nh s\u1eeda D2 tr\u1ef1c tuy\u1ebfn mi\u1ec5n ph\u00ed\",\"datePublished\":\"2026-08-10T10:22:09+00:00\",\"dateModified\":\"2026-09-09T13:14:00+00:00\",\"mainEntityOfPage\":{\"@id\":\"https:\/\/guides.visual-paradigm.com\/vn\/free-online-d2-diagram-editor\/\"},\"wordCount\":1240,\"image\":{\"@id\":\"https:\/\/guides.visual-paradigm.com\/vn\/free-online-d2-diagram-editor\/#primaryimage\"},\"thumbnailUrl\":\"https:\/\/guides.visual-paradigm.com\/vn\/wp-content\/uploads\/sites\/10\/2026\/08\/vpascode-d2-editor.png\",\"articleSection\":[\"VPasCode\"],\"inLanguage\":\"vi\"},{\"@type\":\"WebPage\",\"@id\":\"https:\/\/guides.visual-paradigm.com\/vn\/free-online-d2-diagram-editor\/\",\"url\":\"https:\/\/guides.visual-paradigm.com\/vn\/free-online-d2-diagram-editor\/\",\"name\":\"Tr\u00ecnh so\u1ea1n th\u1ea3o bi\u1ec3u \u0111\u1ed3 D2 tr\u1ef1c tuy\u1ebfn mi\u1ec5n ph\u00ed: C\u00f4ng c\u1ee5 v\u1ebd bi\u1ec3u \u0111\u1ed3 d\u01b0\u1edbi d\u1ea1ng m\u00e3 nhanh | Visual Paradigm\",\"isPartOf\":{\"@id\":\"https:\/\/guides.visual-paradigm.com\/vn\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\/\/guides.visual-paradigm.com\/vn\/free-online-d2-diagram-editor\/#primaryimage\"},\"image\":{\"@id\":\"https:\/\/guides.visual-paradigm.com\/vn\/free-online-d2-diagram-editor\/#primaryimage\"},\"thumbnailUrl\":\"https:\/\/guides.visual-paradigm.com\/vn\/wp-content\/uploads\/sites\/10\/2026\/08\/vpascode-d2-editor.png\",\"datePublished\":\"2026-08-10T10:22:09+00:00\",\"dateModified\":\"2026-09-09T13:14:00+00:00\",\"author\":{\"@id\":\"https:\/\/guides.visual-paradigm.com\/vn\/#\/schema\/person\/0903402359ce4a6eeeaa70bb7204a2c6\"},\"description\":\"T\u1ea1o v\u00e0 xem tr\u01b0\u1edbc c\u00e1c bi\u1ec3u \u0111\u1ed3 ng\u00f4n ng\u1eef D2 theo th\u1eddi gian th\u1ef1c v\u1edbi tr\u00ecnh so\u1ea1n th\u1ea3o D2 tr\u1ef1c tuy\u1ebfn mi\u1ec5n ph\u00ed c\u1ee7a Visual Paradigm. Xu\u1ea5t SVG\/PNG, s\u1eed d\u1ee5ng c\u00e1c c\u00f4ng c\u1ee5 Dagre\/ELK v\u00e0 t\u00edch h\u1ee3p v\u1edbi OpenDocs.\",\"breadcrumb\":{\"@id\":\"https:\/\/guides.visual-paradigm.com\/vn\/free-online-d2-diagram-editor\/#breadcrumb\"},\"inLanguage\":\"vi\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/guides.visual-paradigm.com\/vn\/free-online-d2-diagram-editor\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"vi\",\"@id\":\"https:\/\/guides.visual-paradigm.com\/vn\/free-online-d2-diagram-editor\/#primaryimage\",\"url\":\"https:\/\/guides.visual-paradigm.com\/vn\/wp-content\/uploads\/sites\/10\/2026\/08\/vpascode-d2-editor.png\",\"contentUrl\":\"https:\/\/guides.visual-paradigm.com\/vn\/wp-content\/uploads\/sites\/10\/2026\/08\/vpascode-d2-editor.png\",\"width\":1208,\"height\":753},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\/\/guides.visual-paradigm.com\/vn\/free-online-d2-diagram-editor\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\/\/guides.visual-paradigm.com\/vn\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"AI Diagramming Chatbot\",\"item\":\"https:\/\/guides.visual-paradigm.com\/vn\/category\/ai-diagramming-chatbot\/\"},{\"@type\":\"ListItem\",\"position\":3,\"name\":\"T\u1ed1i \u01b0u h\u00f3a quy tr\u00ecnh V\u1ebd s\u01a1 \u0111\u1ed3 b\u1eb1ng m\u00e3 v\u1edbi Tr\u00ecnh ch\u1ec9nh s\u1eeda D2 tr\u1ef1c tuy\u1ebfn mi\u1ec5n ph\u00ed\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\/\/guides.visual-paradigm.com\/vn\/#website\",\"url\":\"https:\/\/guides.visual-paradigm.com\/vn\/\",\"name\":\"Visual Paradigm Guides Vietnamese\",\"description\":\"Smart guides for an AI-driven world\",\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\/\/guides.visual-paradigm.com\/vn\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"vi\"}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"Tr\u00ecnh so\u1ea1n th\u1ea3o bi\u1ec3u \u0111\u1ed3 D2 tr\u1ef1c tuy\u1ebfn mi\u1ec5n ph\u00ed: C\u00f4ng c\u1ee5 v\u1ebd bi\u1ec3u \u0111\u1ed3 d\u01b0\u1edbi d\u1ea1ng m\u00e3 nhanh | Visual Paradigm","description":"T\u1ea1o v\u00e0 xem tr\u01b0\u1edbc c\u00e1c bi\u1ec3u \u0111\u1ed3 ng\u00f4n ng\u1eef D2 theo th\u1eddi gian th\u1ef1c v\u1edbi tr\u00ecnh so\u1ea1n th\u1ea3o D2 tr\u1ef1c tuy\u1ebfn mi\u1ec5n ph\u00ed c\u1ee7a Visual Paradigm. Xu\u1ea5t SVG\/PNG, s\u1eed d\u1ee5ng c\u00e1c c\u00f4ng c\u1ee5 Dagre\/ELK v\u00e0 t\u00edch h\u1ee3p v\u1edbi OpenDocs.","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:\/\/guides.visual-paradigm.com\/vn\/free-online-d2-diagram-editor\/","og_locale":"vi_VN","og_type":"article","og_title":"Tr\u00ecnh so\u1ea1n th\u1ea3o bi\u1ec3u \u0111\u1ed3 D2 tr\u1ef1c tuy\u1ebfn mi\u1ec5n ph\u00ed: C\u00f4ng c\u1ee5 v\u1ebd bi\u1ec3u \u0111\u1ed3 d\u01b0\u1edbi d\u1ea1ng m\u00e3 nhanh | Visual Paradigm","og_description":"T\u1ea1o v\u00e0 xem tr\u01b0\u1edbc c\u00e1c bi\u1ec3u \u0111\u1ed3 ng\u00f4n ng\u1eef D2 theo th\u1eddi gian th\u1ef1c v\u1edbi tr\u00ecnh so\u1ea1n th\u1ea3o D2 tr\u1ef1c tuy\u1ebfn mi\u1ec5n ph\u00ed c\u1ee7a Visual Paradigm. Xu\u1ea5t SVG\/PNG, s\u1eed d\u1ee5ng c\u00e1c c\u00f4ng c\u1ee5 Dagre\/ELK v\u00e0 t\u00edch h\u1ee3p v\u1edbi OpenDocs.","og_url":"https:\/\/guides.visual-paradigm.com\/vn\/free-online-d2-diagram-editor\/","og_site_name":"Visual Paradigm Guides Vietnamese","article_published_time":"2026-08-10T10:22:09+00:00","article_modified_time":"2026-09-09T13:14:00+00:00","og_image":[{"url":"https:\/\/cdn-images.visual-paradigm.com\/features\/d2-diagram-editor\/vpascode-d2-editor.png","type":"","width":"","height":""},{"width":1208,"height":753,"url":"https:\/\/cdn-images.visual-paradigm.com\/features\/d2-diagram-editor\/vpascode-d2-editor.png","type":"image\/png"}],"twitter_card":"summary_large_image","twitter_image":"https:\/\/cdn-images.visual-paradigm.com\/features\/d2-diagram-editor\/vpascode-d2-editor.png","twitter_misc":{"\u0110\u01b0\u1ee3c vi\u1ebft b\u1edfi":"vpjick","\u01af\u1edbc t\u00ednh th\u1eddi gian \u0111\u1ecdc":"3 ph\u00fat"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"Article","@id":"https:\/\/guides.visual-paradigm.com\/vn\/free-online-d2-diagram-editor\/#article","isPartOf":{"@id":"https:\/\/guides.visual-paradigm.com\/vn\/free-online-d2-diagram-editor\/"},"headline":"T\u1ed1i \u01b0u h\u00f3a quy tr\u00ecnh V\u1ebd s\u01a1 \u0111\u1ed3 b\u1eb1ng m\u00e3 v\u1edbi Tr\u00ecnh ch\u1ec9nh s\u1eeda D2 tr\u1ef1c tuy\u1ebfn mi\u1ec5n ph\u00ed","datePublished":"2026-08-10T10:22:09+00:00","dateModified":"2026-09-09T13:14:00+00:00","mainEntityOfPage":{"@id":"https:\/\/guides.visual-paradigm.com\/vn\/free-online-d2-diagram-editor\/"},"wordCount":1240,"image":{"@id":"https:\/\/guides.visual-paradigm.com\/vn\/free-online-d2-diagram-editor\/#primaryimage"},"thumbnailUrl":"https:\/\/guides.visual-paradigm.com\/vn\/wp-content\/uploads\/sites\/10\/2026\/08\/vpascode-d2-editor.png","articleSection":["VPasCode"],"inLanguage":"vi"},{"@type":"WebPage","@id":"https:\/\/guides.visual-paradigm.com\/vn\/free-online-d2-diagram-editor\/","url":"https:\/\/guides.visual-paradigm.com\/vn\/free-online-d2-diagram-editor\/","name":"Tr\u00ecnh so\u1ea1n th\u1ea3o bi\u1ec3u \u0111\u1ed3 D2 tr\u1ef1c tuy\u1ebfn mi\u1ec5n ph\u00ed: C\u00f4ng c\u1ee5 v\u1ebd bi\u1ec3u \u0111\u1ed3 d\u01b0\u1edbi d\u1ea1ng m\u00e3 nhanh | Visual Paradigm","isPartOf":{"@id":"https:\/\/guides.visual-paradigm.com\/vn\/#website"},"primaryImageOfPage":{"@id":"https:\/\/guides.visual-paradigm.com\/vn\/free-online-d2-diagram-editor\/#primaryimage"},"image":{"@id":"https:\/\/guides.visual-paradigm.com\/vn\/free-online-d2-diagram-editor\/#primaryimage"},"thumbnailUrl":"https:\/\/guides.visual-paradigm.com\/vn\/wp-content\/uploads\/sites\/10\/2026\/08\/vpascode-d2-editor.png","datePublished":"2026-08-10T10:22:09+00:00","dateModified":"2026-09-09T13:14:00+00:00","author":{"@id":"https:\/\/guides.visual-paradigm.com\/vn\/#\/schema\/person\/0903402359ce4a6eeeaa70bb7204a2c6"},"description":"T\u1ea1o v\u00e0 xem tr\u01b0\u1edbc c\u00e1c bi\u1ec3u \u0111\u1ed3 ng\u00f4n ng\u1eef D2 theo th\u1eddi gian th\u1ef1c v\u1edbi tr\u00ecnh so\u1ea1n th\u1ea3o D2 tr\u1ef1c tuy\u1ebfn mi\u1ec5n ph\u00ed c\u1ee7a Visual Paradigm. Xu\u1ea5t SVG\/PNG, s\u1eed d\u1ee5ng c\u00e1c c\u00f4ng c\u1ee5 Dagre\/ELK v\u00e0 t\u00edch h\u1ee3p v\u1edbi OpenDocs.","breadcrumb":{"@id":"https:\/\/guides.visual-paradigm.com\/vn\/free-online-d2-diagram-editor\/#breadcrumb"},"inLanguage":"vi","potentialAction":[{"@type":"ReadAction","target":["https:\/\/guides.visual-paradigm.com\/vn\/free-online-d2-diagram-editor\/"]}]},{"@type":"ImageObject","inLanguage":"vi","@id":"https:\/\/guides.visual-paradigm.com\/vn\/free-online-d2-diagram-editor\/#primaryimage","url":"https:\/\/guides.visual-paradigm.com\/vn\/wp-content\/uploads\/sites\/10\/2026\/08\/vpascode-d2-editor.png","contentUrl":"https:\/\/guides.visual-paradigm.com\/vn\/wp-content\/uploads\/sites\/10\/2026\/08\/vpascode-d2-editor.png","width":1208,"height":753},{"@type":"BreadcrumbList","@id":"https:\/\/guides.visual-paradigm.com\/vn\/free-online-d2-diagram-editor\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/guides.visual-paradigm.com\/vn\/"},{"@type":"ListItem","position":2,"name":"AI Diagramming Chatbot","item":"https:\/\/guides.visual-paradigm.com\/vn\/category\/ai-diagramming-chatbot\/"},{"@type":"ListItem","position":3,"name":"T\u1ed1i \u01b0u h\u00f3a quy tr\u00ecnh V\u1ebd s\u01a1 \u0111\u1ed3 b\u1eb1ng m\u00e3 v\u1edbi Tr\u00ecnh ch\u1ec9nh s\u1eeda D2 tr\u1ef1c tuy\u1ebfn mi\u1ec5n ph\u00ed"}]},{"@type":"WebSite","@id":"https:\/\/guides.visual-paradigm.com\/vn\/#website","url":"https:\/\/guides.visual-paradigm.com\/vn\/","name":"Visual Paradigm Guides Vietnamese","description":"Smart guides for an AI-driven world","potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/guides.visual-paradigm.com\/vn\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"vi"}]}},"uagb_featured_image_src":{"full":["https:\/\/guides.visual-paradigm.com\/vn\/wp-content\/uploads\/sites\/10\/2026\/08\/vpascode-d2-editor.png",1208,753,false],"thumbnail":["https:\/\/guides.visual-paradigm.com\/vn\/wp-content\/uploads\/sites\/10\/2026\/08\/vpascode-d2-editor-150x150.png",150,150,true],"medium":["https:\/\/guides.visual-paradigm.com\/vn\/wp-content\/uploads\/sites\/10\/2026\/08\/vpascode-d2-editor-300x187.png",300,187,true],"medium_large":["https:\/\/guides.visual-paradigm.com\/vn\/wp-content\/uploads\/sites\/10\/2026\/08\/vpascode-d2-editor-768x479.png",768,479,true],"large":["https:\/\/guides.visual-paradigm.com\/vn\/wp-content\/uploads\/sites\/10\/2026\/08\/vpascode-d2-editor-1024x638.png",1024,638,true],"1536x1536":["https:\/\/guides.visual-paradigm.com\/vn\/wp-content\/uploads\/sites\/10\/2026\/08\/vpascode-d2-editor.png",1208,753,false],"2048x2048":["https:\/\/guides.visual-paradigm.com\/vn\/wp-content\/uploads\/sites\/10\/2026\/08\/vpascode-d2-editor.png",1208,753,false],"neve-blog":["https:\/\/guides.visual-paradigm.com\/vn\/wp-content\/uploads\/sites\/10\/2026\/08\/vpascode-d2-editor-930x620.png",930,620,true],"yarpp-thumbnail":["https:\/\/guides.visual-paradigm.com\/vn\/wp-content\/uploads\/sites\/10\/2026\/08\/vpascode-d2-editor-120x120.png",120,120,true]},"uagb_author_info":{"display_name":"vpjick","author_link":"https:\/\/guides.visual-paradigm.com\/vn\/author\/vpjick\/"},"uagb_comment_info":0,"uagb_excerpt":"V\u1ebd s\u01a1 \u0111\u1ed3 khai b\u00e1o \u0111ang nhanh ch\u00f3ng thay th\u1ebf c\u00e1c c\u00f4ng c\u1ee5 k\u00e9o th\u1ea3 th\u1ee7 c\u00f4ng d\u00e0nh cho ki\u1ebfn tr\u00fac s\u01b0 ph\u1ea7n m\u1ec1m, nh\u00e0 ph\u00e1t tri\u1ec3n v\u00e0 nh\u00e0 v\u0103n k\u1ef9 thu\u1eadt. Trong s\u1ed1 c\u00e1c \u0111\u1ecbnh d\u1ea1ng v\u1ebd s\u01a1 \u0111\u1ed3 b\u1eb1ng m\u00e3, ng\u00f4n ng\u1eef D2n\u1ed5i b\u1eadt nh\u1edd c\u00fa ph\u00e1p d\u1ec5 \u0111\u1ecdc v\u00e0 kh\u1ea3 n\u0103ng b\u1ed1&hellip;","_links":{"self":[{"href":"https:\/\/guides.visual-paradigm.com\/vn\/wp-json\/wp\/v2\/posts\/7042","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/guides.visual-paradigm.com\/vn\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/guides.visual-paradigm.com\/vn\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/guides.visual-paradigm.com\/vn\/wp-json\/wp\/v2\/users\/2"}],"replies":[{"embeddable":true,"href":"https:\/\/guides.visual-paradigm.com\/vn\/wp-json\/wp\/v2\/comments?post=7042"}],"version-history":[{"count":0,"href":"https:\/\/guides.visual-paradigm.com\/vn\/wp-json\/wp\/v2\/posts\/7042\/revisions"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/guides.visual-paradigm.com\/vn\/wp-json\/wp\/v2\/media\/7043"}],"wp:attachment":[{"href":"https:\/\/guides.visual-paradigm.com\/vn\/wp-json\/wp\/v2\/media?parent=7042"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/guides.visual-paradigm.com\/vn\/wp-json\/wp\/v2\/categories?post=7042"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/guides.visual-paradigm.com\/vn\/wp-json\/wp\/v2\/tags?post=7042"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}