{"id":2716,"date":"2026-07-06T09:24:22","date_gmt":"2026-07-06T01:24:22","guid":{"rendered":"https:\/\/updates.visual-paradigm.com\/pt\/releases\/vpascode-update-5-new-advanced-diagram-types-now-available\/"},"modified":"2026-07-06T09:24:22","modified_gmt":"2026-07-06T01:24:22","slug":"vpascode-update-5-new-advanced-diagram-types-now-available","status":"publish","type":"releases","link":"https:\/\/updates.visual-paradigm.com\/pt\/releases\/vpascode-update-5-new-advanced-diagram-types-now-available\/","title":{"rendered":"Atualiza\u00e7\u00e3o do VPasCode: 5 Novos Tipos Avan\u00e7ados de Diagramas Agora Dispon\u00edveis"},"content":{"rendered":"<p>\ud83d\ude80 <strong>Visual Paradigm<\/strong> est\u00e1 entusiasmado em lan\u00e7ar nossa atualiza\u00e7\u00e3o de recursos mais recente para <strong>VPasCode<\/strong>, nossa \u00e1rea de trabalho integrada de texto para diagrama. Estamos ampliando sua ferramenta de diagrama\u00e7\u00e3o com suporte completo para cinco novos tipos de visualiza\u00e7\u00e3o altamente solicitados \u2014 todos criados de forma f\u00e1cil a partir de texto simples.<\/p>\n<ul>\n<li>\ud83e\udde0 <strong>Framework Cynefin<\/strong> \u2013 Desmonte desafios complexos e identifique a resposta estrat\u00e9gica correta.<\/li>\n<li>\ud83c\udfaf <strong>Gr\u00e1fico de Radar<\/strong> \u2013 Plote e compare m\u00e9tricas de desempenho ou conjuntos de recursos em m\u00faltiplas dimens\u00f5es simultaneamente.<\/li>\n<li>\ud83d\ude82 <strong>Diagrama de Trilhos<\/strong> \u2013 Ilustre regras de sintaxe de c\u00f3digo e gram\u00e1tica de linguagem com caminhos limpos e lineares.<\/li>\n<li>\ud83c\udfca <strong>Diagrama de Navega\u00e7\u00e3o<\/strong> \u2013 Mapeie fluxos operacionais para mostrar exatamente qual departamento ou sistema det\u00e9m cada tarefa.<\/li>\n<li>\ud83c\udf33 <strong>Diagrama de Visualiza\u00e7\u00e3o em \u00c1rvore<\/strong> \u2013 Esboce diret\u00f3rios de arquivos, arquiteturas de sites ou divis\u00f5es de itens aninhados em um layout claro.<\/li>\n<\/ul>\n<p>Seja voc\u00ea mapear arquitetura de software, gerenciar fluxos de projetos ou definir estrat\u00e9gia de neg\u00f3cios, o VPasCode elimina a dificuldade. Digite suas ideias em texto simples, veja-as renderizadas instantaneamente e compartilhe ou exporte seus diagramas nos formatos SVG ou PNG com um \u00fanico clique.<\/p>\n<h2>\ud83d\udd0d Por que as equipes escolhem o VPasCode<\/h2>\n<p>O VPasCode fecha a lacuna entre diferentes padr\u00f5es t\u00e9cnicos de diagrama\u00e7\u00e3o. Nosso ambiente interpreta sem problemas PlantUML, Mermaid, Graphviz e mais em uma \u00fanica interface. N\u00e3o h\u00e1 necessidade de instalar nenhum software e nenhum aprendizado para v\u00e1rias ferramentas propriet\u00e1rias \u2014 basta abrir seu navegador e come\u00e7ar a construir.<\/p>\n<p>Esta atualiza\u00e7\u00e3o amplia nossa biblioteca de c\u00f3digo para diagrama. Confira os exemplos funcionais abaixo para ver o qu\u00e3o f\u00e1cil \u00e9 come\u00e7ar a usar esses novos formatos agora mesmo.<\/p>\n<hr\/>\n<h2>\ud83d\udccc 1. Framework Cynefin \u2013 Tomada de Decis\u00f5es Estrat\u00e9gicas<\/h2>\n<p>O framework Cynefin \u00e9 uma ferramenta essencial para equipes de lideran\u00e7a e operacionais para categorizar situa\u00e7\u00f5es. Ao classificar problemas em dom\u00ednios espec\u00edficos, ele orienta sobre se deve aplicar procedimentos padr\u00e3o ou experimentar solu\u00e7\u00f5es criativas.<\/p>\n<h3>\u2705 Exemplo \u2013 An\u00e1lise de Risco de Projeto<\/h3>\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\/#mermaid:eNpdkEFOwzAQRfeVeoeR97kAC6SqlCVUBQ4w2D9lqBlH9iSQ2+M0EhhG3lh+7+uP\/azoRbtXGG83VMfEIuiY0zu80UnKhQ4Tx5FNkm43K+TTxxDxtV6WcbvAg8lUzciqomfXPD7gk+7BNmbQnRSfJuTZ\/QkTz4bQOAc9iwK5RtFOOc5Fyq8SwbmBn4w1cA70OCBfmzbsGycT39D7LDWMTihDBdEU0X4s1zV\/2BflUlBPoGcul+L+fQF13W27Ad2QO7IZspIEqEkvCK6pvRprqYXeLzJ7qJ\/dN7uXcjo=\" 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>Edite o Mermaid no 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\/#mermaid:eNpdUM1KAzEQvhf6DkPu+wIehFL1WJfSF5gmszolzSxJdtHHEQ+C4El8gryYE1dodG4J3799DjRw6I6Ucb0CvVw+8uQFNjN6xvJWXgUcwZ6TlQROoI9yoizr1YK3ch49Pcnyqmd6j4FOeKaQVcfhmDHzLKaB3JDKHSlmrOI7mTHB3RQsS1Bbh46S+ePAFl3rsQnlxXOiSr8NDxQeMTJeOB5jC78fKdYyX5SgRxe11QWL5TOzbeF7SqMkDYewjerShgnDlJTeoA8YadACu7rVspvDf\/l1Iei666YMXOlSSxRgp1vx8PNvmgYL5TdfJWwrHW1516nQfAMYlorA\" \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\">cynefin-beta\r\n    t\u00edtulo Avalia\u00e7\u00e3o de Riscos do Projeto\r\n\r\n    complexo\r\n        \"Planejamento Adaptativo\"\r\n        \"Descoberta de Novas Funcionalidades\"\r\n\r\n    complicado\r\n        \"An\u00e1lise de Engenharia\"\r\n\r\n    claro\r\n        \"Opera\u00e7\u00f5es Padr\u00e3o\"\r\n\r\n    ca\u00f3tico\r\n        \"Resposta a Crises\"\r\n\r\n    confus\u00e3o\r\n        \"Tarefas N\u00e3o Avaliadas\"\r\n\r\n    complexo --&gt; complicado : \"Padr\u00e3o identificado\"\r\n    claro --&gt; ca\u00f3tico : \"Complac\u00eancia\"<\/code><\/pre>                <\/div>\r\n                <div class=\"vpascode-actions\">\r\n                    <a href=\"https:\/\/www.vpascode.com\/#mermaid:eNpdUM1KAzEQvhf6DkPu+wIehFL1WJfSF5gmszolzSxJdtHHEQ+C4El8gryYE1dodG4J3799DjRw6I6Ucb0CvVw+8uQFNjN6xvJWXgUcwZ6TlQROoI9yoizr1YK3ch49Pcnyqmd6j4FOeKaQVcfhmDHzLKaB3JDKHSlmrOI7mTHB3RQsS1Bbh46S+ePAFl3rsQnlxXOiSr8NDxQeMTJeOB5jC78fKdYyX5SgRxe11QWL5TOzbeF7SqMkDYewjerShgnDlJTeoA8YadACu7rVspvDf\/l1Iei666YMXOlSSxRgp1vx8PNvmgYL5TdfJWwrHW1516nQfAMYlorA\" \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\/#mermaid:eNpdkEFOwzAQRfeVeoeR97kAC6SqlCVUBQ4w2D9lqBlH9iSQ2+M0EhhG3lh+7+uP\/azoRbtXGG83VMfEIuiY0zu80UnKhQ4Tx5FNkm43K+TTxxDxtV6WcbvAg8lUzciqomfXPD7gk+7BNmbQnRSfJuTZ\/QkTz4bQOAc9iwK5RtFOOc5Fyq8SwbmBn4w1cA70OCBfmzbsGycT39D7LDWMTihDBdEU0X4s1zV\/2BflUlBPoGcul+L+fQF13W27Ad2QO7IZspIEqEkvCK6pvRprqYXeLzJ7qJ\/dN7uXcjo=\" 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>Edite o Mermaid no VPasCode<\/span><br \/>\n<\/a>\n<\/div>\n<\/div>\n<p id=\"Dvdfzoa\"><img fetchpriority=\"high\" alt=\"\" class=\"alignnone size-full wp-image-2818\" decoding=\"async\" fetchpriority=\"high\" height=\"680\" sizes=\"(max-width: 880px) 100vw, 880px\" src=\"https:\/\/updates.visual-paradigm.com\/wp-content\/uploads\/2026\/07\/img_6a4b02f264d59.png\" srcset=\"https:\/\/updates.visual-paradigm.com\/wp-content\/uploads\/2026\/07\/img_6a4b02f264d59.png 880w, https:\/\/updates.visual-paradigm.com\/wp-content\/uploads\/2026\/07\/img_6a4b02f264d59-300x232.png 300w, https:\/\/updates.visual-paradigm.com\/wp-content\/uploads\/2026\/07\/img_6a4b02f264d59-768x593.png 768w\" width=\"880\"\/><\/p>\n<p>\ud83d\udca1 <strong>Dica R\u00e1pida:<\/strong> Use o <code>cynefin<\/code> identificador, adicione um t\u00edtulo e mapeie seus r\u00f3tulos de texto diretamente nos cinco quadrantes especializados.<\/p>\n<hr\/>\n<h2>\ud83d\udccc 2. Gr\u00e1fico de Radar \u2013 M\u00e9tricas Multidimensionais<\/h2>\n<p>Comumente chamado de gr\u00e1fico de aranha, um diagrama de radar \u00e9 a melhor maneira de pontuar e comparar itens em categorias distintas. \u00c9 altamente eficaz para avaliar recursos de produtos, capacidades de fornecedores ou compet\u00eancias de equipes lado a lado.<\/p>\n<h3>\u2705 Exemplo \u2013 Vis\u00e3o Geral do Desempenho do Aluno<\/h3>\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\/#mermaid:eNpFjDsLwkAQhPtA\/sOydQ7OIvjoFCQ2VpaHxSYuyUEecndKRPzv3p6oxcDOzDerlMqzYEPPG8DK0YU95pmSNBpyquZAeQZAs\/UwGDxS6PBcgDd4aiyPDYtjg\/ux7a2P3Y\/uDB6sD5N7CNIarHhqHV275Mng1oUP3tzcnVPSW3n4XJUFrHUBq6ilKPnXn60N7qY6kt9WFkKnVRlJYQeaYaF1Ou0I+g2Yt0AD\" 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>Edite o Mermaid no 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\/#mermaid:eNpFjr0KwjAURvdC3yHcuYE4FH82dVAHfYHgcBtjDbQNpKkUxIdxLXTyEfJiJinqcIfz5RwIpTRNrBttV+kVgZO22EKa0DAbvKChhbSYJoRI1WtScziilbV7WSUQzhlpOWyVGxqhfOhZcjg0ZeUGT7\/sxmGvWuveRsWo5LCTujR4nRg5rI2VUyE6c8c4VUr47bHIM7JkGVn4m4eL\/Py7BYeNLrz5fQ1FsGOVezO4\/tO9qjWZMTbh2ARkH\/dPTNw=\" \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\">---\r\nt\u00edtulo: \"Notas\"\r\n---\r\nradar-beta\r\n  eixo m[\"Matem\u00e1tica\"], s[\"Ci\u00eancias\"], e[\"Ingl\u00eas\"]\r\n  eixo h[\"Hist\u00f3ria\"], g[\"Geografia\"], a[\"Arte\"]\r\n  curva a[\"Alice\"]{85, 90, 80, 70, 75, 90}\r\n  curva b[\"Bob\"]{70, 75, 85, 80, 90, 85}\r\n\r\n  m\u00e1ximo 100\r\n  m\u00ednimo 0<\/code><\/pre>                <\/div>\r\n                <div class=\"vpascode-actions\">\r\n                    <a href=\"https:\/\/www.vpascode.com\/#mermaid:eNpFjr0KwjAURvdC3yHcuYE4FH82dVAHfYHgcBtjDbQNpKkUxIdxLXTyEfJiJinqcIfz5RwIpTRNrBttV+kVgZO22EKa0DAbvKChhbSYJoRI1WtScziilbV7WSUQzhlpOWyVGxqhfOhZcjg0ZeUGT7\/sxmGvWuveRsWo5LCTujR4nRg5rI2VUyE6c8c4VUr47bHIM7JkGVn4m4eL\/Py7BYeNLrz5fQ1FsGOVezO4\/tO9qjWZMTbh2ARkH\/dPTNw=\" \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\/#mermaid:eNpFjDsLwkAQhPtA\/sOydQ7OIvjoFCQ2VpaHxSYuyUEecndKRPzv3p6oxcDOzDerlMqzYEPPG8DK0YU95pmSNBpyquZAeQZAs\/UwGDxS6PBcgDd4aiyPDYtjg\/ux7a2P3Y\/uDB6sD5N7CNIarHhqHV275Mng1oUP3tzcnVPSW3n4XJUFrHUBq6ilKPnXn60N7qY6kt9WFkKnVRlJYQeaYaF1Ou0I+g2Yt0AD\" 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>Edite o Mermaid no VPasCode<\/span><br \/>\n<\/a>\n<\/div>\n<\/div>\n<p id=\"NeCVmCD\"><img alt=\"\" class=\"alignnone size-full wp-image-2819\" decoding=\"async\" height=\"700\" sizes=\"(max-width: 700px) 100vw, 700px\" src=\"https:\/\/updates.visual-paradigm.com\/wp-content\/uploads\/2026\/07\/img_6a4b0301b2bec.png\" srcset=\"https:\/\/updates.visual-paradigm.com\/wp-content\/uploads\/2026\/07\/img_6a4b0301b2bec.png 700w, https:\/\/updates.visual-paradigm.com\/wp-content\/uploads\/2026\/07\/img_6a4b0301b2bec-300x300.png 300w, https:\/\/updates.visual-paradigm.com\/wp-content\/uploads\/2026\/07\/img_6a4b0301b2bec-150x150.png 150w\" width=\"700\"\/><\/p>\n<p>\ud83d\udca1 <strong>Dica R\u00e1pida:<\/strong> Defina seus pontos de compara\u00e7\u00e3o dentro do <code>eixo<\/code> colchete, depois use uma <code>conjunto de dados<\/code> linha para cada entidade para mapear suas pontua\u00e7\u00f5es.<\/p>\n<hr\/>\n<h2>\ud83d\udccc 3. Diagrama de Trilhos \u2013 Regras Estruturais de Codifica\u00e7\u00e3o<\/h2>\n<p>Os diagramas de trilhos visualizam a decomposi\u00e7\u00e3o da gram\u00e1tica sint\u00e1tica. Servem como documenta\u00e7\u00e3o excelente para desenvolvedores, ilustrando os caminhos v\u00e1lidos que um analisador ou compilador podem seguir para ler um trecho espec\u00edfico de c\u00f3digo.<\/p>\n<h3>\u2705 Exemplo \u2013 Verifica\u00e7\u00e3o da Sintaxe de Endere\u00e7o Web<\/h3>\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\/#mermaid:eNpNjLEKg0AQRHvBfxi2Vuwj9ilSiJgPWJMVhYt77K1dPj6RI5Kphpk3Y7wGU37WMm1zPYlzWeArXz0I6DqOPe7DDb2p60MDhj0IlUWm4i\/tQIt7JLyzSYQ2I0kiG7vawVya5ix2O2bnQ\/VHVlg0+cYvQfsBPLgwAQ==\" 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>Edite o Mermaid no 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\/#mermaid:eNpLyUxML0rMTdQtKcrMycgv1k1NykvTTUotSeTlUgCCksNrS0pz8hWUglKB6hRS8hUCivJL8pPzgWIeISEBCqFBPkq8XBDFBXApWwWljJKSAiWFGgijWEnBGqKmOLUgsSgxJb8IpMZKXx8uUVqUAxRCGKGDpFRHAei0krzE3FQFawDXNjca\" \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\">diagrama-trilhos-ebnf-beta\r\n    t\u00edtulo \"Regra do Protocolo HTTP URL\"\r\n\r\n    protocolo = \"http\" | \"https\" ;\r\n    separador = \":\/\/\" ;\r\n    url = protocolo , separador , hostname ;<\/code><\/pre>                <\/div>\r\n                <div class=\"vpascode-actions\">\r\n                    <a href=\"https:\/\/www.vpascode.com\/#mermaid:eNpLyUxML0rMTdQtKcrMycgv1k1NykvTTUotSeTlUgCCksNrS0pz8hWUglKB6hRS8hUCivJL8pPzgWIeISEBCqFBPkq8XBDFBXApWwWljJKSAiWFGgijWEnBGqKmOLUgsSgxJb8IpMZKXx8uUVqUAxRCGKGDpFRHAei0krzE3FQFawDXNjca\" \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\/#mermaid:eNpNjLEKg0AQRHvBfxi2Vuwj9ilSiJgPWJMVhYt77K1dPj6RI5Kphpk3Y7wGU37WMm1zPYlzWeArXz0I6DqOPe7DDb2p60MDhj0IlUWm4i\/tQIt7JLyzSYQ2I0kiG7vawVya5ix2O2bnQ\/VHVlg0+cYvQfsBPLgwAQ==\" 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>Edite o Mermaid no VPasCode<\/span><br \/>\n<\/a>\n<\/div>\n<\/div>\n<p id=\"eElkeDf\"><img alt=\"\" class=\"alignnone size-full wp-image-2816\" decoding=\"async\" height=\"269\" sizes=\"(max-width: 385px) 100vw, 385px\" src=\"https:\/\/updates.visual-paradigm.com\/wp-content\/uploads\/2026\/07\/img_6a4b029414465.png\" srcset=\"https:\/\/updates.visual-paradigm.com\/wp-content\/uploads\/2026\/07\/img_6a4b029414465.png 385w, https:\/\/updates.visual-paradigm.com\/wp-content\/uploads\/2026\/07\/img_6a4b029414465-300x210.png 300w\" width=\"385\"\/><\/p>\n<p>\ud83d\udca1 <strong>Dica R\u00e1pida:<\/strong> Construa caminhos organizando tokens estruturais como <code>in\u00edcio<\/code>, <code>terminal<\/code> strings, e <code>opcional<\/code> blocos para mostrar caminhos de c\u00f3digo.<\/p>\n<hr\/>\n<h2>\ud83d\udccc 4. Diagrama de Navega\u00e7\u00e3o \u2013 Propriedade do Fluxo de Trabalho<\/h2>\n<p>As navega\u00e7\u00f5es trazem clareza absoluta para processos de neg\u00f3cios complexos. Ao dividir fluxos de trabalho em linhas horizontais, todos na equipe conseguem ver instantaneamente onde ocorrem as transfer\u00eancias entre fun\u00e7\u00f5es e quem \u00e9 respons\u00e1vel por cada marco.<\/p>\n<h3>\u2705 Exemplo \u2013 Escalonamento de Suporte ao Cliente<\/h3>\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\/#mermaid:eNp1TkEKAjEMvAv+oR\/oF7yIN0Go3oqHLg61sJvWpF2\/r24KLoJzmcmEyUSeaRoDwQ6owRzddmPekDZEDuVu9k1qnsBqf8B4NEj1pwIyToerrkG3n\/i5lZK5ftOVU4jwl4X+xg4UEwGcKK6LJY8zvFNeh1X2z4y1u96jvurF7jdeKE9IBA==\" 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>Edite o Mermaid no 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\/#mermaid:eNorLs\/MzUnMS9VNSi1JVPAJ4uVSAILi0qT0osS0fAXnnMzUvJJUiCgIFKUWlqYWl0QHAenM4szDyw8vzldwTEotKkmMhahKy8xFMyS4tCC\/CNmQkqLMxPTU6BAwhVOba156al5GIlARsvXF+TllqUDrwXQRsmYIE+pABV1dO6g9EHEIGywMNQQACHhLXw==\" \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\">swimlane-beta LR\r\n    subgrafo Cliente\r\n        request[Requisi\u00e7\u00e3o Aberta]\r\n    fim\r\n    subgrafo Suporte\r\n        triage[Triage]\r\n    fim\r\n    subgrafo Engenharia\r\n        resolve[Resolver]\r\n    fim\r\n\r\n    request --&gt; triage\r\n    triage --&gt; resolve<\/code><\/pre>                <\/div>\r\n                <div class=\"vpascode-actions\">\r\n                    <a href=\"https:\/\/www.vpascode.com\/#mermaid:eNorLs\/MzUnMS9VNSi1JVPAJ4uVSAILi0qT0osS0fAXnnMzUvJJUiCgIFKUWlqYWl0QHAenM4szDyw8vzldwTEotKkmMhahKy8xFMyS4tCC\/CNmQkqLMxPTU6BAwhVOba156al5GIlARsvXF+TllqUDrwXQRsmYIE+pABV1dO6g9EHEIGywMNQQACHhLXw==\" \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\/#mermaid:eNp1TkEKAjEMvAv+oR\/oF7yIN0Go3oqHLg61sJvWpF2\/r24KLoJzmcmEyUSeaRoDwQ6owRzddmPekDZEDuVu9k1qnsBqf8B4NEj1pwIyToerrkG3n\/i5lZK5ftOVU4jwl4X+xg4UEwGcKK6LJY8zvFNeh1X2z4y1u96jvurF7jdeKE9IBA==\" 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>Edite o Mermaid no VPasCode<\/span><br \/>\n<\/a>\n<\/div>\n<\/div>\n<p id=\"BWQwjLt\"><img loading=\"lazy\" alt=\"\" class=\"alignnone size-full wp-image-2815\" decoding=\"async\" height=\"581\" loading=\"lazy\" sizes=\"auto, (max-width: 230px) 100vw, 230px\" src=\"https:\/\/updates.visual-paradigm.com\/wp-content\/uploads\/2026\/07\/img_6a4b02823d83c.png\" srcset=\"https:\/\/updates.visual-paradigm.com\/wp-content\/uploads\/2026\/07\/img_6a4b02823d83c.png 230w, https:\/\/updates.visual-paradigm.com\/wp-content\/uploads\/2026\/07\/img_6a4b02823d83c-119x300.png 119w\" width=\"230\"\/><\/p>\n<p>\ud83d\udca1 <strong>Dica R\u00e1pida:<\/strong> Configure cabe\u00e7alhos distintos <code>navega\u00e7\u00e3o<\/code> para cada equipe ou camada de processo, depois mapeie tarefas e etapas de gatilho usando setas padr\u00e3o (<code>-&gt;<\/code>).<\/p>\n<hr\/>\n<h2>\ud83d\udccc 5. Diagrama de Visualiza\u00e7\u00e3o em \u00c1rvore \u2013 Estruturas Aninhadas<\/h2>\n<p>Quando voc\u00ea precisa exibir rela\u00e7\u00f5es hier\u00e1rquicas sem desenhar grandes redes de fluxogramas, a Visualiza\u00e7\u00e3o em \u00c1rvore \u00e9 o formato perfeito. Ela oferece uma divis\u00e3o limpa e recuada de diret\u00f3rios de arquivos, estruturas de sites ou lista de materiais.<\/p>\n<h3>\u2705 Exemplo \u2013 Arquitetura do Site de Documenta\u00e7\u00e3o<\/h3>\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\/#mermaid:eNorKUpNDctMLddNSi1J5OXKrdQtKMrPSk0u0eflUgCC4qJkKAsEMvNSUiv0sooRIsUllTmpxXrJxVAxpYLSpJzMZIW0\/JyU1CIlJL1piWWZyfl5ekACIliQmJydmJ4KNC4\/DyIS5Oro4uuql5sCAFX1KPk=\" 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>Edite o Mermaid no 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\/#mermaid:eNorKUpNDctMLddNSi1J5OXKTS3VLSjKz0otydfn5VIAguKiZCgLBDLzUlIr9LKKESLFJZU5qcV6ycVQMaWCxOKSRIWCw7uScjKTE5WQNKcllmUm5+fpAQmIYEFicnZieirQvPw8iEiQq6OLr6tebgoA7aEqbA==\" \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\">treeView-beta\r\nmeu-projeto\/\r\n    src\/\r\n        index.js\r\n        styles.css\r\n    \"pasta p\u00fablica\"\/\r\n        favicon.ico\r\n    package.json\r\n    README.md<\/code><\/pre>                <\/div>\r\n                <div class=\"vpascode-actions\">\r\n                    <a href=\"https:\/\/www.vpascode.com\/#mermaid:eNorKUpNDctMLddNSi1J5OXKTS3VLSjKz0otydfn5VIAguKiZCgLBDLzUlIr9LKKESLFJZU5qcV6ycVQMaWCxOKSRIWCw7uScjKTE5WQNKcllmUm5+fpAQmIYEFicnZieirQvPw8iEiQq6OLr6tebgoA7aEqbA==\" \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\/#mermaid:eNorKUpNDctMLddNSi1J5OXKrdQtKMrPSk0u0eflUgCC4qJkKAsEMvNSUiv0sooRIsUllTmpxXrJxVAxpYLSpJzMZIW0\/JyU1CIlJL1piWWZyfl5ekACIliQmJydmJ4KNC4\/DyIS5Oro4uuql5sCAFX1KPk=\" 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>Edite o Mermaid no VPasCode<\/span><br \/>\n<\/a>\n<\/div>\n<\/div>\n<p id=\"iRZXDDd\"><img loading=\"lazy\" alt=\"\" class=\"alignnone size-full wp-image-2814\" decoding=\"async\" height=\"271\" loading=\"lazy\" src=\"https:\/\/updates.visual-paradigm.com\/wp-content\/uploads\/2026\/07\/img_6a4b02736a571.png\" width=\"134\"\/><\/p>\n<p>\ud83d\udca1 <strong>Dica R\u00e1pida:<\/strong> Organize seus itens logicamente usando <code>raiz<\/code>, <code>dir<\/code>, e <code>arquivo<\/code> par\u00e2metros combinados com recuo limpo para gerar automaticamente uma estrutura de layout em \u00e1rvore.<\/p>\n<hr\/>\n<h2>\ud83d\udee0\ufe0f Inicie o Editor VPasCode<\/h2>\n<p>Pronto para experimentar? Acesse o ambiente de trabalho em tempo real: <a href=\"https:\/\/www.vpascode.com\/\" rel=\"noopener\" target=\"_blank\">https:\/\/www.vpascode.com\/<\/a>.<\/p>\n<p>Alterne o modo de linguagem do seu diagrama, cole qualquer um dos exemplos de c\u00f3digo fornecidos acima e veja seu texto em markdown se transformar instantaneamente em um diagrama pronto para produ\u00e7\u00e3o.<\/p>\n","protected":false},"featured_media":2717,"template":"","meta":{"_acf_changed":false,"_yoast_wpseo_title":"Atualiza\u00e7\u00e3o VPasCode: 5 Novos Tipos Avan\u00e7ados de Diagramas Agora Dispon\u00edveis","_yoast_wpseo_metadesc":"Desde modelos estrat\u00e9gicos Cynefin at\u00e9 Swimlanes de fluxo de trabalho e visualiza\u00e7\u00f5es de \u00e1rvore aninhadas, descubra os 5 novos diagramas em texto simples suportados na \u00faltima vers\u00e3o do VPasCode.","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":"","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":""}}},"product":[2,3],"product-area":[13,6,12,50],"version":[51],"release-type":[16],"class_list":["post-2716","releases","type-releases","status-publish","has-post-thumbnail","hentry","product-visual-paradigm","product-visual-paradigm-online","product-area-ai","product-area-diagramming","product-area-software-development","product-area-vpascode","version-18-1","release-type-new-feature"],"acf":[],"yoast_head":"<!-- This site is optimized with the Yoast SEO plugin v26.4 - https:\/\/yoast.com\/wordpress\/plugins\/seo\/ -->\n<title>Atualiza\u00e7\u00e3o VPasCode: 5 Novos Tipos Avan\u00e7ados de Diagramas Agora Dispon\u00edveis<\/title>\n<meta name=\"description\" content=\"Desde modelos estrat\u00e9gicos Cynefin at\u00e9 Swimlanes de fluxo de trabalho e visualiza\u00e7\u00f5es de \u00e1rvore aninhadas, descubra os 5 novos diagramas em texto simples suportados na \u00faltima vers\u00e3o do VPasCode.\" \/>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/updates.visual-paradigm.com\/pt\/releases\/vpascode-update-5-new-advanced-diagram-types-now-available\/\" \/>\n<meta property=\"og:locale\" content=\"pt_PT\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Atualiza\u00e7\u00e3o VPasCode: 5 Novos Tipos Avan\u00e7ados de Diagramas Agora Dispon\u00edveis\" \/>\n<meta property=\"og:description\" content=\"Desde modelos estrat\u00e9gicos Cynefin at\u00e9 Swimlanes de fluxo de trabalho e visualiza\u00e7\u00f5es de \u00e1rvore aninhadas, descubra os 5 novos diagramas em texto simples suportados na \u00faltima vers\u00e3o do VPasCode.\" \/>\n<meta property=\"og:url\" content=\"https:\/\/updates.visual-paradigm.com\/pt\/releases\/vpascode-update-5-new-advanced-diagram-types-now-available\/\" \/>\n<meta property=\"og:site_name\" content=\"Visual Paradigm Product Updates Portuguese\" \/>\n<meta property=\"og:image\" content=\"https:\/\/updates.visual-paradigm.com\/pt\/wp-content\/uploads\/sites\/8\/2026\/07\/img_6a4b0301b2bec.png\" \/>\n\t<meta property=\"og:image:width\" content=\"700\" \/>\n\t<meta property=\"og:image:height\" content=\"700\" \/>\n\t<meta property=\"og:image:type\" content=\"image\/png\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:label1\" content=\"Tempo estimado de leitura\" \/>\n\t<meta name=\"twitter:data1\" content=\"4 minutos\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\/\/schema.org\",\"@graph\":[{\"@type\":\"WebPage\",\"@id\":\"https:\/\/updates.visual-paradigm.com\/pt\/releases\/vpascode-update-5-new-advanced-diagram-types-now-available\/\",\"url\":\"https:\/\/updates.visual-paradigm.com\/pt\/releases\/vpascode-update-5-new-advanced-diagram-types-now-available\/\",\"name\":\"Atualiza\u00e7\u00e3o VPasCode: 5 Novos Tipos Avan\u00e7ados de Diagramas Agora Dispon\u00edveis\",\"isPartOf\":{\"@id\":\"https:\/\/updates.visual-paradigm.com\/pt\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\/\/updates.visual-paradigm.com\/pt\/releases\/vpascode-update-5-new-advanced-diagram-types-now-available\/#primaryimage\"},\"image\":{\"@id\":\"https:\/\/updates.visual-paradigm.com\/pt\/releases\/vpascode-update-5-new-advanced-diagram-types-now-available\/#primaryimage\"},\"thumbnailUrl\":\"https:\/\/updates.visual-paradigm.com\/pt\/wp-content\/uploads\/sites\/8\/2026\/07\/img_6a4b0301b2bec.png\",\"datePublished\":\"2026-07-06T01:24:22+00:00\",\"description\":\"Desde modelos estrat\u00e9gicos Cynefin at\u00e9 Swimlanes de fluxo de trabalho e visualiza\u00e7\u00f5es de \u00e1rvore aninhadas, descubra os 5 novos diagramas em texto simples suportados na \u00faltima vers\u00e3o do VPasCode.\",\"breadcrumb\":{\"@id\":\"https:\/\/updates.visual-paradigm.com\/pt\/releases\/vpascode-update-5-new-advanced-diagram-types-now-available\/#breadcrumb\"},\"inLanguage\":\"pt-PT\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/updates.visual-paradigm.com\/pt\/releases\/vpascode-update-5-new-advanced-diagram-types-now-available\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"pt-PT\",\"@id\":\"https:\/\/updates.visual-paradigm.com\/pt\/releases\/vpascode-update-5-new-advanced-diagram-types-now-available\/#primaryimage\",\"url\":\"https:\/\/updates.visual-paradigm.com\/pt\/wp-content\/uploads\/sites\/8\/2026\/07\/img_6a4b0301b2bec.png\",\"contentUrl\":\"https:\/\/updates.visual-paradigm.com\/pt\/wp-content\/uploads\/sites\/8\/2026\/07\/img_6a4b0301b2bec.png\",\"width\":700,\"height\":700},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\/\/updates.visual-paradigm.com\/pt\/releases\/vpascode-update-5-new-advanced-diagram-types-now-available\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\/\/updates.visual-paradigm.com\/pt\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Atualiza\u00e7\u00e3o do VPasCode: 5 Novos Tipos Avan\u00e7ados de Diagramas Agora Dispon\u00edveis\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\/\/updates.visual-paradigm.com\/pt\/#website\",\"url\":\"https:\/\/updates.visual-paradigm.com\/pt\/\",\"name\":\"Visual Paradigm Product Updates Portuguese\",\"description\":\"\",\"publisher\":{\"@id\":\"https:\/\/updates.visual-paradigm.com\/pt\/#organization\"},\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\/\/updates.visual-paradigm.com\/pt\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"pt-PT\"},{\"@type\":\"Organization\",\"@id\":\"https:\/\/updates.visual-paradigm.com\/pt\/#organization\",\"name\":\"Visual Paradigm Product Updates Portuguese\",\"url\":\"https:\/\/updates.visual-paradigm.com\/pt\/\",\"logo\":{\"@type\":\"ImageObject\",\"inLanguage\":\"pt-PT\",\"@id\":\"https:\/\/updates.visual-paradigm.com\/pt\/#\/schema\/logo\/image\/\",\"url\":\"https:\/\/updates.visual-paradigm.com\/pt\/wp-content\/uploads\/sites\/8\/2025\/11\/vp-updates.png\",\"contentUrl\":\"https:\/\/updates.visual-paradigm.com\/pt\/wp-content\/uploads\/sites\/8\/2025\/11\/vp-updates.png\",\"width\":185,\"height\":50,\"caption\":\"Visual Paradigm Product Updates Portuguese\"},\"image\":{\"@id\":\"https:\/\/updates.visual-paradigm.com\/pt\/#\/schema\/logo\/image\/\"}}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"Atualiza\u00e7\u00e3o VPasCode: 5 Novos Tipos Avan\u00e7ados de Diagramas Agora Dispon\u00edveis","description":"Desde modelos estrat\u00e9gicos Cynefin at\u00e9 Swimlanes de fluxo de trabalho e visualiza\u00e7\u00f5es de \u00e1rvore aninhadas, descubra os 5 novos diagramas em texto simples suportados na \u00faltima vers\u00e3o do VPasCode.","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:\/\/updates.visual-paradigm.com\/pt\/releases\/vpascode-update-5-new-advanced-diagram-types-now-available\/","og_locale":"pt_PT","og_type":"article","og_title":"Atualiza\u00e7\u00e3o VPasCode: 5 Novos Tipos Avan\u00e7ados de Diagramas Agora Dispon\u00edveis","og_description":"Desde modelos estrat\u00e9gicos Cynefin at\u00e9 Swimlanes de fluxo de trabalho e visualiza\u00e7\u00f5es de \u00e1rvore aninhadas, descubra os 5 novos diagramas em texto simples suportados na \u00faltima vers\u00e3o do VPasCode.","og_url":"https:\/\/updates.visual-paradigm.com\/pt\/releases\/vpascode-update-5-new-advanced-diagram-types-now-available\/","og_site_name":"Visual Paradigm Product Updates Portuguese","og_image":[{"width":700,"height":700,"url":"https:\/\/updates.visual-paradigm.com\/pt\/wp-content\/uploads\/sites\/8\/2026\/07\/img_6a4b0301b2bec.png","type":"image\/png"}],"twitter_card":"summary_large_image","twitter_misc":{"Tempo estimado de leitura":"4 minutos"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"WebPage","@id":"https:\/\/updates.visual-paradigm.com\/pt\/releases\/vpascode-update-5-new-advanced-diagram-types-now-available\/","url":"https:\/\/updates.visual-paradigm.com\/pt\/releases\/vpascode-update-5-new-advanced-diagram-types-now-available\/","name":"Atualiza\u00e7\u00e3o VPasCode: 5 Novos Tipos Avan\u00e7ados de Diagramas Agora Dispon\u00edveis","isPartOf":{"@id":"https:\/\/updates.visual-paradigm.com\/pt\/#website"},"primaryImageOfPage":{"@id":"https:\/\/updates.visual-paradigm.com\/pt\/releases\/vpascode-update-5-new-advanced-diagram-types-now-available\/#primaryimage"},"image":{"@id":"https:\/\/updates.visual-paradigm.com\/pt\/releases\/vpascode-update-5-new-advanced-diagram-types-now-available\/#primaryimage"},"thumbnailUrl":"https:\/\/updates.visual-paradigm.com\/pt\/wp-content\/uploads\/sites\/8\/2026\/07\/img_6a4b0301b2bec.png","datePublished":"2026-07-06T01:24:22+00:00","description":"Desde modelos estrat\u00e9gicos Cynefin at\u00e9 Swimlanes de fluxo de trabalho e visualiza\u00e7\u00f5es de \u00e1rvore aninhadas, descubra os 5 novos diagramas em texto simples suportados na \u00faltima vers\u00e3o do VPasCode.","breadcrumb":{"@id":"https:\/\/updates.visual-paradigm.com\/pt\/releases\/vpascode-update-5-new-advanced-diagram-types-now-available\/#breadcrumb"},"inLanguage":"pt-PT","potentialAction":[{"@type":"ReadAction","target":["https:\/\/updates.visual-paradigm.com\/pt\/releases\/vpascode-update-5-new-advanced-diagram-types-now-available\/"]}]},{"@type":"ImageObject","inLanguage":"pt-PT","@id":"https:\/\/updates.visual-paradigm.com\/pt\/releases\/vpascode-update-5-new-advanced-diagram-types-now-available\/#primaryimage","url":"https:\/\/updates.visual-paradigm.com\/pt\/wp-content\/uploads\/sites\/8\/2026\/07\/img_6a4b0301b2bec.png","contentUrl":"https:\/\/updates.visual-paradigm.com\/pt\/wp-content\/uploads\/sites\/8\/2026\/07\/img_6a4b0301b2bec.png","width":700,"height":700},{"@type":"BreadcrumbList","@id":"https:\/\/updates.visual-paradigm.com\/pt\/releases\/vpascode-update-5-new-advanced-diagram-types-now-available\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/updates.visual-paradigm.com\/pt\/"},{"@type":"ListItem","position":2,"name":"Atualiza\u00e7\u00e3o do VPasCode: 5 Novos Tipos Avan\u00e7ados de Diagramas Agora Dispon\u00edveis"}]},{"@type":"WebSite","@id":"https:\/\/updates.visual-paradigm.com\/pt\/#website","url":"https:\/\/updates.visual-paradigm.com\/pt\/","name":"Visual Paradigm Product Updates Portuguese","description":"","publisher":{"@id":"https:\/\/updates.visual-paradigm.com\/pt\/#organization"},"potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/updates.visual-paradigm.com\/pt\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"pt-PT"},{"@type":"Organization","@id":"https:\/\/updates.visual-paradigm.com\/pt\/#organization","name":"Visual Paradigm Product Updates Portuguese","url":"https:\/\/updates.visual-paradigm.com\/pt\/","logo":{"@type":"ImageObject","inLanguage":"pt-PT","@id":"https:\/\/updates.visual-paradigm.com\/pt\/#\/schema\/logo\/image\/","url":"https:\/\/updates.visual-paradigm.com\/pt\/wp-content\/uploads\/sites\/8\/2025\/11\/vp-updates.png","contentUrl":"https:\/\/updates.visual-paradigm.com\/pt\/wp-content\/uploads\/sites\/8\/2025\/11\/vp-updates.png","width":185,"height":50,"caption":"Visual Paradigm Product Updates Portuguese"},"image":{"@id":"https:\/\/updates.visual-paradigm.com\/pt\/#\/schema\/logo\/image\/"}}]}},"_links":{"self":[{"href":"https:\/\/updates.visual-paradigm.com\/pt\/wp-json\/wp\/v2\/releases\/2716","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/updates.visual-paradigm.com\/pt\/wp-json\/wp\/v2\/releases"}],"about":[{"href":"https:\/\/updates.visual-paradigm.com\/pt\/wp-json\/wp\/v2\/types\/releases"}],"version-history":[{"count":0,"href":"https:\/\/updates.visual-paradigm.com\/pt\/wp-json\/wp\/v2\/releases\/2716\/revisions"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/updates.visual-paradigm.com\/pt\/wp-json\/wp\/v2\/media\/2717"}],"wp:attachment":[{"href":"https:\/\/updates.visual-paradigm.com\/pt\/wp-json\/wp\/v2\/media?parent=2716"}],"wp:term":[{"taxonomy":"product","embeddable":true,"href":"https:\/\/updates.visual-paradigm.com\/pt\/wp-json\/wp\/v2\/product?post=2716"},{"taxonomy":"product-area","embeddable":true,"href":"https:\/\/updates.visual-paradigm.com\/pt\/wp-json\/wp\/v2\/product-area?post=2716"},{"taxonomy":"version","embeddable":true,"href":"https:\/\/updates.visual-paradigm.com\/pt\/wp-json\/wp\/v2\/version?post=2716"},{"taxonomy":"release-type","embeddable":true,"href":"https:\/\/updates.visual-paradigm.com\/pt\/wp-json\/wp\/v2\/release-type?post=2716"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}