{"id":2764,"date":"2026-07-28T11:59:36","date_gmt":"2026-07-28T03:59:36","guid":{"rendered":"https:\/\/updates.visual-paradigm.com\/pt\/releases\/free-json5-editor-online-diagram-tool-vpascode\/"},"modified":"2026-07-28T11:59:36","modified_gmt":"2026-07-28T03:59:36","slug":"free-json5-editor-online-diagram-tool-vpascode","status":"publish","type":"releases","link":"https:\/\/updates.visual-paradigm.com\/pt\/releases\/free-json5-editor-online-diagram-tool-vpascode\/","title":{"rendered":"Visualize JSON5 de forma f\u00e1cil: apresentando suporte gratuito ao JSON5 no VPasCode"},"content":{"rendered":"<p><img fetchpriority=\"high\" alt=\"VPasCode free JSON5 editor transforming JSON5 code into an interactive diagram visualizer\" class=\"alignnone size-full wp-image-3380\" decoding=\"async\" fetchpriority=\"high\" height=\"816\" sizes=\"(max-width: 1312px) 100vw, 1312px\" src=\"https:\/\/updates.visual-paradigm.com\/wp-content\/uploads\/2026\/07\/free-json5-editor-online-diagram-tool-hero.jpg\" srcset=\"https:\/\/updates.visual-paradigm.com\/wp-content\/uploads\/2026\/07\/free-json5-editor-online-diagram-tool-hero.jpg 1312w, https:\/\/updates.visual-paradigm.com\/wp-content\/uploads\/2026\/07\/free-json5-editor-online-diagram-tool-hero-300x187.jpg 300w, https:\/\/updates.visual-paradigm.com\/wp-content\/uploads\/2026\/07\/free-json5-editor-online-diagram-tool-hero-1024x637.jpg 1024w, https:\/\/updates.visual-paradigm.com\/wp-content\/uploads\/2026\/07\/free-json5-editor-online-diagram-tool-hero-768x478.jpg 768w\" width=\"1312\"\/><\/p>\n<p>Estamos animados em anunciar uma importante adi\u00e7\u00e3o \u00e0 nossa plataforma unificada de diagramas como c\u00f3digo, o Visual Paradigm<strong>VPasCode<\/strong>! Hoje, estamos oficialmente expandindo os formatos de diagramas e visualiza\u00e7\u00f5es compat\u00edveis para incluir<strong>JSON5<\/strong>. Se voc\u00ea precisar de uma maneira r\u00e1pida de limpar configura\u00e7\u00f5es complexas, inspecionar estruturas de dados visualmente ou compartilhar gr\u00e1ficos renderizados com sua equipe, o VPasCode agora funciona como um editor gratuito de JSON5 com muitos recursos<strong>editor gratuito de JSON5<\/strong> e ferramenta interativa online de diagrama de JSON5<strong>ferramenta online interativa de diagrama de JSON5<\/strong>.<\/p>\n<h2>O que \u00e9 o VPasCode?<\/h2>\n<p>Para quem est\u00e1 come\u00e7ando com o aplicativo,<a href=\"https:\/\/www.vpascode.com\/overview\/\">VPasCode<\/a> (plataforma de diagramas como c\u00f3digo do Visual Paradigm)<a href=\"https:\/\/www.visual-paradigm.com\/features\/diagram-as-code-tool\/\">plataforma de diagramas como c\u00f3digo<\/a>) foi projetado para simplificar como desenvolvedores, arquitetos e redatores t\u00e9cnicos trabalham com modelos visuais baseados em texto. Em vez de alternar entre aplicativos de software separados para diferentes DSLs, o VPasCode oferece um ambiente de trabalho no navegador completo que transforma instantaneamente texto e c\u00f3digo em diagramas visuais claros.<\/p>\n<p>Nossa plataforma suporta nativamente uma ampla variedade de formatos de script, dados estruturados e linguagens de programa\u00e7\u00e3o, incluindo:<\/p>\n<ul>\n<li style=\"list-style-type: none;\">\n<ul>\n<li><strong>DSLs de diagrama\u00e7\u00e3o:<\/strong> <a href=\"https:\/\/updates.visual-paradigm.com\/releases\/free-plantuml-sequence-diagram-builder\/\">PlantUML<\/a>, <a href=\"https:\/\/updates.visual-paradigm.com\/releases\/vpascode-expands-mermaid-support-ishikawa-event-modeling-venn-wardley-maps-now-available\/\">Mermaid<\/a>, <a href=\"https:\/\/updates.visual-paradigm.com\/releases\/introducing-vpascode-the-ultimate-unified-text-to-diagram-platform\/\">Graphviz<\/a>, <a href=\"https:\/\/updates.visual-paradigm.com\/releases\/free-online-mind-map-tool-vpascode-markmap\/\">Markmap<\/a>, <a href=\"https:\/\/updates.visual-paradigm.com\/releases\/ai-chart-generation-create-with-chatbot-edit-with-vpascode\/\">ECharts<\/a><\/li>\n<li><strong>Dados estruturados:<\/strong> <a href=\"https:\/\/updates.visual-paradigm.com\/releases\/free-online-json-editor-visualizer-vpascode-update\/\">JSON<\/a>, <a href=\"https:\/\/updates.visual-paradigm.com\/releases\/free-json5-editor-online-diagram-tool-vpascode\/\">JSON5<\/a>, <a href=\"https:\/\/updates.visual-paradigm.com\/releases\/free-online-yaml-diagram-tool-vpascode-update\/\">YAML<\/a>, <a href=\"https:\/\/updates.visual-paradigm.com\/releases\/vpascode-xml-visualization-announcement\/\">XML<\/a>, <a href=\"https:\/\/updates.visual-paradigm.com\/releases\/free-online-csv-diagram-tool-vpascode-update\/\">CSV<\/a>, <a href=\"https:\/\/updates.visual-paradigm.com\/releases\/vpascode-supports-toml-visualization\/\">TOML<\/a><\/li>\n<li><strong>Linguagens de Banco de Dados:<\/strong> <a href=\"https:\/\/updates.visual-paradigm.com\/releases\/free-sql-to-erd-tool-online-editor\/\">SQL<\/a><\/li>\n<li><strong>Linguagens de Programa\u00e7\u00e3o:<\/strong> <a href=\"https:\/\/updates.visual-paradigm.com\/releases\/vpascode-java-code-to-uml-class-diagram\/\">Java<\/a>, <a href=\"https:\/\/updates.visual-paradigm.com\/releases\/typescript-to-uml-class-diagram-generator\/\">TypeScript<\/a>, <a href=\"https:\/\/updates.visual-paradigm.com\/releases\/vpascode-visualize-go-uml-class-diagram\/\">Go<\/a>, <a href=\"https:\/\/updates.visual-paradigm.com\/releases\/visualize-rust-code-uml-diagram-as-code\/\">Rust<\/a>, <a href=\"https:\/\/updates.visual-paradigm.com\/releases\/visualize-python-code-as-uml-class-diagrams-vpascode\/\">Python<\/a>, <a href=\"https:\/\/updates.visual-paradigm.com\/releases\/visualize-cpp-code-as-uml-class-diagram-vpascode\/\">C++<\/a>, <a href=\"https:\/\/updates.visual-paradigm.com\/releases\/vpascode-csharp-to-uml-class-diagram-update\/\">C#<\/a>, <a href=\"https:\/\/updates.visual-paradigm.com\/releases\/visualize-php-code-uml-class-diagram-vpascode\/\">PHP<\/a>, <a href=\"https:\/\/updates.visual-paradigm.com\/releases\/visualize-swift-code-uml-class-diagram-vpascode\/\">Swift<\/a>, <a href=\"https:\/\/updates.visual-paradigm.com\/releases\/vpascode-kotlin-uml-class-diagram-generator\/\">Kotlin<\/a>, e muito mais<\/li>\n<\/ul>\n<\/li>\n<\/ul>\n<p>Al\u00e9m do diagrama\u00e7\u00e3o tradicional, o VPasCode inclui recursos de IA embutidos \u2014 como <a href=\"https:\/\/updates.visual-paradigm.com\/releases\/never-get-stuck-on-syntax-again-introducing-ai-code-error-fixing-in-vpascode\/\"><strong>Corre\u00e7\u00e3o de Erros de C\u00f3digo com IA<\/strong><\/a> com an\u00e1lises detalhadas de diferen\u00e7as e <a href=\"https:\/\/updates.visual-paradigm.com\/releases\/break-language-barriers-natively-with-vpascodes-new-ai-diagram-translation\/\"><strong>Tradu\u00e7\u00e3o de Diagramas com IA<\/strong><\/a>\u2014tornando f\u00e1cil criar, corrigir e localizar diagramas sem esfor\u00e7o.<\/p>\n<h2>Por que JSON5?<\/h2>\n<p>O JSON padr\u00e3o \u00e9 um formato de dados essencial em todo o desenvolvimento moderno, mas pode ser r\u00edgido. Regras estritas de sintaxe pro\u00edbem v\u00edrgulas finais, exigem aspas duplas em todas as chaves e pro\u00edbem coment\u00e1rios inline.<strong>JSON5<\/strong>resolve esses problemas estendendo a sintaxe padr\u00e3o do JSON para corresponder \u00e0 flexibilidade do ECMAScript 5. Com o JSON5, os desenvolvedores podem escrever arquivos de configura\u00e7\u00e3o mais limpos e leg\u00edveis por humanos com coment\u00e1rios, chaves sem aspas e strings com aspas simples.<\/p>\n<p>Ao integrar o JSON5 ao VPasCode, agora voc\u00ea pode colar, editar e converter instantaneamente essas estruturas de dados flex\u00edveis em gr\u00e1ficos visuais din\u00e2micos sem remover seus coment\u00e1rios ou reformatar seu c\u00f3digo primeiro.<\/p>\n<h2>Recursos Principais do Visualizador JSON5<\/h2>\n<p id=\"biCWXAk\"><img alt=\"Editing JSON5 code in VPasCode, a diagram-as-code tool that supports multiple languages and formats, including but not limited to PlantUML, Mermaid, Graphviz, ECharts, Markmap, SQL and various programming languages.\" class=\"alignnone wp-image-3384 size-full\" decoding=\"async\" height=\"900\" sizes=\"(max-width: 1400px) 100vw, 1400px\" src=\"https:\/\/updates.visual-paradigm.com\/wp-content\/uploads\/2026\/07\/img_6a682835167c8.png\" srcset=\"https:\/\/updates.visual-paradigm.com\/wp-content\/uploads\/2026\/07\/img_6a682835167c8.png 1400w, https:\/\/updates.visual-paradigm.com\/wp-content\/uploads\/2026\/07\/img_6a682835167c8-300x193.png 300w, https:\/\/updates.visual-paradigm.com\/wp-content\/uploads\/2026\/07\/img_6a682835167c8-1024x658.png 1024w, https:\/\/updates.visual-paradigm.com\/wp-content\/uploads\/2026\/07\/img_6a682835167c8-768x494.png 768w\" width=\"1400\"\/><\/p>\n<p>Nosso objetivo com este lan\u00e7amento \u00e9 fornecer um ambiente intuitivo que acelere seu fluxo de trabalho. Quando voc\u00ea trabalha com JSON5 dentro do VPasCode, ganha acesso a um conjunto poderoso de utilit\u00e1rios interativos:<\/p>\n<ul>\n<li><strong>Navega\u00e7\u00e3o Bidirecional entre C\u00f3digo e Diagrama:<\/strong>Clique em qualquer n\u00f3 ou forma no diagrama gerado \u00e0 direita, e o ambiente de trabalho pula automaticamente diretamente para a linha correspondente de c\u00f3digo \u00e0 esquerda com realce instant\u00e2neo.<\/li>\n<li><strong>Formata\u00e7\u00e3o Autom\u00e1tica com um Clique:<\/strong>Limpe instantaneamente e formate seu c\u00f3digo JSON5 bruto para restaurar a identa\u00e7\u00e3o e a legibilidade.<\/li>\n<li><strong>V\u00e1rias Tem\u00e1ticas Visuais:<\/strong>Personalize a est\u00e9tica dos seus diagramas visuais para se ajustar ao modo escuro, modo claro ou padr\u00f5es de apresenta\u00e7\u00e3o.<\/li>\n<li><strong>Exporta\u00e7\u00e3o de Vetores e Imagens:<\/strong> Exporte diagramas de alta resolu\u00e7\u00e3o para <strong>SVG<\/strong> arquivos vetoriais ou padr\u00e3o <strong>PNG<\/strong> imagens para sua documenta\u00e7\u00e3o t\u00e9cnica.<\/li>\n<li><strong>Copiar Imagem para a \u00c1rea de Transfer\u00eancia:<\/strong>Copie instantaneamente sua representa\u00e7\u00e3o visual para a \u00e1rea de transfer\u00eancia do sistema para colar diretamente no Slack, Teams ou slides de apresenta\u00e7\u00e3o.<\/li>\n<li><strong>Compartilhamento de Link com Acesso Imediato sem Login:<\/strong>Gere links compartilh\u00e1veis para enviar instantaneamente seus diagramas e c\u00f3digo renderizados para colegas \u2014 sem necessidade de login.<\/li>\n<\/ul>\n<h2>Veja em A\u00e7\u00e3o: Exemplo de Configura\u00e7\u00e3o do Babel<\/h2>\n<p>Como o JSON5 suporta coment\u00e1rios e v\u00edrgulas finais nativamente, ele \u00e9 amplamente utilizado em ferramentas JavaScript como configura\u00e7\u00f5es do Babel e ESLint. Aqui est\u00e1 uma vis\u00e3o de como o VPasCode lida com uma configura\u00e7\u00e3o real do Babel:<\/p>\n<div class=\"vpascode-viewer-container vpascode-fancy-active\">\n<div class=\"vpascode-header\">\n<span class=\"vpascode-lang-label\">JSON5<\/span><br \/>\n<a class=\"vpascode-fancy-btn\" href=\"https:\/\/www.vpascode.com\/#json5:eNp9kL1LBEEMxXvB\/yGNTLPrinCNhciVFlpod1jkZuJeYL7IZO+D4\/53Z\/ZADxHLl\/d+SXjH6yuAYYAlrsmDTfGTx0lQOUXYsW5AyOOeHDy\/vb4soByi4r4xWaiQlgdYNQWwMk\/rtmM4Gz3FrengCIoyzjnzCHe394ubDmJScITOwOmj+5sWQqszL1NUDlR5nDSF+pm94H5heshUrHCubAucY9lPI8efV7+hed5nSTkV9L31WMosSZSpmO7\/fBbeolIfSDfJlcuTtdF3QfYcx1pqCAhcAL1PO3LNbzOKrRaViSpy+gJEEHto\" 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 JSON5 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\">JSON5<\/span>\r\n                    <a href=\"https:\/\/www.vpascode.com\/#json5:eNp90L9KxEAQBvBe8B2mkTSJEeEaCxHtLLQQbA6LuWQuDuw\/ZmfDyXFPYyEW9xR5MXdzoIeI5ex+v93h256eALQt3Hm35iEJTh\/Tu4fewy2uyEDnLUR2ihuC+6fHhwWsDW2m\/UimyCAUSeMVLMsEsKxuVsW1h4uG3FjVsAVFGeZcdQ0X55eLsxqcV+gJ+wp2L\/XfWgg7nb0kp2wpe0zqLSp3R+4X07dAsRMO2ZbAIRZMGtj9rPqN5vMmiA8+omk6gzHOI4kyxar+Px+ER1RqLOmr7+Pxl7nX52kvQzIIa3ZoYPqE\/Kxl5R5LItdryZViVBJltPsCANSBJA==\" \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 JSON5 in VPasCode<\/span>\r\n                    <\/a>\r\n                <\/div>\r\n                                <div class=\"vpascode-code-wrapper\">\r\n                    <pre class=\"language-json5\"><code class=\"language-json5\" data-language=\"json5\" class=\"language-json5\">{\r\n  \/\/ Configura\u00e7\u00e3o do Babel com sintaxe JSON5 flex\u00edvel\r\n  presets: [\r\n    ['@babel\/preset-env', { targets: '&gt; 0.25%, not dead' }],\r\n    ['@babel\/preset-react', { runtime: 'automatic' }],\r\n    '@babel\/preset-typescript',\r\n  ],\r\n  plugins: [\r\n    '@babel\/plugin-proposal-class-properties',\r\n    '@babel\/plugin-proposal-private-methods',\r\n  ],\r\n  \/\/ V\u00edrgula final \u00e9 permitida\r\n  comments: true,\r\n}<\/code><\/pre>                <\/div>\r\n                <div class=\"vpascode-actions\">\r\n                    <a href=\"https:\/\/www.vpascode.com\/#json5:eNp90L9KxEAQBvBe8B2mkTSJEeEaCxHtLLQQbA6LuWQuDuw\/ZmfDyXFPYyEW9xR5MXdzoIeI5ex+v93h256eALQt3Hm35iEJTh\/Tu4fewy2uyEDnLUR2ihuC+6fHhwWsDW2m\/UimyCAUSeMVLMsEsKxuVsW1h4uG3FjVsAVFGeZcdQ0X55eLsxqcV+gJ+wp2L\/XfWgg7nb0kp2wpe0zqLSp3R+4X07dAsRMO2ZbAIRZMGtj9rPqN5vMmiA8+omk6gzHOI4kyxar+Px+ER1RqLOmr7+Pxl7nX52kvQzIIa3ZoYPqE\/Kxl5R5LItdryZViVBJltPsCANSBJA==\" \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 JSON5 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\/#json5:eNp9kL1LBEEMxXvB\/yGNTLPrinCNhciVFlpod1jkZuJeYL7IZO+D4\/53Z\/ZADxHLl\/d+SXjH6yuAYYAlrsmDTfGTx0lQOUXYsW5AyOOeHDy\/vb4soByi4r4xWaiQlgdYNQWwMk\/rtmM4Gz3FrengCIoyzjnzCHe394ubDmJScITOwOmj+5sWQqszL1NUDlR5nDSF+pm94H5heshUrHCubAucY9lPI8efV7+hed5nSTkV9L31WMosSZSpmO7\/fBbeolIfSDfJlcuTtdF3QfYcx1pqCAhcAL1PO3LNbzOKrRaViSpy+gJEEHto\" 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 JSON5 no VPasCode<\/span><br \/>\n<\/a>\n<\/div>\n<\/div>\n<p>Quando voc\u00ea cola este c\u00f3digo no nosso <strong>editor JSON5 gratuito<\/strong>, o detec\u00e7\u00e3o autom\u00e1tica de formato do VPasCode \u00e9 ativada. No painel direito, voc\u00ea imediatamente v\u00ea um mapa de objeto organizado mostrando o array aninhado <code>presets<\/code> array, objetos de destino de configura\u00e7\u00e3o e <code>plugins<\/code> estrutura. Se voc\u00ea quiser pular diretamente para onde <code>@babel\/preset-typescript<\/code> \u00e9 definido na fonte, basta clicar no n\u00f3 correspondente no diagrama visual!<\/p>\n<h2>Como usar o Visualizador de Diagramas JSON5<\/h2>\n<ol>\n<li>Abra o <a href=\"https:\/\/www.vpascode.com\/\">Editor VPasCode<\/a> no seu navegador da web.<\/li>\n<li>Cole seus dados JSON5 ou bloco de configura\u00e7\u00e3o no painel do editor \u00e0 esquerda.<\/li>\n<li>O VPasCode identifica automaticamente o c\u00f3digo e renderiza o diagrama de dados interativo no painel direito.<\/li>\n<li>Clique nos n\u00f3s do diagrama para destacar as linhas correspondentes no editor de c\u00f3digo, ajustar suas configura\u00e7\u00f5es de tema ou clicar em compartilhar para enviar um link ao vivo para sua equipe!<\/li>\n<\/ol>\n<h2>Comece a visualizar seus dados hoje<\/h2>\n<p>Seja para um editor JSON5 r\u00e1pido <strong>editor JSON5 gratuito<\/strong> para identificar erros estruturais aninhados ou uma ferramenta flex\u00edvel <strong>ferramenta online de diagrama JSON5<\/strong> para preparar visualiza\u00e7\u00f5es para seus documentos, o VPasCode torna a visualiza\u00e7\u00e3o de c\u00f3digo simples, r\u00e1pida e acess\u00edvel de qualquer navegador da web.<\/p>\n<p><a href=\"https:\/\/www.vpascode.com\/\">Experimente agora o Editor Gratuito VPasCode<\/a> e explore o poder da visualiza\u00e7\u00e3o unificada de diagrama como c\u00f3digo!<\/p>\n","protected":false},"featured_media":2765,"template":"","meta":{"_acf_changed":false,"_yoast_wpseo_title":"Editor JSON5 Gratuito e Ferramenta Online de Diagrama JSON5 | Atualiza\u00e7\u00e3o VPasCode","_yoast_wpseo_metadesc":"Edite, formate e visualize facilmente dados JSON5 com o VPasCode. Aproveite o realce de sintaxe, navega\u00e7\u00e3o bidirecional entre n\u00f3s e c\u00f3digo, exporta\u00e7\u00e3o SVG e compartilhamento instant\u00e2neo de URL.","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":[6,50],"version":[51],"release-type":[16],"class_list":["post-2764","releases","type-releases","status-publish","has-post-thumbnail","hentry","product-visual-paradigm","product-visual-paradigm-online","product-area-diagramming","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>Editor JSON5 Gratuito e Ferramenta Online de Diagrama JSON5 | Atualiza\u00e7\u00e3o VPasCode<\/title>\n<meta name=\"description\" content=\"Edite, formate e visualize facilmente dados JSON5 com o VPasCode. Aproveite o realce de sintaxe, navega\u00e7\u00e3o bidirecional entre n\u00f3s e c\u00f3digo, exporta\u00e7\u00e3o SVG e compartilhamento instant\u00e2neo de URL.\" \/>\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\/free-json5-editor-online-diagram-tool-vpascode\/\" \/>\n<meta property=\"og:locale\" content=\"pt_PT\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Editor JSON5 Gratuito e Ferramenta Online de Diagrama JSON5 | Atualiza\u00e7\u00e3o VPasCode\" \/>\n<meta property=\"og:description\" content=\"Edite, formate e visualize facilmente dados JSON5 com o VPasCode. Aproveite o realce de sintaxe, navega\u00e7\u00e3o bidirecional entre n\u00f3s e c\u00f3digo, exporta\u00e7\u00e3o SVG e compartilhamento instant\u00e2neo de URL.\" \/>\n<meta property=\"og:url\" content=\"https:\/\/updates.visual-paradigm.com\/pt\/releases\/free-json5-editor-online-diagram-tool-vpascode\/\" \/>\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\/free-json5-editor-online-diagram-tool-hero.jpg\" \/>\n\t<meta property=\"og:image:width\" content=\"1312\" \/>\n\t<meta property=\"og:image:height\" content=\"816\" \/>\n\t<meta property=\"og:image:type\" content=\"image\/jpeg\" \/>\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\/free-json5-editor-online-diagram-tool-vpascode\/\",\"url\":\"https:\/\/updates.visual-paradigm.com\/pt\/releases\/free-json5-editor-online-diagram-tool-vpascode\/\",\"name\":\"Editor JSON5 Gratuito e Ferramenta Online de Diagrama JSON5 | Atualiza\u00e7\u00e3o VPasCode\",\"isPartOf\":{\"@id\":\"https:\/\/updates.visual-paradigm.com\/pt\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\/\/updates.visual-paradigm.com\/pt\/releases\/free-json5-editor-online-diagram-tool-vpascode\/#primaryimage\"},\"image\":{\"@id\":\"https:\/\/updates.visual-paradigm.com\/pt\/releases\/free-json5-editor-online-diagram-tool-vpascode\/#primaryimage\"},\"thumbnailUrl\":\"https:\/\/updates.visual-paradigm.com\/pt\/wp-content\/uploads\/sites\/8\/2026\/07\/free-json5-editor-online-diagram-tool-hero.jpg\",\"datePublished\":\"2026-07-28T03:59:36+00:00\",\"description\":\"Edite, formate e visualize facilmente dados JSON5 com o VPasCode. Aproveite o realce de sintaxe, navega\u00e7\u00e3o bidirecional entre n\u00f3s e c\u00f3digo, exporta\u00e7\u00e3o SVG e compartilhamento instant\u00e2neo de URL.\",\"breadcrumb\":{\"@id\":\"https:\/\/updates.visual-paradigm.com\/pt\/releases\/free-json5-editor-online-diagram-tool-vpascode\/#breadcrumb\"},\"inLanguage\":\"pt-PT\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/updates.visual-paradigm.com\/pt\/releases\/free-json5-editor-online-diagram-tool-vpascode\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"pt-PT\",\"@id\":\"https:\/\/updates.visual-paradigm.com\/pt\/releases\/free-json5-editor-online-diagram-tool-vpascode\/#primaryimage\",\"url\":\"https:\/\/updates.visual-paradigm.com\/pt\/wp-content\/uploads\/sites\/8\/2026\/07\/free-json5-editor-online-diagram-tool-hero.jpg\",\"contentUrl\":\"https:\/\/updates.visual-paradigm.com\/pt\/wp-content\/uploads\/sites\/8\/2026\/07\/free-json5-editor-online-diagram-tool-hero.jpg\",\"width\":1312,\"height\":816},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\/\/updates.visual-paradigm.com\/pt\/releases\/free-json5-editor-online-diagram-tool-vpascode\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\/\/updates.visual-paradigm.com\/pt\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Visualize JSON5 de forma f\u00e1cil: apresentando suporte gratuito ao JSON5 no VPasCode\"}]},{\"@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":"Editor JSON5 Gratuito e Ferramenta Online de Diagrama JSON5 | Atualiza\u00e7\u00e3o VPasCode","description":"Edite, formate e visualize facilmente dados JSON5 com o VPasCode. Aproveite o realce de sintaxe, navega\u00e7\u00e3o bidirecional entre n\u00f3s e c\u00f3digo, exporta\u00e7\u00e3o SVG e compartilhamento instant\u00e2neo de URL.","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\/free-json5-editor-online-diagram-tool-vpascode\/","og_locale":"pt_PT","og_type":"article","og_title":"Editor JSON5 Gratuito e Ferramenta Online de Diagrama JSON5 | Atualiza\u00e7\u00e3o VPasCode","og_description":"Edite, formate e visualize facilmente dados JSON5 com o VPasCode. Aproveite o realce de sintaxe, navega\u00e7\u00e3o bidirecional entre n\u00f3s e c\u00f3digo, exporta\u00e7\u00e3o SVG e compartilhamento instant\u00e2neo de URL.","og_url":"https:\/\/updates.visual-paradigm.com\/pt\/releases\/free-json5-editor-online-diagram-tool-vpascode\/","og_site_name":"Visual Paradigm Product Updates Portuguese","og_image":[{"width":1312,"height":816,"url":"https:\/\/updates.visual-paradigm.com\/pt\/wp-content\/uploads\/sites\/8\/2026\/07\/free-json5-editor-online-diagram-tool-hero.jpg","type":"image\/jpeg"}],"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\/free-json5-editor-online-diagram-tool-vpascode\/","url":"https:\/\/updates.visual-paradigm.com\/pt\/releases\/free-json5-editor-online-diagram-tool-vpascode\/","name":"Editor JSON5 Gratuito e Ferramenta Online de Diagrama JSON5 | Atualiza\u00e7\u00e3o VPasCode","isPartOf":{"@id":"https:\/\/updates.visual-paradigm.com\/pt\/#website"},"primaryImageOfPage":{"@id":"https:\/\/updates.visual-paradigm.com\/pt\/releases\/free-json5-editor-online-diagram-tool-vpascode\/#primaryimage"},"image":{"@id":"https:\/\/updates.visual-paradigm.com\/pt\/releases\/free-json5-editor-online-diagram-tool-vpascode\/#primaryimage"},"thumbnailUrl":"https:\/\/updates.visual-paradigm.com\/pt\/wp-content\/uploads\/sites\/8\/2026\/07\/free-json5-editor-online-diagram-tool-hero.jpg","datePublished":"2026-07-28T03:59:36+00:00","description":"Edite, formate e visualize facilmente dados JSON5 com o VPasCode. Aproveite o realce de sintaxe, navega\u00e7\u00e3o bidirecional entre n\u00f3s e c\u00f3digo, exporta\u00e7\u00e3o SVG e compartilhamento instant\u00e2neo de URL.","breadcrumb":{"@id":"https:\/\/updates.visual-paradigm.com\/pt\/releases\/free-json5-editor-online-diagram-tool-vpascode\/#breadcrumb"},"inLanguage":"pt-PT","potentialAction":[{"@type":"ReadAction","target":["https:\/\/updates.visual-paradigm.com\/pt\/releases\/free-json5-editor-online-diagram-tool-vpascode\/"]}]},{"@type":"ImageObject","inLanguage":"pt-PT","@id":"https:\/\/updates.visual-paradigm.com\/pt\/releases\/free-json5-editor-online-diagram-tool-vpascode\/#primaryimage","url":"https:\/\/updates.visual-paradigm.com\/pt\/wp-content\/uploads\/sites\/8\/2026\/07\/free-json5-editor-online-diagram-tool-hero.jpg","contentUrl":"https:\/\/updates.visual-paradigm.com\/pt\/wp-content\/uploads\/sites\/8\/2026\/07\/free-json5-editor-online-diagram-tool-hero.jpg","width":1312,"height":816},{"@type":"BreadcrumbList","@id":"https:\/\/updates.visual-paradigm.com\/pt\/releases\/free-json5-editor-online-diagram-tool-vpascode\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/updates.visual-paradigm.com\/pt\/"},{"@type":"ListItem","position":2,"name":"Visualize JSON5 de forma f\u00e1cil: apresentando suporte gratuito ao JSON5 no VPasCode"}]},{"@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\/2764","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\/2764\/revisions"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/updates.visual-paradigm.com\/pt\/wp-json\/wp\/v2\/media\/2765"}],"wp:attachment":[{"href":"https:\/\/updates.visual-paradigm.com\/pt\/wp-json\/wp\/v2\/media?parent=2764"}],"wp:term":[{"taxonomy":"product","embeddable":true,"href":"https:\/\/updates.visual-paradigm.com\/pt\/wp-json\/wp\/v2\/product?post=2764"},{"taxonomy":"product-area","embeddable":true,"href":"https:\/\/updates.visual-paradigm.com\/pt\/wp-json\/wp\/v2\/product-area?post=2764"},{"taxonomy":"version","embeddable":true,"href":"https:\/\/updates.visual-paradigm.com\/pt\/wp-json\/wp\/v2\/version?post=2764"},{"taxonomy":"release-type","embeddable":true,"href":"https:\/\/updates.visual-paradigm.com\/pt\/wp-json\/wp\/v2\/release-type?post=2764"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}