{"id":2028,"date":"2026-07-28T06:23:06","date_gmt":"2026-07-28T06:23:06","guid":{"rendered":"https:\/\/www.vpascode.com\/id\/docs\/uncategorized\/cpp-visualizer-guide\/"},"modified":"2026-07-28T06:23:06","modified_gmt":"2026-07-28T06:23:06","slug":"cpp-visualizer-guide","status":"publish","type":"ld_docs","link":"https:\/\/www.vpascode.com\/id\/docs\/vpascode-docs\/cpp-visualizer-guide\/","title":{"rendered":"C++"},"content":{"rendered":"

Ketika membangun mesin grafis berkinerja tinggi, perangkat lunak tertanam, atau sistem inti dalam C++, menavigasi hierarki kelas yang kompleks dan deklarasi header dapat dengan cepat menjadi melelahkan. The C++ Visualizer<\/strong> mengubah definisi kelas C++, struktur, antarmuka dasar abstrak, dan rantai pewarisan menjadi diagram kelas yang jelas dan interaktif. Dengan menganalisis anggota kelas, spesifier akses (public<\/code>, dilindungi<\/code>, pribadi<\/code>), metode virtual, dan keterkaitan pewarisan, pemrogram sistem dan arsitek perangkat lunak dapat secara visual memeriksa arsitektur berorientasi objek dan model kepemilikan memori dalam sekejap.<\/p>\n

Mekanisme Visualisasi C++<\/h2>\n

Di VPasCode, rendering C++ secara otomatis menganalisis kelas<\/code> dan struktur<\/code> deklarasi, bagian akses, kontrak fungsi virtual, dan spesifikasi pewarisan menjadi diagram berstruktur bergaya UML. Kelas berfungsi sebagai kartu entitas utama, spesifier akses menentukan kelompok visibilitas bidang dan metode, serta kata kunci pewarisan (termasuk pewarisan ganda) menghasilkan konektor hubungan yang berbeda antar simpul kelas.<\/p>\n

1. Pengaturan Dasar<\/h3>\n

Untuk memvisualisasikan hierarki kelas C++ standar, definisikan kelas dasar abstrak dengan fungsi virtual murni (= 0<\/code>) bersamaan dengan implementasi kelas turunan. Hierarki objek standar seperti bentuk geometris atau objek yang dapat dirender menunjukkan hubungan kelas dasar:<\/p>\n

\n
\nC++<\/span>
\n
\n<\/path><\/path><\/svg>
\nEdit C++ di VPasCode<\/span>
\n<\/a>\n<\/div>\n
\n
\r\n
\r\n C++<\/span>\r\n \r\n <\/path><\/path><\/svg>\r\n Edit C++ in VPasCode<\/span>\r\n <\/a>\r\n <\/div>\r\n
\r\n 
#pragma once\r\n#include <iostream>\r\n#include <string>\r\n\r\n\/\/ Antarmuka dasar abstrak\r\nclass Renderable {\r\npublic:\r\n    virtual ~Renderable() = default;\r\n    virtual void render() const = 0;\r\n};\r\n\r\n\/\/ Kelas dasar untuk bentuk geometris\r\nclass Shape : public Renderable {\r\nprotected:\r\n    std::string name;\r\n\r\npublic:\r\n    Shape(const std::string& shapeName) : name(shapeName) {}\r\n    \r\n    virtual double calculateArea() const = 0;\r\n    \r\n    std::string getName() const {\r\n        return name;\r\n    }\r\n};\r\n\r\n\/\/ Kelas turunan konkret lingkaran\r\nclass Circle : public Shape {\r\nprivate:\r\n    double radius;\r\n\r\npublic:\r\n    Circle(const std::string& name, double r) \r\n        : Shape(name), radius(r) {}\r\n\r\n    double calculateArea() const override {\r\n        return 3.14159 * radius * radius;\r\n    }\r\n\r\n    void render() const override {\r\n        std::cout << \"Menggambar lingkaran: \" << name << std::endl;\r\n    }\r\n};<\/code><\/pre>                <\/div>\r\n                
\r\n                    \r\n                        <\/path><\/path><\/svg>\r\n                        Edit C++ in VPasCode<\/span>\r\n                    <\/a>\r\n                <\/div>\r\n            <\/div>\r\n            \n<\/p><\/div>\n
\n
\n<\/path><\/path><\/svg>
\nEdit C++ di VPasCode<\/span>
\n<\/a>\n<\/div>\n<\/div>\n
\"\"<\/p>\n
\u00a0<\/p>\n
Teknik Struktur Lanjutan<\/h2>\n
Visualisasi C++ unggul dalam mengungkap topologi pewarisan ganda, pola mixin, dan abstraksi driver perangkat keras.<\/p>\n
1. Pewarisan Ganda dan Antarmuka Perangkat Keras<\/h3>\n
Dengan menggabungkan beberapa basis antarmuka (seperti manajemen daya dan transmisi data) menjadi satu kelas perangkat konkret, VPasCode mengubah struktur pewarisan ganda C++ yang kompleks menjadi jaringan simpul yang jelas:<\/p>\n
\n
\nC++<\/span>
\n
\n<\/path><\/path><\/svg>
\nEdit C++ di VPasCode<\/span>
\n<\/a>\n<\/div>\n
\n            
\r\n                                
\r\n                    C++<\/span>\r\n                    \r\n                        <\/path><\/path><\/svg>\r\n                        Edit C++ in VPasCode<\/span>\r\n                    <\/a>\r\n                <\/div>\r\n                                
\r\n                    
class PowerManaged {\r\npublic:\r\n    virtual void setPowerState(bool enable) = 0;\r\n};\r\n\r\nclass SerialCommunicator {\r\npublic:\r\n    virtual bool transmitData(const std::string& payload) = 0;\r\n};\r\n\r\n\/\/ Perangkat konkret yang menggunakan pewarisan ganda\r\nclass SmartSensor : public PowerManaged, public SerialCommunicator {\r\nprivate:\r\n    std::string sensorId;\r\n    bool active;\r\n\r\npublic:\r\n    SmartSensor(const std::string& id) : sensorId(id), active(false) {}\r\n\r\n    void setPowerState(bool enable) override {\r\n        active = enable;\r\n    }\r\n\r\n    bool transmitData(const std::string& payload) override {\r\n        if (!active) return false;\r\n        std::cout << \"[\" << sensorId << \"] Mengirimkan: \" << payload << std::endl;\r\n        return true;\r\n    }\r\n};<\/code><\/pre>                <\/div>\r\n                
\r\n                    \r\n                        <\/path><\/path><\/svg>\r\n                        Edit C++ in VPasCode<\/span>\r\n                    <\/a>\r\n                <\/div>\r\n            <\/div>\r\n            \n<\/p><\/div>\n
\n
\n<\/path><\/path><\/svg>
\nSunting C++ di VPasCode<\/span>
\n<\/a>\n<\/div>\n<\/div>\n
\"\"<\/p>\n
\u00a0<\/p>\n
Mengatur Entitas Permainan dan Sistem Komponen<\/h2>\n
Memvisualisasikan sistem entitas-komponen (ECS), aktor permainan, dan manajer subsistem mesin membantu pengembang permainan mempertahankan pemisahan yang bersih dan jalur akses memori yang jelas.<\/p>\n
1. Arsitektur Entitas Permainan dan Komponen<\/h3>\n
Kelompokkan aktor permainan dasar, kumpulan penunjuk komponen, dan struktur transformasi spasial untuk memetakan hubungan objek inti mesin:<\/p>\n
\n
\nC++<\/span>
\n
\n<\/path><\/path><\/svg>
\nSunting C++ di VPasCode<\/span>
\n<\/a>\n<\/div>\n
\n            
\r\n                                
\r\n                    C++<\/span>\r\n                    \r\n                        <\/path><\/path><\/svg>\r\n                        Edit C++ in VPasCode<\/span>\r\n                    <\/a>\r\n                <\/div>\r\n                                
\r\n                    
struct Vector3 {\r\n    float x{0.0f};\r\n    float y{0.0f};\r\n    float z{0.0f};\r\n};\r\n\r\nclass Component {\r\npublic:\r\n    virtual void update(float deltaTime) = 0;\r\n};\r\n\r\nclass Actor {\r\nprotected:\r\n    uint64_t entityId;\r\n    Vector3 position;\r\n\r\npublic:\r\n    Actor(uint64_t id) : entityId(id) {}\r\n    virtual void tick(float deltaTime) = 0;\r\n};\r\n\r\nclass PlayerCharacter : public Actor {\r\nprivate:\r\n    float health{100.0f};\r\n    Component* movementComponent{nullptr};\r\n\r\npublic:\r\n    PlayerCharacter(uint64_t id) : Actor(id) {}\r\n\r\n    void tick(float deltaTime) override {\r\n        if (movementComponent) {\r\n            movementComponent->update(deltaTime);\r\n        }\r\n    }\r\n};<\/code><\/pre>                <\/div>\r\n                
\r\n                    \r\n                        <\/path><\/path><\/svg>\r\n                        Edit C++ in VPasCode<\/span>\r\n                    <\/a>\r\n                <\/div>\r\n            <\/div>\r\n            \n<\/p><\/div>\n
\n
\n<\/path><\/path><\/svg>
\nSunting C++ di VPasCode<\/span>
\n<\/a>\n<\/div>\n<\/div>\n
\"\"<\/p>\n
\u00a0<\/p>\n
Praktik Terbaik Strategis<\/h2>\n
    \n
  • Susun Anggota Berdasarkan Penentu Akses:<\/strong> Kelompokkan bidang dan metode di bawah public:<\/code>, protected:<\/code>, dan private:<\/code> penentu akses untuk menjaga kartu diagram tetap terorganisasi dengan rapi.<\/li>\n
  • Tandai Ovveride Virtual Secara Jelas:<\/strong> Selalu gunakan override<\/code> kata kunci pada implementasi fungsi virtual untuk menyoroti perilaku polimorfik secara jelas.<\/li>\n
  • Manfaatkan Struct untuk Data Sederhana:<\/strong> Gunakan struct<\/code> untuk kontainer data ringan (di mana akses anggota default adalah publik) dan cadangkan class<\/code> untuk entitas domain yang terenkapsulasi.<\/li>\n<\/ul>\n","protected":false},"excerpt":{"rendered":"
    Ketika membangun mesin grafis berkinerja tinggi, perangkat lunak tertanam, atau sistem inti dalam C++, menavigasi hierarki kelas yang kompleks dan deklarasi header dapat dengan cepat menjadi melelahkan. The C++ Visualizer mengubah definisi kelas C++, struktur, antarmuka dasar abstrak, dan rantai…<\/p>\n","protected":false},"author":3,"featured_media":0,"parent":0,"menu_order":7,"template":"","meta":{"inline_featured_image":false,"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":"","ast-disable-related-posts":"","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":""}}},"ld_collection":[14],"class_list":["post-2028","ld_docs","type-ld_docs","status-publish","hentry","ld_collection-vpascode-docs"],"yoast_head":"\nC++ to Diagram Guide | Text to Diagram with VPasCode<\/title>\n<meta name=\"description\" content=\"Turn complex C++ code into clean visual diagrams using VPasCode, a light diagram-as-code tool built for easy text to diagram rendering.\" \/>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/www.vpascode.com\/id\/docs\/vpascode-docs\/cpp-visualizer-guide\/\" \/>\n<meta property=\"og:locale\" content=\"id_ID\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"C++ to Diagram Guide | Text to Diagram with VPasCode\" \/>\n<meta property=\"og:description\" content=\"Turn complex C++ code into clean visual diagrams using VPasCode, a light diagram-as-code tool built for easy text to diagram rendering.\" \/>\n<meta property=\"og:url\" content=\"https:\/\/www.vpascode.com\/id\/docs\/vpascode-docs\/cpp-visualizer-guide\/\" \/>\n<meta property=\"og:site_name\" content=\"VPasCode\" \/>\n<meta property=\"og:image\" content=\"https:\/\/www.vpascode.com\/wp-content\/uploads\/2026\/07\/img_6a684b90cb3a3-e1785224028814.png\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:label1\" content=\"Estimasi waktu membaca\" \/>\n\t<meta name=\"twitter:data1\" content=\"3 menit\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\\\/\\\/schema.org\",\"@graph\":[{\"@type\":\"WebPage\",\"@id\":\"https:\\\/\\\/www.vpascode.com\\\/id\\\/docs\\\/vpascode-docs\\\/cpp-visualizer-guide\\\/\",\"url\":\"https:\\\/\\\/www.vpascode.com\\\/id\\\/docs\\\/vpascode-docs\\\/cpp-visualizer-guide\\\/\",\"name\":\"C++ to Diagram Guide | Text to Diagram with VPasCode\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/www.vpascode.com\\\/id\\\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\\\/\\\/www.vpascode.com\\\/id\\\/docs\\\/vpascode-docs\\\/cpp-visualizer-guide\\\/#primaryimage\"},\"image\":{\"@id\":\"https:\\\/\\\/www.vpascode.com\\\/id\\\/docs\\\/vpascode-docs\\\/cpp-visualizer-guide\\\/#primaryimage\"},\"thumbnailUrl\":\"https:\\\/\\\/www.vpascode.com\\\/wp-content\\\/uploads\\\/2026\\\/07\\\/img_6a684b90cb3a3-e1785224028814.png\",\"datePublished\":\"2026-07-28T06:23:06+00:00\",\"description\":\"Turn complex C++ code into clean visual diagrams using VPasCode, a light diagram-as-code tool built for easy text to diagram rendering.\",\"breadcrumb\":{\"@id\":\"https:\\\/\\\/www.vpascode.com\\\/id\\\/docs\\\/vpascode-docs\\\/cpp-visualizer-guide\\\/#breadcrumb\"},\"inLanguage\":\"id\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\\\/\\\/www.vpascode.com\\\/id\\\/docs\\\/vpascode-docs\\\/cpp-visualizer-guide\\\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"id\",\"@id\":\"https:\\\/\\\/www.vpascode.com\\\/id\\\/docs\\\/vpascode-docs\\\/cpp-visualizer-guide\\\/#primaryimage\",\"url\":\"https:\\\/\\\/www.vpascode.com\\\/wp-content\\\/uploads\\\/2026\\\/07\\\/img_6a684b90cb3a3-e1785224028814.png\",\"contentUrl\":\"https:\\\/\\\/www.vpascode.com\\\/wp-content\\\/uploads\\\/2026\\\/07\\\/img_6a684b90cb3a3-e1785224028814.png\"},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\\\/\\\/www.vpascode.com\\\/id\\\/docs\\\/vpascode-docs\\\/cpp-visualizer-guide\\\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\\\/\\\/www.vpascode.com\\\/id\\\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Lean Docs\",\"item\":\"https:\\\/\\\/www.vpascode.com\\\/id\\\/docs\\\/%ld_collection%\\\/\"},{\"@type\":\"ListItem\",\"position\":3,\"name\":\"C++\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\\\/\\\/www.vpascode.com\\\/id\\\/#website\",\"url\":\"https:\\\/\\\/www.vpascode.com\\\/id\\\/\",\"name\":\"VPasCode\",\"description\":\"by Visual Paradigm\",\"publisher\":{\"@id\":\"https:\\\/\\\/www.vpascode.com\\\/id\\\/#organization\"},\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\\\/\\\/www.vpascode.com\\\/id\\\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"id\"},{\"@type\":\"Organization\",\"@id\":\"https:\\\/\\\/www.vpascode.com\\\/id\\\/#organization\",\"name\":\"VPasCode\",\"url\":\"https:\\\/\\\/www.vpascode.com\\\/id\\\/\",\"logo\":{\"@type\":\"ImageObject\",\"inLanguage\":\"id\",\"@id\":\"https:\\\/\\\/www.vpascode.com\\\/id\\\/#\\\/schema\\\/logo\\\/image\\\/\",\"url\":\"https:\\\/\\\/www.vpascode.com\\\/id\\\/wp-content\\\/uploads\\\/sites\\\/7\\\/2026\\\/06\\\/cropped-vp-online-logo-v1.png\",\"contentUrl\":\"https:\\\/\\\/www.vpascode.com\\\/id\\\/wp-content\\\/uploads\\\/sites\\\/7\\\/2026\\\/06\\\/cropped-vp-online-logo-v1.png\",\"width\":128,\"height\":138,\"caption\":\"VPasCode\"},\"image\":{\"@id\":\"https:\\\/\\\/www.vpascode.com\\\/id\\\/#\\\/schema\\\/logo\\\/image\\\/\"}}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"C++ to Diagram Guide | Text to Diagram with VPasCode","description":"Turn complex C++ code into clean visual diagrams using VPasCode, a light diagram-as-code tool built for easy text to diagram rendering.","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:\/\/www.vpascode.com\/id\/docs\/vpascode-docs\/cpp-visualizer-guide\/","og_locale":"id_ID","og_type":"article","og_title":"C++ to Diagram Guide | Text to Diagram with VPasCode","og_description":"Turn complex C++ code into clean visual diagrams using VPasCode, a light diagram-as-code tool built for easy text to diagram rendering.","og_url":"https:\/\/www.vpascode.com\/id\/docs\/vpascode-docs\/cpp-visualizer-guide\/","og_site_name":"VPasCode","og_image":[{"url":"https:\/\/www.vpascode.com\/wp-content\/uploads\/2026\/07\/img_6a684b90cb3a3-e1785224028814.png","type":"","width":"","height":""}],"twitter_card":"summary_large_image","twitter_misc":{"Estimasi waktu membaca":"3 menit"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"WebPage","@id":"https:\/\/www.vpascode.com\/id\/docs\/vpascode-docs\/cpp-visualizer-guide\/","url":"https:\/\/www.vpascode.com\/id\/docs\/vpascode-docs\/cpp-visualizer-guide\/","name":"C++ to Diagram Guide | Text to Diagram with VPasCode","isPartOf":{"@id":"https:\/\/www.vpascode.com\/id\/#website"},"primaryImageOfPage":{"@id":"https:\/\/www.vpascode.com\/id\/docs\/vpascode-docs\/cpp-visualizer-guide\/#primaryimage"},"image":{"@id":"https:\/\/www.vpascode.com\/id\/docs\/vpascode-docs\/cpp-visualizer-guide\/#primaryimage"},"thumbnailUrl":"https:\/\/www.vpascode.com\/wp-content\/uploads\/2026\/07\/img_6a684b90cb3a3-e1785224028814.png","datePublished":"2026-07-28T06:23:06+00:00","description":"Turn complex C++ code into clean visual diagrams using VPasCode, a light diagram-as-code tool built for easy text to diagram rendering.","breadcrumb":{"@id":"https:\/\/www.vpascode.com\/id\/docs\/vpascode-docs\/cpp-visualizer-guide\/#breadcrumb"},"inLanguage":"id","potentialAction":[{"@type":"ReadAction","target":["https:\/\/www.vpascode.com\/id\/docs\/vpascode-docs\/cpp-visualizer-guide\/"]}]},{"@type":"ImageObject","inLanguage":"id","@id":"https:\/\/www.vpascode.com\/id\/docs\/vpascode-docs\/cpp-visualizer-guide\/#primaryimage","url":"https:\/\/www.vpascode.com\/wp-content\/uploads\/2026\/07\/img_6a684b90cb3a3-e1785224028814.png","contentUrl":"https:\/\/www.vpascode.com\/wp-content\/uploads\/2026\/07\/img_6a684b90cb3a3-e1785224028814.png"},{"@type":"BreadcrumbList","@id":"https:\/\/www.vpascode.com\/id\/docs\/vpascode-docs\/cpp-visualizer-guide\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/www.vpascode.com\/id\/"},{"@type":"ListItem","position":2,"name":"Lean Docs","item":"https:\/\/www.vpascode.com\/id\/docs\/%ld_collection%\/"},{"@type":"ListItem","position":3,"name":"C++"}]},{"@type":"WebSite","@id":"https:\/\/www.vpascode.com\/id\/#website","url":"https:\/\/www.vpascode.com\/id\/","name":"VPasCode","description":"by Visual Paradigm","publisher":{"@id":"https:\/\/www.vpascode.com\/id\/#organization"},"potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/www.vpascode.com\/id\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"id"},{"@type":"Organization","@id":"https:\/\/www.vpascode.com\/id\/#organization","name":"VPasCode","url":"https:\/\/www.vpascode.com\/id\/","logo":{"@type":"ImageObject","inLanguage":"id","@id":"https:\/\/www.vpascode.com\/id\/#\/schema\/logo\/image\/","url":"https:\/\/www.vpascode.com\/id\/wp-content\/uploads\/sites\/7\/2026\/06\/cropped-vp-online-logo-v1.png","contentUrl":"https:\/\/www.vpascode.com\/id\/wp-content\/uploads\/sites\/7\/2026\/06\/cropped-vp-online-logo-v1.png","width":128,"height":138,"caption":"VPasCode"},"image":{"@id":"https:\/\/www.vpascode.com\/id\/#\/schema\/logo\/image\/"}}]}},"_links":{"self":[{"href":"https:\/\/www.vpascode.com\/id\/wp-json\/wp\/v2\/ld_docs\/2028","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.vpascode.com\/id\/wp-json\/wp\/v2\/ld_docs"}],"about":[{"href":"https:\/\/www.vpascode.com\/id\/wp-json\/wp\/v2\/types\/ld_docs"}],"author":[{"embeddable":true,"href":"https:\/\/www.vpascode.com\/id\/wp-json\/wp\/v2\/users\/3"}],"wp:attachment":[{"href":"https:\/\/www.vpascode.com\/id\/wp-json\/wp\/v2\/media?parent=2028"}],"wp:term":[{"taxonomy":"ld_collection","embeddable":true,"href":"https:\/\/www.vpascode.com\/id\/wp-json\/wp\/v2\/ld_collection?post=2028"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}