{"id":2764,"date":"2026-07-28T11:59:36","date_gmt":"2026-07-28T03:59:36","guid":{"rendered":"https:\/\/updates.visual-paradigm.com\/de\/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\/de\/releases\/free-json5-editor-online-diagram-tool-vpascode\/","title":{"rendered":"JSON5 einfach visualisieren: Einf\u00fchrung der kostenlosen JSON5-Unterst\u00fctzung in 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>Wir freuen uns, eine wichtige Erweiterung unserer einheitlichen Diagramm-as-Code-Plattform Visual Paradigm ank\u00fcndigen zu k\u00f6nnen<strong>VPasCode<\/strong>! Heute erweitern wir offiziell unsere unterst\u00fctzten Diagramm- und Visualisierungsformate um<strong>JSON5<\/strong>. Ob Sie eine schnelle M\u00f6glichkeit ben\u00f6tigen, komplexe Konfigurationen aufzur\u00e4umen, Datenstrukturen visuell zu \u00fcberpr\u00fcfen oder gerenderte Diagramme mit Ihrem Team zu teilen, VPasCode fungiert nun als leistungsstarker<strong>kostenloser JSON5-Editor<\/strong> und interaktiver<strong>Online-JSON5-Diagramm-Tool<\/strong>.<\/p>\n<h2>Was ist VPasCode?<\/h2>\n<p>F\u00fcr alle, die die App neu entdecken, ist<a href=\"https:\/\/www.vpascode.com\/overview\/\">VPasCode<\/a> (die Plattform von Visual Paradigm f\u00fcr<a href=\"https:\/\/www.visual-paradigm.com\/features\/diagram-as-code-tool\/\">Diagramm-as-Code-Plattform<\/a>) darauf ausgelegt, die Arbeit von Entwicklern, Architekten und technischen Schriftstellern mit textbasierten visuellen Modellen zu vereinfachen. Anstatt zwischen verschiedenen Softwareanwendungen f\u00fcr unterschiedliche DSLs hin- und herzuwechseln, bietet VPasCode eine all-in-one-Browser-Arbeitsumgebung, die Text und Code sofort in klare visuelle Diagramme umwandelt.<\/p>\n<p>Unsere Plattform unterst\u00fctzt natively eine Vielzahl von Skriptsprachen, strukturierten Daten und Programmiersprachen, darunter:<\/p>\n<ul>\n<li style=\"list-style-type: none;\">\n<ul>\n<li><strong>Diagrammierungs-DSLs:<\/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>Strukturierte Daten:<\/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>Datenbank-Sprachen:<\/strong> <a href=\"https:\/\/updates.visual-paradigm.com\/releases\/free-sql-to-erd-tool-online-editor\/\">SQL<\/a><\/li>\n<li><strong>Programmiersprachen:<\/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>, und vieles mehr<\/li>\n<\/ul>\n<\/li>\n<\/ul>\n<p>\u00dcber traditionelle Diagrammierung hinaus enth\u00e4lt VPasCode integrierte KI-Funktionen \u2013 wie zum Beispiel<a href=\"https:\/\/updates.visual-paradigm.com\/releases\/never-get-stuck-on-syntax-again-introducing-ai-code-error-fixing-in-vpascode\/\"><strong>KI-Code-Fehlerbehebung<\/strong><\/a> mit detaillierten Diff-Aufteilungen und<a href=\"https:\/\/updates.visual-paradigm.com\/releases\/break-language-barriers-natively-with-vpascodes-new-ai-diagram-translation\/\"><strong>KI-Diagramm\u00fcbersetzung<\/strong><\/a>\u2014was es einfach macht, Diagramme problemlos zu erstellen, zu reparieren und zu lokalisieren.<\/p>\n<h2>Warum JSON5?<\/h2>\n<p>Standard-JSON ist ein wesentlicher Datentyp in der modernen Entwicklung, kann aber steif sein. Streng definierte Syntaxregeln verbieten nachgestellte Kommas, verlangen doppelte Anf\u00fchrungszeichen um alle Schl\u00fcssel und verbieten Inline-Kommentare.<strong>JSON5<\/strong> l\u00f6st diese Probleme, indem die Standard-JSON-Syntax erweitert wird, um der Flexibilit\u00e4t von ECMAScript 5 zu entsprechen. Mit JSON5 k\u00f6nnen Entwickler sauberere, menschenlesbare Konfigurationsdateien mit Kommentaren, unzitierten Schl\u00fcsseln und einfachen Anf\u00fchrungszeichen schreiben.<\/p>\n<p>Durch die Integration von JSON5 in VPasCode k\u00f6nnen Sie nun flexible Datenstrukturen einf\u00fcgen, bearbeiten und sofort in dynamische visuelle Diagramme umwandeln, ohne zuerst Ihre Kommentare zu entfernen oder Ihren Code umzustellen.<\/p>\n<h2>Wichtige Funktionen des JSON5-Visualisierers<\/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>Unser Ziel mit dieser Version ist es, eine intuitive Arbeitsumgebung bereitzustellen, die Ihren Workflow beschleunigt. Wenn Sie mit JSON5 innerhalb von VPasCode arbeiten, erhalten Sie Zugriff auf eine leistungsstarke Reihe interaktiver Werkzeuge:<\/p>\n<ul>\n<li><strong>Bidirektionale Code-zu-Diagramm-Navigation:<\/strong> Klicken Sie auf einen beliebigen Knoten oder eine beliebige Form im generierten Diagramm rechts, und die Arbeitsfl\u00e4che springt automatisch direkt zur entsprechenden Codezeile links mit sofortiger Hervorhebung.<\/li>\n<li><strong>Ein-Klick-Formatierung:<\/strong> Bereinigen und formatieren Sie Ihre rohen JSON5-Code sofort, um Einr\u00fcckung und Lesbarkeit wiederherzustellen.<\/li>\n<li><strong>Mehrere visuelle Themen:<\/strong> Passen Sie das Aussehen Ihrer visuellen Diagramme an, um Dunkelmodus, Hellmodus oder Pr\u00e4sentationsstandards zu erf\u00fcllen.<\/li>\n<li><strong>Vektor- und Bildexporte:<\/strong> Exportieren Sie hochaufl\u00f6sende Diagramme in<strong>SVG<\/strong> Vektor-Dateien oder Standard-<strong>PNG<\/strong> Bilder f\u00fcr Ihre technische Dokumentation.<\/li>\n<li><strong>Bild in die Zwischenablage kopieren:<\/strong> Kopieren Sie Ihre visuelle Darstellung sofort in die Zwischenablage Ihres Systems, um sie direkt in Slack, Teams oder Pr\u00e4sentationsfolien einzuf\u00fcgen.<\/li>\n<li><strong>Linkfreies Teilen per Hyperlink:<\/strong> Generieren Sie teilenbare URL-Links, um Ihre gerenderten Diagramme und Ihren Code sofort an Kollegen zu senden \u2013 kein Login erforderlich.<\/li>\n<\/ul>\n<h2>Sie es in Aktion: Beispiel f\u00fcr Babel-Konfiguration<\/h2>\n<p>Da JSON5 Kommentare und nachgestellte Kommas nativ unterst\u00fctzt, wird es weithin in JavaScript-Tools wie Babel und ESLint-Konfigurationen verwendet. Hier sehen Sie, wie VPasCode eine echte Babel-Konfiguration verarbeitet:<\/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>JSON5 in VPasCode bearbeiten<\/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:eNp9kE1LA0EMhu+C\/yEX2cuuK0IvHkQ8WqiHHouH7JjuDswXSWZpKf3vzmxBi4jHZJ7nnSSn2xuAvodXHMh16xj2dsyMamMAbxX2jg52cMTwtn3frLrtMSgeqpSYhFSeYFcrgF3zMtSQ\/vLQUZibFk6gyOPCNc\/wcP+4umshWDMpzMTolLSB80f7dwYTGl1SOAe1nkoKZo2+DChmujJ\/iXpMJIZtKnYFLlhyebThZ+Rvael3iWOKgq4zDkWWklgtSdP+zye2Myp1nnSKn3L9ZTntBs00kii5sq3AOnqPYEWB2GEetGKmNCnUKylnKub5CzCiggg=\" \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  \/\/ Babel-Konfiguration mit flexibler JSON5-Syntax\r\n  presets: [\r\n    ['@babel\/preset-env', { targets: '&gt; 0.25%, nicht veraltet' }],\r\n    ['@babel\/preset-react', { runtime: 'automatisch' }],\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  \/\/ Nachgestelltes Komma ist erlaubt\r\n  comments: true,\r\n}<\/code><\/pre>                <\/div>\r\n                <div class=\"vpascode-actions\">\r\n                    <a href=\"https:\/\/www.vpascode.com\/#json5:eNp9kE1LA0EMhu+C\/yEX2cuuK0IvHkQ8WqiHHouH7JjuDswXSWZpKf3vzmxBi4jHZJ7nnSSn2xuAvodXHMh16xj2dsyMamMAbxX2jg52cMTwtn3frLrtMSgeqpSYhFSeYFcrgF3zMtSQ\/vLQUZibFk6gyOPCNc\/wcP+4umshWDMpzMTolLSB80f7dwYTGl1SOAe1nkoKZo2+DChmujJ\/iXpMJIZtKnYFLlhyebThZ+Rvael3iWOKgq4zDkWWklgtSdP+zye2Myp1nnSKn3L9ZTntBs00kii5sq3AOnqPYEWB2GEetGKmNCnUKylnKub5CzCiggg=\" \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>JSON5 in VPasCode bearbeiten<\/span><br \/>\n<\/a>\n<\/div>\n<\/div>\n<p>Wenn Sie diesen Code in unseren <strong>kostenlosen JSON5-Editor<\/strong>, aktiviert VPasCode automatisch die Format-Erkennung. Auf der rechten Seite sehen Sie sofort eine strukturierte Objektkarte, die das verschachtelte <code>presets<\/code>Array, Konfigurations-Zielobjekte und <code>plugins<\/code>Struktur zeigt. Wenn Sie direkt zu dem Punkt springen m\u00f6chten, wo <code>@babel\/preset-typescript<\/code> in der Quelle definiert ist, klicken Sie einfach auf den entsprechenden Knoten in der visuellen Diagrammansicht!<\/p>\n<h2>So verwenden Sie den JSON5-Diagramm-Visualisierer<\/h2>\n<ol>\n<li>\u00d6ffnen Sie den <a href=\"https:\/\/www.vpascode.com\/\">VPasCode-Editor<\/a> in Ihrem Webbrowser.<\/li>\n<li>F\u00fcgen Sie Ihre JSON5-Daten oder Konfigurationsbl\u00f6cke in das Editor-Fenster auf der linken Seite ein.<\/li>\n<li>VPasCode erkennt den Code automatisch und rendert das interaktive Daten-Diagramm auf der rechten Seite.<\/li>\n<li>Klicken Sie auf Diagrammknoten, um die entsprechenden Zeilen im Code-Editor hervorzuheben, Ihre Theme-Einstellungen anzupassen oder auf Freigeben zu klicken, um einen Live-Link an Ihr Team zu senden!<\/li>\n<\/ol>\n<h2>Beginnen Sie heute mit der Visualisierung Ihrer Daten<\/h2>\n<p>Egal, ob Sie einen schnellen <strong>kostenlosen JSON5-Editor<\/strong>ben\u00f6tigen, um verschachtelte strukturelle Fehler zu erkennen, oder ein flexibles <strong>online JSON5-Diagramm-Tool<\/strong>um visuelle Darstellungen f\u00fcr Ihre Dokumentation vorzubereiten, macht VPasCode die Code-Visualisierung einfach, schnell und von jedem Webbrowser aus zug\u00e4nglich.<\/p>\n<p><a href=\"https:\/\/www.vpascode.com\/\">Probieren Sie jetzt den kostenlosen VPasCode-Editor aus<\/a> und entdecken Sie die Kraft der integrierten Diagramm-als-Code-Visualisierung!<\/p>\n","protected":false},"featured_media":2765,"template":"","meta":{"_acf_changed":false,"_yoast_wpseo_title":"Kostenloser JSON5-Editor & Online-JSON5-Diagramm-Tool | VPasCode Aktualisierung","_yoast_wpseo_metadesc":"Bearbeiten, formatieren und visualisieren Sie JSON5-Daten einfach mit VPasCode. Genie\u00dfen Sie die Syntaxhervorhebung, die bidirektionale Navigation zwischen Knoten und Code, den SVG-Export und die sofortige URL-Teilung.","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,49],"version":[50],"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>Kostenloser JSON5-Editor &amp; Online-JSON5-Diagramm-Tool | VPasCode Aktualisierung<\/title>\n<meta name=\"description\" content=\"Bearbeiten, formatieren und visualisieren Sie JSON5-Daten einfach mit VPasCode. Genie\u00dfen Sie die Syntaxhervorhebung, die bidirektionale Navigation zwischen Knoten und Code, den SVG-Export und die sofortige URL-Teilung.\" \/>\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\/de\/releases\/free-json5-editor-online-diagram-tool-vpascode\/\" \/>\n<meta property=\"og:locale\" content=\"de_DE\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Kostenloser JSON5-Editor &amp; Online-JSON5-Diagramm-Tool | VPasCode Aktualisierung\" \/>\n<meta property=\"og:description\" content=\"Bearbeiten, formatieren und visualisieren Sie JSON5-Daten einfach mit VPasCode. Genie\u00dfen Sie die Syntaxhervorhebung, die bidirektionale Navigation zwischen Knoten und Code, den SVG-Export und die sofortige URL-Teilung.\" \/>\n<meta property=\"og:url\" content=\"https:\/\/updates.visual-paradigm.com\/de\/releases\/free-json5-editor-online-diagram-tool-vpascode\/\" \/>\n<meta property=\"og:site_name\" content=\"Visual Paradigm Product Updates German\" \/>\n<meta property=\"og:image\" content=\"https:\/\/updates.visual-paradigm.com\/de\/wp-content\/uploads\/sites\/9\/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=\"Gesch\u00e4tzte Lesezeit\" \/>\n\t<meta name=\"twitter:data1\" content=\"4\u00a0Minuten\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\/\/schema.org\",\"@graph\":[{\"@type\":\"WebPage\",\"@id\":\"https:\/\/updates.visual-paradigm.com\/de\/releases\/free-json5-editor-online-diagram-tool-vpascode\/\",\"url\":\"https:\/\/updates.visual-paradigm.com\/de\/releases\/free-json5-editor-online-diagram-tool-vpascode\/\",\"name\":\"Kostenloser JSON5-Editor & Online-JSON5-Diagramm-Tool | VPasCode Aktualisierung\",\"isPartOf\":{\"@id\":\"https:\/\/updates.visual-paradigm.com\/de\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\/\/updates.visual-paradigm.com\/de\/releases\/free-json5-editor-online-diagram-tool-vpascode\/#primaryimage\"},\"image\":{\"@id\":\"https:\/\/updates.visual-paradigm.com\/de\/releases\/free-json5-editor-online-diagram-tool-vpascode\/#primaryimage\"},\"thumbnailUrl\":\"https:\/\/updates.visual-paradigm.com\/de\/wp-content\/uploads\/sites\/9\/2026\/07\/free-json5-editor-online-diagram-tool-hero.jpg\",\"datePublished\":\"2026-07-28T03:59:36+00:00\",\"description\":\"Bearbeiten, formatieren und visualisieren Sie JSON5-Daten einfach mit VPasCode. Genie\u00dfen Sie die Syntaxhervorhebung, die bidirektionale Navigation zwischen Knoten und Code, den SVG-Export und die sofortige URL-Teilung.\",\"breadcrumb\":{\"@id\":\"https:\/\/updates.visual-paradigm.com\/de\/releases\/free-json5-editor-online-diagram-tool-vpascode\/#breadcrumb\"},\"inLanguage\":\"de\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/updates.visual-paradigm.com\/de\/releases\/free-json5-editor-online-diagram-tool-vpascode\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"de\",\"@id\":\"https:\/\/updates.visual-paradigm.com\/de\/releases\/free-json5-editor-online-diagram-tool-vpascode\/#primaryimage\",\"url\":\"https:\/\/updates.visual-paradigm.com\/de\/wp-content\/uploads\/sites\/9\/2026\/07\/free-json5-editor-online-diagram-tool-hero.jpg\",\"contentUrl\":\"https:\/\/updates.visual-paradigm.com\/de\/wp-content\/uploads\/sites\/9\/2026\/07\/free-json5-editor-online-diagram-tool-hero.jpg\",\"width\":1312,\"height\":816},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\/\/updates.visual-paradigm.com\/de\/releases\/free-json5-editor-online-diagram-tool-vpascode\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\/\/updates.visual-paradigm.com\/de\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"JSON5 einfach visualisieren: Einf\u00fchrung der kostenlosen JSON5-Unterst\u00fctzung in VPasCode\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\/\/updates.visual-paradigm.com\/de\/#website\",\"url\":\"https:\/\/updates.visual-paradigm.com\/de\/\",\"name\":\"Visual Paradigm Product Updates German\",\"description\":\"\",\"publisher\":{\"@id\":\"https:\/\/updates.visual-paradigm.com\/de\/#organization\"},\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\/\/updates.visual-paradigm.com\/de\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"de\"},{\"@type\":\"Organization\",\"@id\":\"https:\/\/updates.visual-paradigm.com\/de\/#organization\",\"name\":\"Visual Paradigm Product Updates German\",\"url\":\"https:\/\/updates.visual-paradigm.com\/de\/\",\"logo\":{\"@type\":\"ImageObject\",\"inLanguage\":\"de\",\"@id\":\"https:\/\/updates.visual-paradigm.com\/de\/#\/schema\/logo\/image\/\",\"url\":\"https:\/\/updates.visual-paradigm.com\/de\/wp-content\/uploads\/sites\/9\/2025\/11\/vp-updates.png\",\"contentUrl\":\"https:\/\/updates.visual-paradigm.com\/de\/wp-content\/uploads\/sites\/9\/2025\/11\/vp-updates.png\",\"width\":185,\"height\":50,\"caption\":\"Visual Paradigm Product Updates German\"},\"image\":{\"@id\":\"https:\/\/updates.visual-paradigm.com\/de\/#\/schema\/logo\/image\/\"}}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"Kostenloser JSON5-Editor & Online-JSON5-Diagramm-Tool | VPasCode Aktualisierung","description":"Bearbeiten, formatieren und visualisieren Sie JSON5-Daten einfach mit VPasCode. Genie\u00dfen Sie die Syntaxhervorhebung, die bidirektionale Navigation zwischen Knoten und Code, den SVG-Export und die sofortige URL-Teilung.","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\/de\/releases\/free-json5-editor-online-diagram-tool-vpascode\/","og_locale":"de_DE","og_type":"article","og_title":"Kostenloser JSON5-Editor & Online-JSON5-Diagramm-Tool | VPasCode Aktualisierung","og_description":"Bearbeiten, formatieren und visualisieren Sie JSON5-Daten einfach mit VPasCode. Genie\u00dfen Sie die Syntaxhervorhebung, die bidirektionale Navigation zwischen Knoten und Code, den SVG-Export und die sofortige URL-Teilung.","og_url":"https:\/\/updates.visual-paradigm.com\/de\/releases\/free-json5-editor-online-diagram-tool-vpascode\/","og_site_name":"Visual Paradigm Product Updates German","og_image":[{"width":1312,"height":816,"url":"https:\/\/updates.visual-paradigm.com\/de\/wp-content\/uploads\/sites\/9\/2026\/07\/free-json5-editor-online-diagram-tool-hero.jpg","type":"image\/jpeg"}],"twitter_card":"summary_large_image","twitter_misc":{"Gesch\u00e4tzte Lesezeit":"4\u00a0Minuten"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"WebPage","@id":"https:\/\/updates.visual-paradigm.com\/de\/releases\/free-json5-editor-online-diagram-tool-vpascode\/","url":"https:\/\/updates.visual-paradigm.com\/de\/releases\/free-json5-editor-online-diagram-tool-vpascode\/","name":"Kostenloser JSON5-Editor & Online-JSON5-Diagramm-Tool | VPasCode Aktualisierung","isPartOf":{"@id":"https:\/\/updates.visual-paradigm.com\/de\/#website"},"primaryImageOfPage":{"@id":"https:\/\/updates.visual-paradigm.com\/de\/releases\/free-json5-editor-online-diagram-tool-vpascode\/#primaryimage"},"image":{"@id":"https:\/\/updates.visual-paradigm.com\/de\/releases\/free-json5-editor-online-diagram-tool-vpascode\/#primaryimage"},"thumbnailUrl":"https:\/\/updates.visual-paradigm.com\/de\/wp-content\/uploads\/sites\/9\/2026\/07\/free-json5-editor-online-diagram-tool-hero.jpg","datePublished":"2026-07-28T03:59:36+00:00","description":"Bearbeiten, formatieren und visualisieren Sie JSON5-Daten einfach mit VPasCode. Genie\u00dfen Sie die Syntaxhervorhebung, die bidirektionale Navigation zwischen Knoten und Code, den SVG-Export und die sofortige URL-Teilung.","breadcrumb":{"@id":"https:\/\/updates.visual-paradigm.com\/de\/releases\/free-json5-editor-online-diagram-tool-vpascode\/#breadcrumb"},"inLanguage":"de","potentialAction":[{"@type":"ReadAction","target":["https:\/\/updates.visual-paradigm.com\/de\/releases\/free-json5-editor-online-diagram-tool-vpascode\/"]}]},{"@type":"ImageObject","inLanguage":"de","@id":"https:\/\/updates.visual-paradigm.com\/de\/releases\/free-json5-editor-online-diagram-tool-vpascode\/#primaryimage","url":"https:\/\/updates.visual-paradigm.com\/de\/wp-content\/uploads\/sites\/9\/2026\/07\/free-json5-editor-online-diagram-tool-hero.jpg","contentUrl":"https:\/\/updates.visual-paradigm.com\/de\/wp-content\/uploads\/sites\/9\/2026\/07\/free-json5-editor-online-diagram-tool-hero.jpg","width":1312,"height":816},{"@type":"BreadcrumbList","@id":"https:\/\/updates.visual-paradigm.com\/de\/releases\/free-json5-editor-online-diagram-tool-vpascode\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/updates.visual-paradigm.com\/de\/"},{"@type":"ListItem","position":2,"name":"JSON5 einfach visualisieren: Einf\u00fchrung der kostenlosen JSON5-Unterst\u00fctzung in VPasCode"}]},{"@type":"WebSite","@id":"https:\/\/updates.visual-paradigm.com\/de\/#website","url":"https:\/\/updates.visual-paradigm.com\/de\/","name":"Visual Paradigm Product Updates German","description":"","publisher":{"@id":"https:\/\/updates.visual-paradigm.com\/de\/#organization"},"potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/updates.visual-paradigm.com\/de\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"de"},{"@type":"Organization","@id":"https:\/\/updates.visual-paradigm.com\/de\/#organization","name":"Visual Paradigm Product Updates German","url":"https:\/\/updates.visual-paradigm.com\/de\/","logo":{"@type":"ImageObject","inLanguage":"de","@id":"https:\/\/updates.visual-paradigm.com\/de\/#\/schema\/logo\/image\/","url":"https:\/\/updates.visual-paradigm.com\/de\/wp-content\/uploads\/sites\/9\/2025\/11\/vp-updates.png","contentUrl":"https:\/\/updates.visual-paradigm.com\/de\/wp-content\/uploads\/sites\/9\/2025\/11\/vp-updates.png","width":185,"height":50,"caption":"Visual Paradigm Product Updates German"},"image":{"@id":"https:\/\/updates.visual-paradigm.com\/de\/#\/schema\/logo\/image\/"}}]}},"_links":{"self":[{"href":"https:\/\/updates.visual-paradigm.com\/de\/wp-json\/wp\/v2\/releases\/2764","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/updates.visual-paradigm.com\/de\/wp-json\/wp\/v2\/releases"}],"about":[{"href":"https:\/\/updates.visual-paradigm.com\/de\/wp-json\/wp\/v2\/types\/releases"}],"version-history":[{"count":0,"href":"https:\/\/updates.visual-paradigm.com\/de\/wp-json\/wp\/v2\/releases\/2764\/revisions"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/updates.visual-paradigm.com\/de\/wp-json\/wp\/v2\/media\/2765"}],"wp:attachment":[{"href":"https:\/\/updates.visual-paradigm.com\/de\/wp-json\/wp\/v2\/media?parent=2764"}],"wp:term":[{"taxonomy":"product","embeddable":true,"href":"https:\/\/updates.visual-paradigm.com\/de\/wp-json\/wp\/v2\/product?post=2764"},{"taxonomy":"product-area","embeddable":true,"href":"https:\/\/updates.visual-paradigm.com\/de\/wp-json\/wp\/v2\/product-area?post=2764"},{"taxonomy":"version","embeddable":true,"href":"https:\/\/updates.visual-paradigm.com\/de\/wp-json\/wp\/v2\/version?post=2764"},{"taxonomy":"release-type","embeddable":true,"href":"https:\/\/updates.visual-paradigm.com\/de\/wp-json\/wp\/v2\/release-type?post=2764"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}