{"id":2038,"date":"2026-07-28T05:57:48","date_gmt":"2026-07-28T05:57:48","guid":{"rendered":"https:\/\/www.vpascode.com\/vn\/docs\/uncategorized\/toon-visualizer-guide\/"},"modified":"2026-07-28T05:57:48","modified_gmt":"2026-07-28T05:57:48","slug":"toon-visualizer-guide","status":"publish","type":"ld_docs","link":"https:\/\/www.vpascode.com\/vn\/docs\/vpascode-docs\/toon-visualizer-guide\/","title":{"rendered":"TOON"},"content":{"rendered":"

Khi truy\u1ec1n d\u1eef li\u1ec7u c\u00f3 c\u1ea5u tr\u00fac \u0111\u1ebfn c\u00e1c M\u00f4 h\u00ecnh Ng\u00f4n ng\u1eef L\u1edbn (LLMs) ho\u1eb7c ph\u00e2n t\u00edch c\u00e1c g\u00f3i d\u1eef li\u1ec7u ng\u1eef c\u1ea3nh nh\u1ecf g\u1ecdn, c\u00fa ph\u00e1p JSON truy\u1ec1n th\u1ed1ng ch\u1ee9a chi ph\u00ed overhead \u0111\u00e1ng k\u1ec3 do c\u00e1c d\u1ea5u ngo\u1eb7c k\u00e9p b\u1eaft bu\u1ed9c, d\u1ea5u ngo\u1eb7c nh\u1ecdn v\u00e0 c\u00e1c kh\u00f3a l\u1eb7p l\u1ea1i. Vi\u1ec7c Tr\u00ecnh hi\u1ec3n th\u1ecb TOON<\/strong>chuy\u1ec3n \u0111\u1ed5i Ng\u1eef ngh\u0129a \u0110\u1ed1i t\u01b0\u1ee3ng H\u01b0\u1edbng Token (TOON) th\u00e0nh c\u00e1c s\u01a1 \u0111\u1ed3 n\u00fat c\u00e2y c\u00f3 c\u1ea5u tr\u00fac r\u00f5 r\u00e0ng, t\u01b0\u01a1ng t\u00e1c \u0111\u01b0\u1ee3c. B\u1eb1ng c\u00e1ch chuy\u1ec3n \u0111\u1ed5i vi\u1ec7c l\u1ed3ng gh\u00e9p d\u1ef1a tr\u00ean th\u1ee5t \u0111\u1ea7u d\u00f2ng v\u00e0 khai b\u00e1o m\u1ea3ng d\u1ea1ng b\u1ea3ng ki\u1ec3u CSV th\u00e0nh c\u00e1c c\u00e2y h\u00ecnh \u1ea3nh, c\u00e1c nh\u00e0 ph\u00e1t tri\u1ec3n v\u00e0 k\u1ef9 s\u01b0 prompt c\u00f3 th\u1ec3 ki\u1ec3m tra c\u00e1c g\u00f3i d\u1eef li\u1ec7u \u0111\u01b0\u1ee3c t\u1ed1i \u01b0u h\u00f3a token m\u00e0 kh\u00f4ng l\u00e0m m\u1ea5t t\u00ednh r\u00f5 r\u00e0ng c\u1ee7a d\u1eef li\u1ec7u.<\/p>\n

C\u01a1 ch\u1ebf c\u1ee7a c\u00e1c b\u1ea3n hi\u1ec3n th\u1ecb TOON<\/h2>\n

Trong VPasCode, vi\u1ec7c hi\u1ec3n th\u1ecb TOON t\u1ef1 \u0111\u1ed9ng ph\u00e2n t\u00edch c\u00e1c tr\u01b0\u1eddng th\u1ee5t \u0111\u1ea7u d\u00f2ng b\u1eb1ng kho\u1ea3ng tr\u1eafng, c\u00e1c gi\u00e1 tr\u1ecb nguy\u00ean th\u1ee7y v\u00e0 c\u00e1c ti\u00eau \u0111\u1ec1 chi\u1ec1u d\u00e0i\/m\u00f4 h\u00ecnh m\u1ea3ng th\u00e0nh c\u00e1c c\u00e2y h\u00ecnh \u1ea3nh c\u00f3 c\u1ea5u tr\u00fac. C\u00e1c kh\u00f3a \u0111\u00f3ng vai tr\u00f2 l\u00e0 n\u00fat cha, th\u1ee5t \u0111\u1ea7u d\u00f2ng b\u1eb1ng tab ho\u1eb7c kho\u1ea3ng tr\u1eafng x\u00e1c \u0111\u1ecbnh th\u1ee9 t\u1ef1 c\u00e2y, v\u00e0 c\u00e1c khai b\u00e1o m\u1ea3ng r\u00f5 r\u00e0ng \u0111\u01b0\u1ee3c ph\u00e2n t\u00edch tr\u1ef1c ti\u1ebfp th\u00e0nh c\u00e1c nh\u00e1nh con r\u00f5 r\u00e0ng ho\u1eb7c c\u00e1c h\u00e0ng d\u1eef li\u1ec7u b\u1ea3ng.<\/p>\n

1. C\u00e0i \u0111\u1eb7t c\u01a1 b\u1ea3n<\/h3>\n

\u0110\u1ec3 hi\u1ec3n th\u1ecb m\u1ed9t t\u00e0i li\u1ec7u TOON ti\u00eau chu\u1ea9n, h\u00e3y \u0111\u1ecbnh ngh\u0129a c\u00e1c tr\u01b0\u1eddng \u0111\u1ed1i t\u01b0\u1ee3ng b\u1eb1ng c\u00e1c c\u1eb7p kh\u00f3a-gi\u00e1 tr\u1ecb t\u01b0\u01a1ng t\u1ef1 YAML m\u00e0 kh\u00f4ng c\u1ea7n d\u1ea5u ngo\u1eb7c k\u00e9p, d\u1ea5u ngo\u1eb7c nh\u1ecdn hay d\u1ea5u ph\u1ea9y cu\u1ed1i.<\/p>\n

\n
\nToon<\/span>
\n
\n<\/path><\/path><\/svg>
\nCh\u1ec9nh s\u1eeda Toon trong VPasCode<\/span>
\n<\/a>\n<\/div>\n
\n
\r\n
\r\n Toon<\/span>\r\n \r\n <\/path><\/path><\/svg>\r\n Edit Toon in VPasCode<\/span>\r\n <\/a>\r\n <\/div>\r\n
\r\n 
service: authentication-api\r\nversion: 1.4.0\r\nactive: true\r\n\r\nnetwork:\r\n  port: 8080\r\n  host: localhost\r\n  protocols[2]: http,https<\/code><\/pre>                <\/div>\r\n                
\r\n                    \r\n                        <\/path><\/path><\/svg>\r\n                        Edit Toon in VPasCode<\/span>\r\n                    <\/a>\r\n                <\/div>\r\n            <\/div>\r\n            \n<\/p><\/div>\n
\n
\n<\/path><\/path><\/svg>
\nCh\u1ec9nh s\u1eeda Toon trong VPasCode<\/span>
\n<\/a>\n<\/div>\n<\/div>\n
\"\"<\/p>\n
\u00a0<\/p>\n
C\u00e1c k\u1ef9 thu\u1eadt c\u1ea5u tr\u00fac n\u00e2ng cao<\/h2>\n
C\u00e1c b\u1ea3n hi\u1ec3n th\u1ecb TOON xu\u1ea5t s\u1eafc trong vi\u1ec7c hi\u1ec3n th\u1ecb c\u00e1c m\u1ea3ng b\u1ea3ng \u0111\u1ed1i t\u01b0\u1ee3ng, k\u1ebft h\u1ee3p hi\u1ec7u qu\u1ea3 ki\u1ec3u CSV v\u1edbi c\u00e1c ti\u00eau \u0111\u1ec1 m\u00f4 h\u00ecnh r\u00f5 r\u00e0ng.<\/p>\n
1. M\u1ea3ng b\u1ea3ng \u0111\u1ed3ng nh\u1ea5t<\/h3>\n
B\u1eb1ng c\u00e1ch khai b\u00e1o \u0111\u1ed9 d\u00e0i m\u1ea3ng v\u00e0 c\u00e1c tr\u01b0\u1eddng thu\u1ed9c t\u00ednh trong th\u1ebb ti\u00eau \u0111\u1ec1 (v\u00ed d\u1ee5: users[2]{id,name,role}:<\/code>), VPasCode ph\u00e2n t\u00edch m\u1ed7i h\u00e0ng b\u1ea3ng th\u00e0nh c\u00e1c c\u00e2y n\u00fat r\u00f5 r\u00e0ng m\u00e0 kh\u00f4ng c\u1ea7n l\u1eb7p l\u1ea1i c\u00e1c kh\u00f3a \u0111\u1ed1i t\u01b0\u1ee3ng:<\/p>\n
\n
\nToon<\/span>
\n
\n<\/path><\/path><\/svg>
\nCh\u1ec9nh s\u1eeda Toon trong VPasCode<\/span>
\n<\/a>\n<\/div>\n
\n            
\r\n                                
\r\n                    Toon<\/span>\r\n                    \r\n                        <\/path><\/path><\/svg>\r\n                        Edit Toon in VPasCode<\/span>\r\n                    <\/a>\r\n                <\/div>\r\n                                
\r\n                    
organization: TechCorp\r\ndepartment: Engineering\r\n\r\nusers[2]{id,name,role}:\r\n  1,Alice,admin\r\n  2,Bob,developer<\/code><\/pre>                <\/div>\r\n                
\r\n                    \r\n                        <\/path><\/path><\/svg>\r\n                        Edit Toon in VPasCode<\/span>\r\n                    <\/a>\r\n                <\/div>\r\n            <\/div>\r\n            \n<\/p><\/div>\n
\n
\n<\/path><\/path><\/svg>
\nCh\u1ec9nh s\u1eeda Toon trong VPasCode<\/span>
\n<\/a>\n<\/div>\n<\/div>\n
\"\"<\/p>\n
\u00a0<\/p>\n
C\u1ea5u tr\u00fac kh\u00f4ng gian l\u00e0m vi\u1ec7c \u0111a c\u1ea5p<\/h2>\n
S\u1eed d\u1ee5ng TOON cho c\u00e1c l\u1eddi nh\u1eafc h\u1ec7 th\u1ed1ng LLM v\u00e0 ch\u00e8n ng\u1eef c\u1ea3nh cho ph\u00e9p c\u00e1c t\u1eadp d\u1eef li\u1ec7u \u0111a t\u1ea7ng v\u1eabn gi\u1eef \u0111\u01b0\u1ee3c t\u00ednh d\u1ec5 \u0111\u1ecdc \u0111\u1ed3ng th\u1eddi ti\u1ebft ki\u1ec7m t\u1eeb 30% \u0111\u1ebfn 50% chi ph\u00ed token.<\/p>\n
1. Ng\u1eef c\u1ea3nh h\u1ec7 th\u1ed1ng l\u1ed3ng gh\u00e9p<\/h3>\n
Gom c\u00e1c c\u1edd m\u00f4i tr\u01b0\u1eddng, tham s\u1ed1 m\u00f4 h\u00ecnh v\u00e0 c\u00e1c b\u1ed9 t\u00ednh n\u0103ng b\u1ea3ng th\u00e0nh c\u00e1c kh\u1ed1i con th\u1ee5t \u0111\u1ea7u d\u00f2ng r\u00f5 r\u00e0ng \u0111\u1ec3 \u0111\u00e1nh gi\u00e1 tr\u1ef1c quan:<\/p>\n
\n
\nToon<\/span>
\n
\n<\/path><\/path><\/svg>
\nCh\u1ec9nh s\u1eeda Toon trong VPasCode<\/span>
\n<\/a>\n<\/div>\n
\n            
\r\n                                
\r\n                    Toon<\/span>\r\n                    \r\n                        <\/path><\/path><\/svg>\r\n                        Edit Toon in VPasCode<\/span>\r\n                    <\/a>\r\n                <\/div>\r\n                                
\r\n                    
modelConfig:\r\n  provider: anthropic\r\n  temperature: 0.2\r\n\r\nfeatures[3]{name,enabled,tier}:\r\n  search,true,free\r\n  analytics,true,pro\r\n  apiAccess,false,enterprise<\/code><\/pre>                <\/div>\r\n                
\r\n                    \r\n                        <\/path><\/path><\/svg>\r\n                        Edit Toon in VPasCode<\/span>\r\n                    <\/a>\r\n                <\/div>\r\n            <\/div>\r\n            \n<\/p><\/div>\n
\n
\n<\/path><\/path><\/svg>
\nCh\u1ec9nh s\u1eeda Toon trong VPasCode<\/span>
\n<\/a>\n<\/div>\n<\/div>\n
\"\"<\/p>\n
\u00a0<\/p>\n
C\u00e1c Th\u1ef1c Ti\u1ec5n T\u1ed1i \u01afu Chi\u1ebfn L\u01b0\u1ee3c<\/h2>\n
    \n
  • S\u1eed d\u1ee5ng Khai b\u00e1o B\u1ea3ng cho C\u00e1c M\u1ea3ng \u0110\u1ec1u \u0110\u1eb7n:<\/strong> X\u00e1c \u0111\u1ecbnh k\u00edch th\u01b0\u1edbc m\u1ea3ng v\u00e0 c\u00e1c kh\u00f3a tr\u01b0\u1eddng trong ti\u00eau \u0111\u1ec1 kh\u1ed1i (v\u00ed d\u1ee5 nh\u01b0 items[N]{field1,field2}:<\/code>) \u0111\u1ec3 t\u1ed1i \u0111a h\u00f3a ti\u1ebft ki\u1ec7m token.<\/li>\n
  • Duy tr\u00ec Kho\u1ea3ng C\u00e1ch Th\u1ee5t L\u1ec1 Nh\u1ea5t Qu\u00e1n:<\/strong> D\u1ef1a v\u00e0o kho\u1ea3ng c\u00e1ch th\u1ee5t l\u1ec1 s\u1ea1ch 2 k\u00fd t\u1ef1 ho\u1eb7c tab \u0111\u1ec3 bi\u1ec3u di\u1ec5n c\u00e1c \u0111\u1ed1i t\u01b0\u1ee3ng con l\u1ed3ng gh\u00e9p m\u00e0 kh\u00f4ng c\u1ea7n d\u1ea5u ngo\u1eb7c nh\u1ecdn.<\/li>\n
  • Ch\u00e8n D\u1ea5u Nh\u00e1y Ch\u1ec9 Khi C\u1ea7n Thi\u1ebft:<\/strong> B\u1ecf qua d\u1ea5u nh\u00e1y xung quanh c\u00e1c chu\u1ed7i \u0111\u01a1n gi\u1ea3n, ch\u1ec9 d\u00f9ng d\u1ea5u nh\u00e1y cho c\u00e1c chu\u1ed7i ch\u1ee9a b\u1ed9 ph\u00e2n c\u00e1ch ho\u1ea1t \u0111\u1ed9ng, d\u1ea5u hai ch\u1ea5m, ho\u1eb7c kho\u1ea3ng tr\u1eafng \u0111\u1ea7u\/cu\u1ed1i.<\/li>\n<\/ul>\n","protected":false},"excerpt":{"rendered":"
    Khi truy\u1ec1n d\u1eef li\u1ec7u c\u00f3 c\u1ea5u tr\u00fac \u0111\u1ebfn c\u00e1c M\u00f4 h\u00ecnh Ng\u00f4n ng\u1eef L\u1edbn (LLMs) ho\u1eb7c ph\u00e2n t\u00edch c\u00e1c g\u00f3i d\u1eef li\u1ec7u ng\u1eef c\u1ea3nh nh\u1ecf g\u1ecdn, c\u00fa ph\u00e1p JSON truy\u1ec1n th\u1ed1ng ch\u1ee9a chi ph\u00ed overhead \u0111\u00e1ng k\u1ec3 do c\u00e1c d\u1ea5u…<\/p>\n","protected":false},"author":3,"featured_media":0,"parent":0,"menu_order":5,"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-2038","ld_docs","type-ld_docs","status-publish","hentry","ld_collection-vpascode-docs"],"yoast_head":"\nTOON to Diagram Guide | Text to Diagram with VPasCode<\/title>\n<meta name=\"description\" content=\"Easily turn TOON data definitions into clean visual layouts. Experience fast text to diagram conversion using the VPasCode 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\/toon-visualizer-guide\/\" \/>\n<meta property=\"og:locale\" content=\"vi_VN\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"TOON to Diagram Guide | Text to Diagram with VPasCode\" \/>\n<meta property=\"og:description\" content=\"Easily turn TOON data definitions into clean visual layouts. Experience fast text to diagram conversion using the VPasCode diagram-as-code tool.\" \/>\n<meta property=\"og:url\" content=\"https:\/\/www.vpascode.com\/vn\/docs\/vpascode-docs\/toon-visualizer-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_6a684550f2e0b.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=\"2 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\\\/toon-visualizer-guide\\\/\",\"url\":\"https:\\\/\\\/www.vpascode.com\\\/vn\\\/docs\\\/vpascode-docs\\\/toon-visualizer-guide\\\/\",\"name\":\"TOON to Diagram Guide | Text to Diagram with VPasCode\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/www.vpascode.com\\\/vn\\\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\\\/\\\/www.vpascode.com\\\/vn\\\/docs\\\/vpascode-docs\\\/toon-visualizer-guide\\\/#primaryimage\"},\"image\":{\"@id\":\"https:\\\/\\\/www.vpascode.com\\\/vn\\\/docs\\\/vpascode-docs\\\/toon-visualizer-guide\\\/#primaryimage\"},\"thumbnailUrl\":\"https:\\\/\\\/www.vpascode.com\\\/wp-content\\\/uploads\\\/2026\\\/07\\\/img_6a684550f2e0b.png\",\"datePublished\":\"2026-07-28T05:57:48+00:00\",\"description\":\"Easily turn TOON data definitions into clean visual layouts. Experience fast text to diagram conversion using the VPasCode diagram-as-code tool.\",\"breadcrumb\":{\"@id\":\"https:\\\/\\\/www.vpascode.com\\\/vn\\\/docs\\\/vpascode-docs\\\/toon-visualizer-guide\\\/#breadcrumb\"},\"inLanguage\":\"vi\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\\\/\\\/www.vpascode.com\\\/vn\\\/docs\\\/vpascode-docs\\\/toon-visualizer-guide\\\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"vi\",\"@id\":\"https:\\\/\\\/www.vpascode.com\\\/vn\\\/docs\\\/vpascode-docs\\\/toon-visualizer-guide\\\/#primaryimage\",\"url\":\"https:\\\/\\\/www.vpascode.com\\\/wp-content\\\/uploads\\\/2026\\\/07\\\/img_6a684550f2e0b.png\",\"contentUrl\":\"https:\\\/\\\/www.vpascode.com\\\/wp-content\\\/uploads\\\/2026\\\/07\\\/img_6a684550f2e0b.png\"},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\\\/\\\/www.vpascode.com\\\/vn\\\/docs\\\/vpascode-docs\\\/toon-visualizer-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\":\"TOON\"}]},{\"@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":"TOON to Diagram Guide | Text to Diagram with VPasCode","description":"Easily turn TOON data definitions into clean visual layouts. Experience fast text to diagram conversion using the VPasCode 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\/toon-visualizer-guide\/","og_locale":"vi_VN","og_type":"article","og_title":"TOON to Diagram Guide | Text to Diagram with VPasCode","og_description":"Easily turn TOON data definitions into clean visual layouts. Experience fast text to diagram conversion using the VPasCode diagram-as-code tool.","og_url":"https:\/\/www.vpascode.com\/vn\/docs\/vpascode-docs\/toon-visualizer-guide\/","og_site_name":"VPasCode","og_image":[{"url":"https:\/\/www.vpascode.com\/wp-content\/uploads\/2026\/07\/img_6a684550f2e0b.png","type":"","width":"","height":""}],"twitter_card":"summary_large_image","twitter_misc":{"\u01af\u1edbc t\u00ednh th\u1eddi gian \u0111\u1ecdc":"2 ph\u00fat"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"WebPage","@id":"https:\/\/www.vpascode.com\/vn\/docs\/vpascode-docs\/toon-visualizer-guide\/","url":"https:\/\/www.vpascode.com\/vn\/docs\/vpascode-docs\/toon-visualizer-guide\/","name":"TOON to Diagram Guide | Text to Diagram with VPasCode","isPartOf":{"@id":"https:\/\/www.vpascode.com\/vn\/#website"},"primaryImageOfPage":{"@id":"https:\/\/www.vpascode.com\/vn\/docs\/vpascode-docs\/toon-visualizer-guide\/#primaryimage"},"image":{"@id":"https:\/\/www.vpascode.com\/vn\/docs\/vpascode-docs\/toon-visualizer-guide\/#primaryimage"},"thumbnailUrl":"https:\/\/www.vpascode.com\/wp-content\/uploads\/2026\/07\/img_6a684550f2e0b.png","datePublished":"2026-07-28T05:57:48+00:00","description":"Easily turn TOON data definitions into clean visual layouts. Experience fast text to diagram conversion using the VPasCode diagram-as-code tool.","breadcrumb":{"@id":"https:\/\/www.vpascode.com\/vn\/docs\/vpascode-docs\/toon-visualizer-guide\/#breadcrumb"},"inLanguage":"vi","potentialAction":[{"@type":"ReadAction","target":["https:\/\/www.vpascode.com\/vn\/docs\/vpascode-docs\/toon-visualizer-guide\/"]}]},{"@type":"ImageObject","inLanguage":"vi","@id":"https:\/\/www.vpascode.com\/vn\/docs\/vpascode-docs\/toon-visualizer-guide\/#primaryimage","url":"https:\/\/www.vpascode.com\/wp-content\/uploads\/2026\/07\/img_6a684550f2e0b.png","contentUrl":"https:\/\/www.vpascode.com\/wp-content\/uploads\/2026\/07\/img_6a684550f2e0b.png"},{"@type":"BreadcrumbList","@id":"https:\/\/www.vpascode.com\/vn\/docs\/vpascode-docs\/toon-visualizer-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":"TOON"}]},{"@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\/2038","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=2038"}],"wp:term":[{"taxonomy":"ld_collection","embeddable":true,"href":"https:\/\/www.vpascode.com\/vn\/wp-json\/wp\/v2\/ld_collection?post=2038"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}