{"id":102,"date":"2025-10-04T18:19:09","date_gmt":"2025-10-04T16:19:09","guid":{"rendered":"https:\/\/blog.hpapps.de\/?p=102"},"modified":"2025-10-12T10:52:48","modified_gmt":"2025-10-12T08:52:48","slug":"diagramm-fuer-vb6","status":"publish","type":"post","link":"https:\/\/blog.hpapps.de\/index.php\/2025\/10\/04\/diagramm-fuer-vb6\/","title":{"rendered":"Moderne Diagramm-Anwendung f\u00fcr VB6 mit WebView2"},"content":{"rendered":"\n<p class=\"wp-block-paragraph\"><\/p>\n\n\n\n<h1 class=\"wp-block-heading\" id=\"fortschritt-moderne-diagramm-anwendung-f%C3%BCr-vb6-mit-webview2\">Einleitung<\/h1>\n\n\n\n<p class=\"wp-block-paragraph\">Hallo zusammen! Heute m\u00f6chte ich euch einen Einblick in ein spannendes Entwicklungsprojekt geben, an dem ich gerade arbeite. Es handelt sich um eine moderne Diagramm-Website, die speziell daf\u00fcr entwickelt wurde, in VB6-Anwendungen \u00fcber den WebView2-Browser eingebettet zu werden.<\/p>\n\n\n\n<figure class=\"wp-block-gallery has-nested-images columns-3 is-cropped wp-block-gallery-1 is-layout-flex wp-block-gallery-is-layout-flex\">\n<figure class=\"wp-block-image size-large\"><a href=\"https:\/\/blog.hpapps.de\/wp-content\/uploads\/2025\/10\/Shelly-TF-1.png\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"489\" data-id=\"146\" src=\"https:\/\/blog.hpapps.de\/wp-content\/uploads\/2025\/10\/Shelly-TF-1-1024x489.png\" alt=\"\" class=\"wp-image-146\" srcset=\"https:\/\/blog.hpapps.de\/wp-content\/uploads\/2025\/10\/Shelly-TF-1-1024x489.png 1024w, https:\/\/blog.hpapps.de\/wp-content\/uploads\/2025\/10\/Shelly-TF-1-300x143.png 300w, https:\/\/blog.hpapps.de\/wp-content\/uploads\/2025\/10\/Shelly-TF-1-768x367.png 768w, https:\/\/blog.hpapps.de\/wp-content\/uploads\/2025\/10\/Shelly-TF-1-1536x734.png 1536w, https:\/\/blog.hpapps.de\/wp-content\/uploads\/2025\/10\/Shelly-TF-1.png 1647w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><\/a><\/figure>\n\n\n\n<figure class=\"wp-block-image size-large\"><a href=\"https:\/\/blog.hpapps.de\/wp-content\/uploads\/2025\/10\/Shelly-TF-Einstellungen-1-1.png\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"729\" data-id=\"144\" src=\"https:\/\/blog.hpapps.de\/wp-content\/uploads\/2025\/10\/Shelly-TF-Einstellungen-1-1-1024x729.png\" alt=\"\" class=\"wp-image-144\" srcset=\"https:\/\/blog.hpapps.de\/wp-content\/uploads\/2025\/10\/Shelly-TF-Einstellungen-1-1-1024x729.png 1024w, https:\/\/blog.hpapps.de\/wp-content\/uploads\/2025\/10\/Shelly-TF-Einstellungen-1-1-300x214.png 300w, https:\/\/blog.hpapps.de\/wp-content\/uploads\/2025\/10\/Shelly-TF-Einstellungen-1-1-768x547.png 768w, https:\/\/blog.hpapps.de\/wp-content\/uploads\/2025\/10\/Shelly-TF-Einstellungen-1-1.png 1486w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><\/a><\/figure>\n\n\n\n<figure class=\"wp-block-image size-large\"><a href=\"https:\/\/blog.hpapps.de\/wp-content\/uploads\/2025\/10\/Shelly-TF-Einstellungen-2-1.png\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"724\" data-id=\"145\" src=\"https:\/\/blog.hpapps.de\/wp-content\/uploads\/2025\/10\/Shelly-TF-Einstellungen-2-1-1024x724.png\" alt=\"\" class=\"wp-image-145\" srcset=\"https:\/\/blog.hpapps.de\/wp-content\/uploads\/2025\/10\/Shelly-TF-Einstellungen-2-1-1024x724.png 1024w, https:\/\/blog.hpapps.de\/wp-content\/uploads\/2025\/10\/Shelly-TF-Einstellungen-2-1-300x212.png 300w, https:\/\/blog.hpapps.de\/wp-content\/uploads\/2025\/10\/Shelly-TF-Einstellungen-2-1-768x543.png 768w, https:\/\/blog.hpapps.de\/wp-content\/uploads\/2025\/10\/Shelly-TF-Einstellungen-2-1.png 1511w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><\/a><\/figure>\n\n\n\n<figure class=\"wp-block-image size-large\"><a href=\"https:\/\/blog.hpapps.de\/wp-content\/uploads\/2025\/10\/Temperaturen.png\" target=\"_blank\" rel=\" noreferrer noopener\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"331\" data-id=\"149\" src=\"https:\/\/blog.hpapps.de\/wp-content\/uploads\/2025\/10\/Temperaturen-1024x331.png\" alt=\"\" class=\"wp-image-149\" srcset=\"https:\/\/blog.hpapps.de\/wp-content\/uploads\/2025\/10\/Temperaturen-1024x331.png 1024w, https:\/\/blog.hpapps.de\/wp-content\/uploads\/2025\/10\/Temperaturen-300x97.png 300w, https:\/\/blog.hpapps.de\/wp-content\/uploads\/2025\/10\/Temperaturen-768x248.png 768w, https:\/\/blog.hpapps.de\/wp-content\/uploads\/2025\/10\/Temperaturen-1536x496.png 1536w, https:\/\/blog.hpapps.de\/wp-content\/uploads\/2025\/10\/Temperaturen.png 1748w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><\/a><\/figure>\n\n\n\n<figure class=\"wp-block-image size-large\"><a href=\"https:\/\/blog.hpapps.de\/wp-content\/uploads\/2025\/10\/Temperaturen-andere-Typenb.png\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"326\" data-id=\"153\" src=\"https:\/\/blog.hpapps.de\/wp-content\/uploads\/2025\/10\/Temperaturen-andere-Typenb-1024x326.png\" alt=\"\" class=\"wp-image-153\" srcset=\"https:\/\/blog.hpapps.de\/wp-content\/uploads\/2025\/10\/Temperaturen-andere-Typenb-1024x326.png 1024w, https:\/\/blog.hpapps.de\/wp-content\/uploads\/2025\/10\/Temperaturen-andere-Typenb-300x95.png 300w, https:\/\/blog.hpapps.de\/wp-content\/uploads\/2025\/10\/Temperaturen-andere-Typenb-768x244.png 768w, https:\/\/blog.hpapps.de\/wp-content\/uploads\/2025\/10\/Temperaturen-andere-Typenb-1536x489.png 1536w, https:\/\/blog.hpapps.de\/wp-content\/uploads\/2025\/10\/Temperaturen-andere-Typenb.png 1751w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><\/a><\/figure>\n<\/figure>\n\n\n\n<p class=\"wp-block-paragraph\"><\/p>\n\n\n\n<h2 class=\"wp-block-heading\" id=\"was-ist-das-besondere-an-diesem-projekt\">Was ist das Besondere an diesem Projekt?<\/h2>\n\n\n\n<p class=\"wp-block-paragraph\">Die Website ist eine komplette Neuentwicklung einer Diagramm-Anwendung, die klassische VB6-Programme in die moderne Web-\u00c4ra katapultiert. Statt veralteter ActiveX-Komponenten oder externer Tools verwendet diese L\u00f6sung den Chromium-basierten WebView2, der direkt in VB6 integriert werden kann.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\" id=\"technische-highlights\">Technische Highlights<\/h2>\n\n\n\n<h3 class=\"wp-block-heading\" id=\"chartjs-integration\">Chart.js Integration<\/h3>\n\n\n\n<ul class=\"wp-block-list\">\n<li><strong>Chart.js v4+<\/strong>&nbsp;\u00fcber CDN f\u00fcr optimale Performance<\/li>\n\n\n\n<li><strong>Mehrere Chart-Typen<\/strong>: Linien-, Fl\u00e4chen-, Balken- und Punktdiagramme<\/li>\n\n\n\n<li><strong>Dual Y-Achsen<\/strong>: Linke und rechte Y-Achse f\u00fcr unterschiedliche Skalierungen<\/li>\n\n\n\n<li><strong>Interaktive Zoom-Funktion<\/strong>: Mausgesteuerte Vergr\u00f6\u00dferung von Datenbereichen<\/li>\n<\/ul>\n\n\n\n<h3 class=\"wp-block-heading\" id=\"umfangreiche-anpassungsm%C3%B6glichkeiten\">Umfangreiche Anpassungsm\u00f6glichkeiten<\/h3>\n\n\n\n<ul class=\"wp-block-list\">\n<li><strong>Dataset-Management<\/strong>: Pro Dataset einzeln konfigurierbar\n<ul class=\"wp-block-list\">\n<li>Sichtbarkeit ein\/aus<\/li>\n\n\n\n<li>Diagramm-Typ w\u00e4hlen<\/li>\n\n\n\n<li>Y-Achse zuweisen (links\/rechts)<\/li>\n\n\n\n<li>Linienstile: durchgezogen, gestrichelt, gepunktet, strich-punkt<\/li>\n\n\n\n<li>Farbauswahl mit modernem Color Picker<\/li>\n\n\n\n<li>Linienst\u00e4rke von 1-8px<\/li>\n\n\n\n<li>Punkte ein\/aus<\/li>\n\n\n\n<li>Gestapelte Darstellung f\u00fcr Balken\/Fl\u00e4chen<\/li>\n<\/ul>\n<\/li>\n<\/ul>\n\n\n\n<h3 class=\"wp-block-heading\" id=\"moderne-benutzeroberfl%C3%A4che\">Moderne Benutzeroberfl\u00e4che<\/h3>\n\n\n\n<ul class=\"wp-block-list\">\n<li><strong>Responsive Design<\/strong>: Passt sich an verschiedene Fenstergr\u00f6\u00dfen an<\/li>\n\n\n\n<li><strong>Modulares Settings-System<\/strong>: \u00dcbersichtliches Modal mit 6-spaltigem Grid<\/li>\n<\/ul>\n\n\n\n<h2 class=\"wp-block-heading\" id=\"api-f%C3%BCr-datenverwaltung\">API f\u00fcr Datenverwaltung<\/h2>\n\n\n\n<p class=\"wp-block-paragraph\">Eine der St\u00e4rken dieser Anwendung ist die umfangreiche JavaScript-API, die eine vollst\u00e4ndige Datenverwaltung erm\u00f6glicht:<\/p>\n\n\n<div class=\"wp-block-syntaxhighlighter-code \"><pre class=\"brush: vb; title: ; notranslate\" title=\"\">\n\/\/ Daten hinzuf\u00fcgen\nDiagrammAPI.AddData(&quot;Temperatur&quot;, &quot;2025-01-15T10:30:00&quot;, 25.5);\n\n\/\/ Datasets konfigurieren\nDiagrammAPI.ConfigDataset(&quot;Temperatur&quot;, {\n    color: &quot;#FF6B6B&quot;,\n    borderWidth: 3,\n    yAxis: &quot;left&quot;\n});\n\n\/\/ Neue Diagramme erstellen\nDiagrammAPI.AddDiagramm(&quot;neue-messungen&quot;, &quot;Neue Messungen&quot;);\n\n\/\/ Anzeige aktualisieren\nDiagrammAPI.Refresh();\n\n<\/pre><\/div>\n\n\n<h2 class=\"wp-block-heading\" id=\"vb6-integration-%C3%BCber-webview2\">VB6-Integration \u00fcber WebView2<\/h2>\n\n\n\n<p class=\"wp-block-paragraph\">Die Website ist speziell f\u00fcr die lokale Ausf\u00fchrung in VB6-Anwendungen konzipiert. Daten werden direkt \u00fcber die WebView2-API injiziert, wodurch keine Server-Infrastruktur ben\u00f6tigt wird. Das erm\u00f6glicht:<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li><strong>Lokale Sicherheit<\/strong>: Keine Netzwerkabh\u00e4ngigkeiten<\/li>\n\n\n\n<li><strong>Offline-Betrieb<\/strong>: Vollst\u00e4ndig autark<\/li>\n\n\n\n<li><strong>Performance<\/strong>: Direkte Daten\u00fcbergabe ohne HTTP-Overhead<\/li>\n\n\n\n<li><strong>Einfache Integration<\/strong>: Standard-WebView2-Komponenten in VB6<\/li>\n<\/ul>\n\n\n\n<p class=\"wp-block-paragraph\"><\/p>\n\n\n\n<h2 class=\"wp-block-heading\" id=\"activex-control-in-entwicklung\">ActiveX-Control in Entwicklung<\/h2>\n\n\n\n<p class=\"wp-block-paragraph\">Zus\u00e4tzlich entsteht ein ActiveX-Control, das die Diagramm-Funktionen direkt als COM-Schnittstelle bereitstellt. Damit l\u00e4sst sich das webbasierte Diagramm komfortabel aus Anwendungen steuern. Als Browser\/Container kommt aktuell OrdoWebview2 zum Einsatz. <br>Weitere Informationen:&nbsp;<a href=\"https:\/\/freeware.ordoconcept.net\/OrdoWebview2.php\">OrdoWebview2 \u2013 offizielle Website<\/a>.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\" id=\"aktuelle-features-und-funktionen\">Aktuelle Features und Funktionen<\/h2>\n\n\n\n<h3 class=\"wp-block-heading\" id=\"multi-diagramm-support\">Multi-Diagramm Support<\/h3>\n\n\n\n<ul class=\"wp-block-list\">\n<li>Mehrere Diagramme gleichzeitig darstellen<\/li>\n\n\n\n<li>Automatische Datenverteilung auf Diagramme<\/li>\n\n\n\n<li>Individuelle Konfiguration pro Diagramm<\/li>\n<\/ul>\n\n\n\n<h3 class=\"wp-block-heading\" id=\"daten-pagination\">Performance-Optimierungen<\/h3>\n\n\n\n<ul class=\"wp-block-list\">\n<li>Lazy Loading von Daten<\/li>\n\n\n\n<li>Effiziente Chart-Updates ohne Flackern<\/li>\n\n\n\n<li>Optimierte Event-Handler f\u00fcr fl\u00fcssige Bedienung<\/li>\n<\/ul>\n\n\n\n<h2 class=\"wp-block-heading\" id=\"warum-diese-l%C3%B6sung-revolution%C3%A4r-ist\">Meine Vision<\/h2>\n\n\n\n<p class=\"wp-block-paragraph\">Traditionelle VB6-Anwendungen haben oft mit veralteten Diagramm-Komponenten zu k\u00e4mpfen. Diese moderne Web-basierte L\u00f6sung bietet:<\/p>\n\n\n\n<ol class=\"wp-block-list\">\n<li><strong>Zukunftssicherheit<\/strong>: Chromium-Engine statt veralteter ActiveX<\/li>\n\n\n\n<li><strong>Wartbarkeit<\/strong>: Standard-Web-Technologien statt propriet\u00e4rer APIs<\/li>\n\n\n\n<li><strong>Erweiterbarkeit<\/strong>: Einfache Anpassungen durch HTML\/CSS\/JavaScript<\/li>\n\n\n\n<li><strong>Benutzerfreundlichkeit<\/strong>: Moderne UI statt 90er-Jahre-Design<\/li>\n<\/ol>\n\n\n\n<h2 class=\"wp-block-heading\" id=\"ausblick\">Ausblick<\/h2>\n\n\n\n<p class=\"wp-block-paragraph\">Das Projekt befindet sich in der aktiven Entwicklung. Geplante Features umfassen:<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li>Export-Funktionen (PNG, PDF)<\/li>\n\n\n\n<li>Mehr Chart-Typen (Radar, Polar)<\/li>\n\n\n\n<li>Erweiterte Datenanalyse-Tools<\/li>\n\n\n\n<li>Automatische Skalierung und Layout-Optimierung<\/li>\n\n\n\n<li>Mehr als nur 1 linke  \/ rechte Y-Achse <\/li>\n\n\n\n<li>Automatische H\u00f6henberechnung an sichtbaren Bereich bei nur einem Diagramm<\/li>\n<\/ul>\n\n\n\n<p class=\"wp-block-paragraph\">#VB6 #WebView2 #ChartJS #Modernisierung #Entwicklung<\/p>\n\n\n\n<p class=\"wp-block-paragraph\"><\/p>\n","protected":false},"excerpt":{"rendered":"<p>Einleitung Hallo zusammen! Heute m\u00f6chte ich euch einen Einblick in ein spannendes Entwicklungsprojekt geben, an dem ich gerade arbeite. Es handelt sich um eine moderne Diagramm-Website, die speziell daf\u00fcr entwickelt wurde, in VB6-Anwendungen \u00fcber den WebView2-Browser eingebettet zu werden. Was ist das Besondere an diesem Projekt? Die Website ist eine komplette Neuentwicklung einer Diagramm-Anwendung, die [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":0,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[1],"tags":[],"class_list":["post-102","post","type-post","status-publish","format-standard","hentry","category-allgemein"],"yoast_head":"<!-- This site is optimized with the Yoast SEO plugin v27.6 - https:\/\/yoast.com\/product\/yoast-seo-wordpress\/ -->\n<title>Moderne Diagramm-Anwendung f\u00fcr VB6 mit WebView2 - HPApps.de<\/title>\n<meta name=\"description\" content=\"Moderne Diagramme f\u00fcr VB6 mithilfe eines WebView2.\" \/>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/blog.hpapps.de\/index.php\/2025\/10\/04\/diagramm-fuer-vb6\/\" \/>\n<meta property=\"og:locale\" content=\"de_DE\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Moderne Diagramm-Anwendung f\u00fcr VB6 mit WebView2 - HPApps.de\" \/>\n<meta property=\"og:description\" content=\"Moderne Diagramme f\u00fcr VB6 mithilfe eines WebView2.\" \/>\n<meta property=\"og:url\" content=\"https:\/\/blog.hpapps.de\/index.php\/2025\/10\/04\/diagramm-fuer-vb6\/\" \/>\n<meta property=\"og:site_name\" content=\"HPApps.de\" \/>\n<meta property=\"article:published_time\" content=\"2025-10-04T16:19:09+00:00\" \/>\n<meta property=\"article:modified_time\" content=\"2025-10-12T08:52:48+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/blog.hpapps.de\/wp-content\/uploads\/2025\/10\/Shelly-TF-1.png\" \/>\n\t<meta property=\"og:image:width\" content=\"1647\" \/>\n\t<meta property=\"og:image:height\" content=\"787\" \/>\n\t<meta property=\"og:image:type\" content=\"image\/png\" \/>\n<meta name=\"author\" content=\"Hendrik Plagens (Henne)\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:label1\" content=\"Verfasst von\" \/>\n\t<meta name=\"twitter:data1\" content=\"Hendrik Plagens (Henne)\" \/>\n\t<meta name=\"twitter:label2\" content=\"Gesch\u00e4tzte Lesezeit\" \/>\n\t<meta name=\"twitter:data2\" content=\"4\u00a0Minuten\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\\\/\\\/schema.org\",\"@graph\":[{\"@type\":[\"Article\",\"BlogPosting\"],\"@id\":\"https:\\\/\\\/blog.hpapps.de\\\/index.php\\\/2025\\\/10\\\/04\\\/diagramm-fuer-vb6\\\/#article\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/blog.hpapps.de\\\/index.php\\\/2025\\\/10\\\/04\\\/diagramm-fuer-vb6\\\/\"},\"author\":{\"name\":\"Hendrik Plagens (Henne)\",\"@id\":\"https:\\\/\\\/blog.hpapps.de\\\/#\\\/schema\\\/person\\\/7a3e2ceddeed522df84e93c6ddedd744\"},\"headline\":\"Moderne Diagramm-Anwendung f\u00fcr VB6 mit WebView2\",\"datePublished\":\"2025-10-04T16:19:09+00:00\",\"dateModified\":\"2025-10-12T08:52:48+00:00\",\"mainEntityOfPage\":{\"@id\":\"https:\\\/\\\/blog.hpapps.de\\\/index.php\\\/2025\\\/10\\\/04\\\/diagramm-fuer-vb6\\\/\"},\"wordCount\":436,\"commentCount\":0,\"publisher\":{\"@id\":\"https:\\\/\\\/blog.hpapps.de\\\/#organization\"},\"image\":{\"@id\":\"https:\\\/\\\/blog.hpapps.de\\\/index.php\\\/2025\\\/10\\\/04\\\/diagramm-fuer-vb6\\\/#primaryimage\"},\"thumbnailUrl\":\"https:\\\/\\\/blog.hpapps.de\\\/wp-content\\\/uploads\\\/2025\\\/10\\\/Shelly-TF-1-1024x489.png\",\"inLanguage\":\"de\",\"potentialAction\":[{\"@type\":\"CommentAction\",\"name\":\"Comment\",\"target\":[\"https:\\\/\\\/blog.hpapps.de\\\/index.php\\\/2025\\\/10\\\/04\\\/diagramm-fuer-vb6\\\/#respond\"]}]},{\"@type\":\"WebPage\",\"@id\":\"https:\\\/\\\/blog.hpapps.de\\\/index.php\\\/2025\\\/10\\\/04\\\/diagramm-fuer-vb6\\\/\",\"url\":\"https:\\\/\\\/blog.hpapps.de\\\/index.php\\\/2025\\\/10\\\/04\\\/diagramm-fuer-vb6\\\/\",\"name\":\"Moderne Diagramm-Anwendung f\u00fcr VB6 mit WebView2 - HPApps.de\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/blog.hpapps.de\\\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\\\/\\\/blog.hpapps.de\\\/index.php\\\/2025\\\/10\\\/04\\\/diagramm-fuer-vb6\\\/#primaryimage\"},\"image\":{\"@id\":\"https:\\\/\\\/blog.hpapps.de\\\/index.php\\\/2025\\\/10\\\/04\\\/diagramm-fuer-vb6\\\/#primaryimage\"},\"thumbnailUrl\":\"https:\\\/\\\/blog.hpapps.de\\\/wp-content\\\/uploads\\\/2025\\\/10\\\/Shelly-TF-1-1024x489.png\",\"datePublished\":\"2025-10-04T16:19:09+00:00\",\"dateModified\":\"2025-10-12T08:52:48+00:00\",\"description\":\"Moderne Diagramme f\u00fcr VB6 mithilfe eines WebView2.\",\"breadcrumb\":{\"@id\":\"https:\\\/\\\/blog.hpapps.de\\\/index.php\\\/2025\\\/10\\\/04\\\/diagramm-fuer-vb6\\\/#breadcrumb\"},\"inLanguage\":\"de\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\\\/\\\/blog.hpapps.de\\\/index.php\\\/2025\\\/10\\\/04\\\/diagramm-fuer-vb6\\\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"de\",\"@id\":\"https:\\\/\\\/blog.hpapps.de\\\/index.php\\\/2025\\\/10\\\/04\\\/diagramm-fuer-vb6\\\/#primaryimage\",\"url\":\"https:\\\/\\\/blog.hpapps.de\\\/wp-content\\\/uploads\\\/2025\\\/10\\\/Shelly-TF-1.png\",\"contentUrl\":\"https:\\\/\\\/blog.hpapps.de\\\/wp-content\\\/uploads\\\/2025\\\/10\\\/Shelly-TF-1.png\",\"width\":1647,\"height\":787},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\\\/\\\/blog.hpapps.de\\\/index.php\\\/2025\\\/10\\\/04\\\/diagramm-fuer-vb6\\\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Startseite\",\"item\":\"https:\\\/\\\/blog.hpapps.de\\\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Moderne Diagramm-Anwendung f\u00fcr VB6 mit WebView2\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\\\/\\\/blog.hpapps.de\\\/#website\",\"url\":\"https:\\\/\\\/blog.hpapps.de\\\/\",\"name\":\"HPApps.de\",\"description\":\"Automation, VB6\\\/VB.NET, L\u00f6sungen\",\"publisher\":{\"@id\":\"https:\\\/\\\/blog.hpapps.de\\\/#organization\"},\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\\\/\\\/blog.hpapps.de\\\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"de\"},{\"@type\":\"Organization\",\"@id\":\"https:\\\/\\\/blog.hpapps.de\\\/#organization\",\"name\":\"HPApps.de\",\"url\":\"https:\\\/\\\/blog.hpapps.de\\\/\",\"logo\":{\"@type\":\"ImageObject\",\"inLanguage\":\"de\",\"@id\":\"https:\\\/\\\/blog.hpapps.de\\\/#\\\/schema\\\/logo\\\/image\\\/\",\"url\":\"https:\\\/\\\/blog.hpapps.de\\\/wp-content\\\/uploads\\\/2025\\\/10\\\/HPApps-Logo-1.png\",\"contentUrl\":\"https:\\\/\\\/blog.hpapps.de\\\/wp-content\\\/uploads\\\/2025\\\/10\\\/HPApps-Logo-1.png\",\"width\":1024,\"height\":1024,\"caption\":\"HPApps.de\"},\"image\":{\"@id\":\"https:\\\/\\\/blog.hpapps.de\\\/#\\\/schema\\\/logo\\\/image\\\/\"}},{\"@type\":\"Person\",\"@id\":\"https:\\\/\\\/blog.hpapps.de\\\/#\\\/schema\\\/person\\\/7a3e2ceddeed522df84e93c6ddedd744\",\"name\":\"Hendrik Plagens (Henne)\",\"sameAs\":[\"http:\\\/\\\/192.168.2.206\"],\"url\":\"https:\\\/\\\/blog.hpapps.de\\\/index.php\\\/author\\\/henneadmin\\\/\"}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"Moderne Diagramm-Anwendung f\u00fcr VB6 mit WebView2 - HPApps.de","description":"Moderne Diagramme f\u00fcr VB6 mithilfe eines WebView2.","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:\/\/blog.hpapps.de\/index.php\/2025\/10\/04\/diagramm-fuer-vb6\/","og_locale":"de_DE","og_type":"article","og_title":"Moderne Diagramm-Anwendung f\u00fcr VB6 mit WebView2 - HPApps.de","og_description":"Moderne Diagramme f\u00fcr VB6 mithilfe eines WebView2.","og_url":"https:\/\/blog.hpapps.de\/index.php\/2025\/10\/04\/diagramm-fuer-vb6\/","og_site_name":"HPApps.de","article_published_time":"2025-10-04T16:19:09+00:00","article_modified_time":"2025-10-12T08:52:48+00:00","og_image":[{"width":1647,"height":787,"url":"https:\/\/blog.hpapps.de\/wp-content\/uploads\/2025\/10\/Shelly-TF-1.png","type":"image\/png"}],"author":"Hendrik Plagens (Henne)","twitter_card":"summary_large_image","twitter_misc":{"Verfasst von":"Hendrik Plagens (Henne)","Gesch\u00e4tzte Lesezeit":"4\u00a0Minuten"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":["Article","BlogPosting"],"@id":"https:\/\/blog.hpapps.de\/index.php\/2025\/10\/04\/diagramm-fuer-vb6\/#article","isPartOf":{"@id":"https:\/\/blog.hpapps.de\/index.php\/2025\/10\/04\/diagramm-fuer-vb6\/"},"author":{"name":"Hendrik Plagens (Henne)","@id":"https:\/\/blog.hpapps.de\/#\/schema\/person\/7a3e2ceddeed522df84e93c6ddedd744"},"headline":"Moderne Diagramm-Anwendung f\u00fcr VB6 mit WebView2","datePublished":"2025-10-04T16:19:09+00:00","dateModified":"2025-10-12T08:52:48+00:00","mainEntityOfPage":{"@id":"https:\/\/blog.hpapps.de\/index.php\/2025\/10\/04\/diagramm-fuer-vb6\/"},"wordCount":436,"commentCount":0,"publisher":{"@id":"https:\/\/blog.hpapps.de\/#organization"},"image":{"@id":"https:\/\/blog.hpapps.de\/index.php\/2025\/10\/04\/diagramm-fuer-vb6\/#primaryimage"},"thumbnailUrl":"https:\/\/blog.hpapps.de\/wp-content\/uploads\/2025\/10\/Shelly-TF-1-1024x489.png","inLanguage":"de","potentialAction":[{"@type":"CommentAction","name":"Comment","target":["https:\/\/blog.hpapps.de\/index.php\/2025\/10\/04\/diagramm-fuer-vb6\/#respond"]}]},{"@type":"WebPage","@id":"https:\/\/blog.hpapps.de\/index.php\/2025\/10\/04\/diagramm-fuer-vb6\/","url":"https:\/\/blog.hpapps.de\/index.php\/2025\/10\/04\/diagramm-fuer-vb6\/","name":"Moderne Diagramm-Anwendung f\u00fcr VB6 mit WebView2 - HPApps.de","isPartOf":{"@id":"https:\/\/blog.hpapps.de\/#website"},"primaryImageOfPage":{"@id":"https:\/\/blog.hpapps.de\/index.php\/2025\/10\/04\/diagramm-fuer-vb6\/#primaryimage"},"image":{"@id":"https:\/\/blog.hpapps.de\/index.php\/2025\/10\/04\/diagramm-fuer-vb6\/#primaryimage"},"thumbnailUrl":"https:\/\/blog.hpapps.de\/wp-content\/uploads\/2025\/10\/Shelly-TF-1-1024x489.png","datePublished":"2025-10-04T16:19:09+00:00","dateModified":"2025-10-12T08:52:48+00:00","description":"Moderne Diagramme f\u00fcr VB6 mithilfe eines WebView2.","breadcrumb":{"@id":"https:\/\/blog.hpapps.de\/index.php\/2025\/10\/04\/diagramm-fuer-vb6\/#breadcrumb"},"inLanguage":"de","potentialAction":[{"@type":"ReadAction","target":["https:\/\/blog.hpapps.de\/index.php\/2025\/10\/04\/diagramm-fuer-vb6\/"]}]},{"@type":"ImageObject","inLanguage":"de","@id":"https:\/\/blog.hpapps.de\/index.php\/2025\/10\/04\/diagramm-fuer-vb6\/#primaryimage","url":"https:\/\/blog.hpapps.de\/wp-content\/uploads\/2025\/10\/Shelly-TF-1.png","contentUrl":"https:\/\/blog.hpapps.de\/wp-content\/uploads\/2025\/10\/Shelly-TF-1.png","width":1647,"height":787},{"@type":"BreadcrumbList","@id":"https:\/\/blog.hpapps.de\/index.php\/2025\/10\/04\/diagramm-fuer-vb6\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Startseite","item":"https:\/\/blog.hpapps.de\/"},{"@type":"ListItem","position":2,"name":"Moderne Diagramm-Anwendung f\u00fcr VB6 mit WebView2"}]},{"@type":"WebSite","@id":"https:\/\/blog.hpapps.de\/#website","url":"https:\/\/blog.hpapps.de\/","name":"HPApps.de","description":"Automation, VB6\/VB.NET, L\u00f6sungen","publisher":{"@id":"https:\/\/blog.hpapps.de\/#organization"},"potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/blog.hpapps.de\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"de"},{"@type":"Organization","@id":"https:\/\/blog.hpapps.de\/#organization","name":"HPApps.de","url":"https:\/\/blog.hpapps.de\/","logo":{"@type":"ImageObject","inLanguage":"de","@id":"https:\/\/blog.hpapps.de\/#\/schema\/logo\/image\/","url":"https:\/\/blog.hpapps.de\/wp-content\/uploads\/2025\/10\/HPApps-Logo-1.png","contentUrl":"https:\/\/blog.hpapps.de\/wp-content\/uploads\/2025\/10\/HPApps-Logo-1.png","width":1024,"height":1024,"caption":"HPApps.de"},"image":{"@id":"https:\/\/blog.hpapps.de\/#\/schema\/logo\/image\/"}},{"@type":"Person","@id":"https:\/\/blog.hpapps.de\/#\/schema\/person\/7a3e2ceddeed522df84e93c6ddedd744","name":"Hendrik Plagens (Henne)","sameAs":["http:\/\/192.168.2.206"],"url":"https:\/\/blog.hpapps.de\/index.php\/author\/henneadmin\/"}]}},"_links":{"self":[{"href":"https:\/\/blog.hpapps.de\/index.php\/wp-json\/wp\/v2\/posts\/102","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/blog.hpapps.de\/index.php\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/blog.hpapps.de\/index.php\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/blog.hpapps.de\/index.php\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/blog.hpapps.de\/index.php\/wp-json\/wp\/v2\/comments?post=102"}],"version-history":[{"count":23,"href":"https:\/\/blog.hpapps.de\/index.php\/wp-json\/wp\/v2\/posts\/102\/revisions"}],"predecessor-version":[{"id":198,"href":"https:\/\/blog.hpapps.de\/index.php\/wp-json\/wp\/v2\/posts\/102\/revisions\/198"}],"wp:attachment":[{"href":"https:\/\/blog.hpapps.de\/index.php\/wp-json\/wp\/v2\/media?parent=102"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/blog.hpapps.de\/index.php\/wp-json\/wp\/v2\/categories?post=102"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/blog.hpapps.de\/index.php\/wp-json\/wp\/v2\/tags?post=102"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}