{"version":"1.0","provider_name":"Diagrams AI Vietnamese","provider_url":"https:\/\/www.diagrams-ai.com\/vn","author_name":"vpadmin","author_url":"https:\/\/www.diagrams-ai.com\/vn\/author\/vpadmin\/","title":"S\u01a1 \u0111\u1ed3 Th\u00e0nh ph\u1ea7n UML so v\u1edbi S\u01a1 \u0111\u1ed3 Tr\u1ea1ng th\u00e1i C4: H\u01b0\u1edbng d\u1eabn To\u00e0n di\u1ec7n","type":"rich","width":600,"height":338,"html":"<blockquote class=\"wp-embedded-content\" data-secret=\"0lT92SYVgh\"><a href=\"https:\/\/www.diagrams-ai.com\/vn\/uml-component-vs-c4-state-diagrams-guide\/\">N\u1eafm v\u1eefng Ki\u1ebfn tr\u00fac Ph\u1ea7n m\u1ec1m: S\u01a1 \u0111\u1ed3 Th\u00e0nh ph\u1ea7n UML v\u00e0 M\u00e1y tr\u1ea1ng th\u00e1i C4<\/a><\/blockquote><iframe sandbox=\"allow-scripts\" security=\"restricted\" src=\"https:\/\/www.diagrams-ai.com\/vn\/uml-component-vs-c4-state-diagrams-guide\/embed\/#?secret=0lT92SYVgh\" width=\"600\" height=\"338\" title=\"&#8220;N\u1eafm v\u1eefng Ki\u1ebfn tr\u00fac Ph\u1ea7n m\u1ec1m: S\u01a1 \u0111\u1ed3 Th\u00e0nh ph\u1ea7n UML v\u00e0 M\u00e1y tr\u1ea1ng th\u00e1i C4&#8221; &#8212; Diagrams AI Vietnamese\" data-secret=\"0lT92SYVgh\" frameborder=\"0\" marginwidth=\"0\" marginheight=\"0\" scrolling=\"no\" class=\"wp-embedded-content\"><\/iframe><script type=\"text\/javascript\">\n\/* <![CDATA[ *\/\n\/*! This file is auto-generated *\/\n!function(d,l){\"use strict\";l.querySelector&&d.addEventListener&&\"undefined\"!=typeof URL&&(d.wp=d.wp||{},d.wp.receiveEmbedMessage||(d.wp.receiveEmbedMessage=function(e){var t=e.data;if((t||t.secret||t.message||t.value)&&!\/[^a-zA-Z0-9]\/.test(t.secret)){for(var s,r,n,a=l.querySelectorAll('iframe[data-secret=\"'+t.secret+'\"]'),o=l.querySelectorAll('blockquote[data-secret=\"'+t.secret+'\"]'),c=new RegExp(\"^https?:$\",\"i\"),i=0;i<o.length;i++)o[i].style.display=\"none\";for(i=0;i<a.length;i++)s=a[i],e.source===s.contentWindow&&(s.removeAttribute(\"style\"),\"height\"===t.message?(1e3<(r=parseInt(t.value,10))?r=1e3:~~r<200&&(r=200),s.height=r):\"link\"===t.message&&(r=new URL(s.getAttribute(\"src\")),n=new URL(t.value),c.test(n.protocol))&&n.host===r.host&&l.activeElement===s&&(d.top.location.href=t.value))}},d.addEventListener(\"message\",d.wp.receiveEmbedMessage,!1),l.addEventListener(\"DOMContentLoaded\",function(){for(var e,t,s=l.querySelectorAll(\"iframe.wp-embedded-content\"),r=0;r<s.length;r++)(t=(e=s[r]).getAttribute(\"data-secret\"))||(t=Math.random().toString(36).substring(2,12),e.src+=\"#?secret=\"+t,e.setAttribute(\"data-secret\",t)),e.contentWindow.postMessage({message:\"ready\",secret:t},\"*\")},!1)))}(window,document);\n\/\/# sourceURL=https:\/\/www.diagrams-ai.com\/vn\/wp-includes\/js\/wp-embed.min.js\n\/* ]]> *\/\n<\/script>\n","description":"Kh\u00e1m ph\u00e1 s\u1ef1 kh\u00e1c bi\u1ec7t gi\u1eefa c\u00e1c s\u01a1 \u0111\u1ed3 Th\u00e0nh ph\u1ea7n UML v\u00e0 s\u01a1 \u0111\u1ed3 Tr\u1ea1ng th\u00e1i C4, v\u00e0 h\u1ecdc c\u00e1ch Visual Paradigm AI gi\u00fap \u0111\u01a1n gi\u1ea3n h\u00f3a thi\u1ebft k\u1ebf ki\u1ebfn tr\u00fac.","thumbnail_url":"https:\/\/www.archimetric.com\/wp-content\/uploads\/2025\/12\/c4-static.png"}