{"version":"1.0","provider_name":"Visual Paradigm Guides French","provider_url":"https:\/\/guides.visual-paradigm.com\/fr","author_name":"vpadmin","author_url":"https:\/\/guides.visual-paradigm.com\/fr\/author\/vpadmin\/","title":"Apprenez \u00e0 cr\u00e9er des diagrammes d'architecture logicielle propres \u00e0 l'aide de Mermaid.js. Simplifiez la conception du syst\u00e8me en utilisant du code dans un \u00e9diteur en ligne Mermaid avec correction d'erreurs par IA.","type":"rich","width":600,"height":338,"html":"<blockquote class=\"wp-embedded-content\" data-secret=\"4A6iFT4zY3\"><a href=\"https:\/\/guides.visual-paradigm.com\/fr\/create-clean-software-architecture-diagrams-mermaid\/\">Cr\u00e9er des diagrammes d&#8217;architecture logicielle propres avec Mermaid<\/a><\/blockquote><iframe sandbox=\"allow-scripts\" security=\"restricted\" src=\"https:\/\/guides.visual-paradigm.com\/fr\/create-clean-software-architecture-diagrams-mermaid\/embed\/#?secret=4A6iFT4zY3\" width=\"600\" height=\"338\" title=\"\u00ab\u00a0Cr\u00e9er des diagrammes d&#8217;architecture logicielle propres avec Mermaid\u00a0\u00bb &#8212; Visual Paradigm Guides French\" data-secret=\"4A6iFT4zY3\" frameborder=\"0\" marginwidth=\"0\" marginheight=\"0\" scrolling=\"no\" class=\"wp-embedded-content\"><\/iframe><script>\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:\/\/guides.visual-paradigm.com\/fr\/wp-includes\/js\/wp-embed.min.js\n<\/script>\n","thumbnail_url":"https:\/\/guides.visual-paradigm.com\/fr\/wp-content\/uploads\/sites\/6\/2026\/08\/master-mermaid-flowcharts-business-logic.png","thumbnail_width":1024,"thumbnail_height":572,"description":"Learn how to create clean software architecture diagrams using Mermaid.js. Streamline system design with code in an online Mermaid editor with AI error fixing."}