{"id":8878,"date":"2026-08-28T08:15:43","date_gmt":"2026-08-28T08:15:43","guid":{"rendered":"https:\/\/www.learn-vp.com\/vn\/gallery\/mastering-system-architecture-uml-component-diagrams\/"},"modified":"2026-10-09T04:20:32","modified_gmt":"2026-10-09T04:20:32","slug":"mastering-system-architecture-uml-component-diagrams","status":"publish","type":"gallery","link":"https:\/\/www.learn-vp.com\/vn\/gallery\/mastering-system-architecture-uml-component-diagrams\/","title":{"rendered":"Mastering System Architecture: A Deep Dive into UML Component Diagrams"},"content":{"rendered":"<p><img decoding=\"async\" src=\"https:\/\/www.learn-vp.com\/vn\/wp-content\/uploads\/sites\/13\/2026\/08\/04-component-diagram-example.png\" alt=\"C4 PlantUML component diagram showing Writer with interfaces.\" title=\"C4 PlantUML component diagram showing Writer with interfaces.\" data-fifu-alt=\"C4 PlantUML component diagram showing Writer with interfaces.\" fifu-alt=\"C4 PlantUML component diagram showing Writer with interfaces.\" style=\"max-width: 100%; height: auto;\" \/><\/p>\n<p>Software architecture is the backbone of any successful digital project. It defines the structure, behavior, and relationships within a system. Among the various tools available to visualize this architecture, the <strong>Component Diagram<\/strong> stands out as a critical asset for understanding the static implementation view of a software system. Unlike other diagrams that might focus on dynamic behavior or user interaction, component diagrams zoom in on the physical building blocks that make a system work.<\/p>\n<h2>What is a Component Diagram?<\/h2>\n<p>A <strong>Component Diagram<\/strong> is a specialized type of Unified Modeling Language (UML) diagram. Its primary purpose is to describe the <strong>static implementation view<\/strong> of a system. While a class diagram might show the logical structure of code, a component diagram abstracts that information to show physical components. These components can represent:<\/p>\n<ul>\n<li><strong>Libraries:<\/strong> Reusable code blocks.<\/li>\n<li><strong>Files:<\/strong> Executables, source code files, or configuration files.<\/li>\n<li><strong>Folders:<\/strong> Directory structures containing related files.<\/li>\n<li><strong>Executables:<\/strong> The compiled binary that runs the application.<\/li>\n<\/ul>\n<p>In essence, if you were to break down an application into its physical files and folders, a component diagram maps out exactly how those pieces connect to form the whole.<\/p>\n<h2>Decoding the Diagram: Key Concepts<\/h2>\n<p>Let us analyze the specific architecture shown in our reference diagram. This example illustrates a &#8220;Writer&#8221; system, likely part of a content management or publishing platform. By breaking down the visual elements, we can understand how components interact.<\/p>\n<h3>1. The Components<\/h3>\n<p>Components are the fundamental units in this diagram. In the image, we see blue rectangles representing distinct parts of the system:<\/p>\n<ul>\n<li><strong>Writer:<\/strong> The central component, likely the main application or module handling the writer&#8217;s functionality.<\/li>\n<li><strong>Subscription:<\/strong> A component handling user subscriptions or account status.<\/li>\n<li><strong>Payment:<\/strong> A component responsible for processing financial transactions.<\/li>\n<li><strong>Article:<\/strong> A component managing the content or articles themselves.<\/li>\n<\/ul>\n<h3>2. Interfaces: The Contract of Communication<\/h3>\n<p>Perhaps the most crucial concept in component diagrams is the <strong>Interface<\/strong>. Interfaces define how components interact without needing to know the internal details of the other component. They act as the &#8220;ports&#8221; of a system.<\/p>\n<h4>Provided Interfaces (Lollipop)<\/h4>\n<p>Visualized as a small circle (often called a &#8220;lollipop&#8221;), a provided interface indicates that a component <strong>offers<\/strong> a service. In the diagram, the <em>Writer<\/em> component has a lollipop symbol, indicating it provides data or services (specifically &#8220;Writer Details&#8221;) to other parts of the system.<\/p>\n<h4>Required Interfaces (Socket)<\/h4>\n<p>Visualized as a semi-circle or &#8220;socket,&#8221; a required interface indicates that a component <strong>needs<\/strong> a service to function. The diagram shows dashed red arrows pointing from the <em>Subscription<\/em>, <em>Payment<\/em>, and <em>Article<\/em> components toward the <em>Writer<\/em>. These arrows represent the &#8220;Required Interfaces,&#8221; signifying that these components depend on the <em>Writer<\/em> to function correctly.<\/p>\n<h3>3. Connections and Dependencies<\/h3>\n<p>The solid lines connecting the components represent the dependencies or associations between them. For instance, the connection between <em>Subscription<\/em> and <em>Writer<\/em> implies that the subscription management relies on the writer module, or perhaps that the writer module manages subscriptions. The diagram effectively maps out the &#8220;physical&#8221; flow of data and control.<\/p>\n<h2>Practical Applications: Forward and Reverse Engineering<\/h2>\n<p>Component diagrams are not just static drawings; they are living documents used in the engineering lifecycle. They serve two critical functions:<\/p>\n<ol>\n<li><strong>Forward Engineering:<\/strong> Developers can use a component diagram to generate code skeletons. By defining the components and interfaces first, the development team can ensure that the physical structure of the codebase aligns with the architectural plan.<\/li>\n<li><strong>Reverse Engineering:<\/strong> If you have an existing legacy system, tools can analyze the code to generate a component diagram. This helps new developers understand the physical layout of the code (libraries, files, executables) without reading every line of source code.<\/li>\n<\/ol>\n<p>Typically, a single complex system requires multiple component diagrams to represent the entire architecture fully. No single view can capture every detail of a large-scale application.<\/p>\n<h2>Tooling: Boosting Collaboration with the Visual Paradigm Ecosystem<\/h2>\n<p>To effectively design, document, and manage these complex architectures, teams need robust tooling. The modern software development lifecycle is best supported by an integrated ecosystem that combines visual modeling with AI-driven code generation. The synergy between <strong>Visual Paradigm<\/strong>, <strong>VPasCode<\/strong>, and the <strong>AI Chatbot<\/strong> creates a powerhouse for productivity.<\/p>\n<h3>Visual Paradigm: The Unified Platform<\/h3>\n<p>Visual Paradigm serves as the central hub for this workflow. It provides the <strong>Unified Platform<\/strong> where architects can drag-and-drop components, define interfaces, and visualize dependencies. It is the canvas where the <em>Writer<\/em> system architecture is drawn.<\/p>\n<h3>VPasCode: From Diagram to Executable<\/h3>\n<p>Once the architecture is defined in Visual Paradigm, <strong>VPasCode<\/strong> takes over. This tool bridges the gap between design and development. It uses the component diagram as a blueprint to automatically generate executable code. This ensures that the code written by developers matches the architectural intent exactly, reducing implementation errors.<\/p>\n<h3>AI Chatbot &#038; OpenDocs: Intelligent Collaboration<\/h3>\n<p>The inclusion of an <strong>AI Chatbot<\/strong> and <strong>OpenDocs<\/strong> features transforms the modeling process from a solitary task into a collaborative effort. Teams can use the chatbot to ask questions about the diagram&#8217;s logic or request changes to specific components. <strong>OpenDocs<\/strong> allows for seamless sharing and documentation, ensuring that every stakeholder\u2014from the developer to the project manager\u2014understands the system&#8217;s physical structure.<\/p>\n<p>By integrating these core pillars, teams can significantly boost collaboration and productivity. The transition from a high-level component diagram to a fully functional executable system becomes a streamlined, automated process, saving time and reducing the risk of architectural drift.<\/p>\n","protected":false},"excerpt":{"rendered":"<p>Master UML Component Diagrams to visualize the static implementation view of software systems, decoding physical building blocks like libraries and executables for robust architecture design.<\/p>\n","protected":false},"author":1,"featured_media":8877,"template":"","meta":{"_yoast_wpseo_title":"Mastering System Architecture: A Deep Dive into UML Component Diagrams","_yoast_wpseo_metadesc":"Master UML Component Diagrams to visualize the static implementation view of software systems, decoding physical building blocks like libraries and executables for robust architecture design.","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":"","adv-header-id-meta":"","stick-header-meta":"","header-above-stick-meta":"","header-main-stick-meta":"","header-below-stick-meta":"","astra-migrate-meta-layouts":"default","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":""}},"source_url":"https:\/\/www.visual-paradigm.com\/guide\/uml-unified-modeling-language\/uml-practical-guide\/","source_h1_title":"UML Practical Guide - All you need to know about UML modeling","fifu_image_url":"","fifu_image_alt":"","_fifu_image_alt":"","fifu_alt":"","_fifu_alt":"","fifu_image_title":"","_fifu_image_title":"","fifu_input_alt":"","vp_image_hash":"9da474c3d4fdbce8403b127b41cc40ed9acbaca07e4d30f7797d321c4e9f14c0"},"asset-category":[21],"class_list":["post-8878","gallery","type-gallery","status-publish","has-post-thumbnail","hentry","asset-category-uml"],"source_url":"https:\/\/www.visual-paradigm.com\/guide\/uml-unified-modeling-language\/uml-practical-guide\/","source_h1_title":"UML Practical Guide - All you need to know about UML modeling","fifu_image_url":"","fifu_image_alt":"","vp_image_hash":"9da474c3d4fdbce8403b127b41cc40ed9acbaca07e4d30f7797d321c4e9f14c0","yoast_head":"<!-- This site is optimized with the Yoast SEO plugin v28.3 - https:\/\/yoast.com\/product\/yoast-seo-wordpress\/ -->\n<title>Mastering System Architecture: A Deep Dive into UML Component Diagrams<\/title>\n<meta name=\"description\" content=\"Master UML Component Diagrams to visualize the static implementation view of software systems, decoding physical building blocks like libraries and executables for robust architecture design.\" \/>\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.learn-vp.com\/vn\/gallery\/mastering-system-architecture-uml-component-diagrams\/\" \/>\n<meta property=\"og:locale\" content=\"vi_VN\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Mastering System Architecture: A Deep Dive into UML Component Diagrams\" \/>\n<meta property=\"og:description\" content=\"Master UML Component Diagrams to visualize the static implementation view of software systems, decoding physical building blocks like libraries and executables for robust architecture design.\" \/>\n<meta property=\"og:url\" content=\"https:\/\/www.learn-vp.com\/vn\/gallery\/mastering-system-architecture-uml-component-diagrams\/\" \/>\n<meta property=\"og:site_name\" content=\"Learn VP\" \/>\n<meta property=\"article:modified_time\" content=\"2026-10-09T04:20:32+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/www.learn-vp.com\/vn\/wp-content\/uploads\/sites\/13\/2026\/08\/04-component-diagram-example.png\" \/>\n\t<meta property=\"og:image:width\" content=\"516\" \/>\n\t<meta property=\"og:image:height\" content=\"246\" \/>\n\t<meta property=\"og:image:type\" content=\"image\/png\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:label1\" content=\"\u01af\u1edbc t\u00ednh th\u1eddi gian \u0111\u1ecdc\" \/>\n\t<meta name=\"twitter:data1\" content=\"4 ph\u00fat\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\\\/\\\/schema.org\",\"@graph\":[{\"@type\":\"WebPage\",\"@id\":\"https:\\\/\\\/www.learn-vp.com\\\/vn\\\/gallery\\\/mastering-system-architecture-uml-component-diagrams\\\/\",\"url\":\"https:\\\/\\\/www.learn-vp.com\\\/vn\\\/gallery\\\/mastering-system-architecture-uml-component-diagrams\\\/\",\"name\":\"Mastering System Architecture: A Deep Dive into UML Component Diagrams\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/www.learn-vp.com\\\/vn\\\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\\\/\\\/www.learn-vp.com\\\/vn\\\/gallery\\\/mastering-system-architecture-uml-component-diagrams\\\/#primaryimage\"},\"image\":{\"@id\":\"https:\\\/\\\/www.learn-vp.com\\\/vn\\\/gallery\\\/mastering-system-architecture-uml-component-diagrams\\\/#primaryimage\"},\"thumbnailUrl\":\"https:\\\/\\\/www.learn-vp.com\\\/vn\\\/wp-content\\\/uploads\\\/sites\\\/13\\\/2026\\\/08\\\/04-component-diagram-example.png\",\"datePublished\":\"2026-08-28T08:15:43+00:00\",\"dateModified\":\"2026-10-09T04:20:32+00:00\",\"description\":\"Master UML Component Diagrams to visualize the static implementation view of software systems, decoding physical building blocks like libraries and executables for robust architecture design.\",\"breadcrumb\":{\"@id\":\"https:\\\/\\\/www.learn-vp.com\\\/vn\\\/gallery\\\/mastering-system-architecture-uml-component-diagrams\\\/#breadcrumb\"},\"inLanguage\":\"vi\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\\\/\\\/www.learn-vp.com\\\/vn\\\/gallery\\\/mastering-system-architecture-uml-component-diagrams\\\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"vi\",\"@id\":\"https:\\\/\\\/www.learn-vp.com\\\/vn\\\/gallery\\\/mastering-system-architecture-uml-component-diagrams\\\/#primaryimage\",\"url\":\"https:\\\/\\\/www.learn-vp.com\\\/vn\\\/wp-content\\\/uploads\\\/sites\\\/13\\\/2026\\\/08\\\/04-component-diagram-example.png\",\"contentUrl\":\"https:\\\/\\\/www.learn-vp.com\\\/vn\\\/wp-content\\\/uploads\\\/sites\\\/13\\\/2026\\\/08\\\/04-component-diagram-example.png\",\"width\":516,\"height\":246,\"caption\":\"C4 PlantUML component diagram showing Writer with interfaces.\"},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\\\/\\\/www.learn-vp.com\\\/vn\\\/gallery\\\/mastering-system-architecture-uml-component-diagrams\\\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\\\/\\\/www.learn-vp.com\\\/vn\\\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Mastering System Architecture: A Deep Dive into UML Component Diagrams\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\\\/\\\/www.learn-vp.com\\\/vn\\\/#website\",\"url\":\"https:\\\/\\\/www.learn-vp.com\\\/vn\\\/\",\"name\":\"Learn VP\",\"description\":\"Learn VP\",\"publisher\":{\"@id\":\"https:\\\/\\\/www.learn-vp.com\\\/vn\\\/#organization\"},\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\\\/\\\/www.learn-vp.com\\\/vn\\\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"vi\"},{\"@type\":\"Organization\",\"@id\":\"https:\\\/\\\/www.learn-vp.com\\\/vn\\\/#organization\",\"name\":\"Learn VP\",\"url\":\"https:\\\/\\\/www.learn-vp.com\\\/vn\\\/\",\"logo\":{\"@type\":\"ImageObject\",\"inLanguage\":\"vi\",\"@id\":\"https:\\\/\\\/www.learn-vp.com\\\/vn\\\/#\\\/schema\\\/logo\\\/image\\\/\",\"url\":\"https:\\\/\\\/www.learn-vp.com\\\/vn\\\/wp-content\\\/uploads\\\/sites\\\/13\\\/2026\\\/08\\\/cropped-Gemini_Generated_Image_n6bgztn6bgztn6bg-clean-e1787131920742.png\",\"contentUrl\":\"https:\\\/\\\/www.learn-vp.com\\\/vn\\\/wp-content\\\/uploads\\\/sites\\\/13\\\/2026\\\/08\\\/cropped-Gemini_Generated_Image_n6bgztn6bgztn6bg-clean-e1787131920742.png\",\"width\":463,\"height\":404,\"caption\":\"Learn VP\"},\"image\":{\"@id\":\"https:\\\/\\\/www.learn-vp.com\\\/vn\\\/#\\\/schema\\\/logo\\\/image\\\/\"}}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"Mastering System Architecture: A Deep Dive into UML Component Diagrams","description":"Master UML Component Diagrams to visualize the static implementation view of software systems, decoding physical building blocks like libraries and executables for robust architecture design.","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.learn-vp.com\/vn\/gallery\/mastering-system-architecture-uml-component-diagrams\/","og_locale":"vi_VN","og_type":"article","og_title":"Mastering System Architecture: A Deep Dive into UML Component Diagrams","og_description":"Master UML Component Diagrams to visualize the static implementation view of software systems, decoding physical building blocks like libraries and executables for robust architecture design.","og_url":"https:\/\/www.learn-vp.com\/vn\/gallery\/mastering-system-architecture-uml-component-diagrams\/","og_site_name":"Learn VP","article_modified_time":"2026-10-09T04:20:32+00:00","og_image":[{"width":516,"height":246,"url":"https:\/\/www.learn-vp.com\/vn\/wp-content\/uploads\/sites\/13\/2026\/08\/04-component-diagram-example.png","type":"image\/png"}],"twitter_card":"summary_large_image","twitter_misc":{"\u01af\u1edbc t\u00ednh th\u1eddi gian \u0111\u1ecdc":"4 ph\u00fat"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"WebPage","@id":"https:\/\/www.learn-vp.com\/vn\/gallery\/mastering-system-architecture-uml-component-diagrams\/","url":"https:\/\/www.learn-vp.com\/vn\/gallery\/mastering-system-architecture-uml-component-diagrams\/","name":"Mastering System Architecture: A Deep Dive into UML Component Diagrams","isPartOf":{"@id":"https:\/\/www.learn-vp.com\/vn\/#website"},"primaryImageOfPage":{"@id":"https:\/\/www.learn-vp.com\/vn\/gallery\/mastering-system-architecture-uml-component-diagrams\/#primaryimage"},"image":{"@id":"https:\/\/www.learn-vp.com\/vn\/gallery\/mastering-system-architecture-uml-component-diagrams\/#primaryimage"},"thumbnailUrl":"https:\/\/www.learn-vp.com\/vn\/wp-content\/uploads\/sites\/13\/2026\/08\/04-component-diagram-example.png","datePublished":"2026-08-28T08:15:43+00:00","dateModified":"2026-10-09T04:20:32+00:00","description":"Master UML Component Diagrams to visualize the static implementation view of software systems, decoding physical building blocks like libraries and executables for robust architecture design.","breadcrumb":{"@id":"https:\/\/www.learn-vp.com\/vn\/gallery\/mastering-system-architecture-uml-component-diagrams\/#breadcrumb"},"inLanguage":"vi","potentialAction":[{"@type":"ReadAction","target":["https:\/\/www.learn-vp.com\/vn\/gallery\/mastering-system-architecture-uml-component-diagrams\/"]}]},{"@type":"ImageObject","inLanguage":"vi","@id":"https:\/\/www.learn-vp.com\/vn\/gallery\/mastering-system-architecture-uml-component-diagrams\/#primaryimage","url":"https:\/\/www.learn-vp.com\/vn\/wp-content\/uploads\/sites\/13\/2026\/08\/04-component-diagram-example.png","contentUrl":"https:\/\/www.learn-vp.com\/vn\/wp-content\/uploads\/sites\/13\/2026\/08\/04-component-diagram-example.png","width":516,"height":246,"caption":"C4 PlantUML component diagram showing Writer with interfaces."},{"@type":"BreadcrumbList","@id":"https:\/\/www.learn-vp.com\/vn\/gallery\/mastering-system-architecture-uml-component-diagrams\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/www.learn-vp.com\/vn\/"},{"@type":"ListItem","position":2,"name":"Mastering System Architecture: A Deep Dive into UML Component Diagrams"}]},{"@type":"WebSite","@id":"https:\/\/www.learn-vp.com\/vn\/#website","url":"https:\/\/www.learn-vp.com\/vn\/","name":"Learn VP","description":"Learn VP","publisher":{"@id":"https:\/\/www.learn-vp.com\/vn\/#organization"},"potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/www.learn-vp.com\/vn\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"vi"},{"@type":"Organization","@id":"https:\/\/www.learn-vp.com\/vn\/#organization","name":"Learn VP","url":"https:\/\/www.learn-vp.com\/vn\/","logo":{"@type":"ImageObject","inLanguage":"vi","@id":"https:\/\/www.learn-vp.com\/vn\/#\/schema\/logo\/image\/","url":"https:\/\/www.learn-vp.com\/vn\/wp-content\/uploads\/sites\/13\/2026\/08\/cropped-Gemini_Generated_Image_n6bgztn6bgztn6bg-clean-e1787131920742.png","contentUrl":"https:\/\/www.learn-vp.com\/vn\/wp-content\/uploads\/sites\/13\/2026\/08\/cropped-Gemini_Generated_Image_n6bgztn6bgztn6bg-clean-e1787131920742.png","width":463,"height":404,"caption":"Learn VP"},"image":{"@id":"https:\/\/www.learn-vp.com\/vn\/#\/schema\/logo\/image\/"}}]}},"_links":{"self":[{"href":"https:\/\/www.learn-vp.com\/vn\/wp-json\/wp\/v2\/gallery\/8878","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.learn-vp.com\/vn\/wp-json\/wp\/v2\/gallery"}],"about":[{"href":"https:\/\/www.learn-vp.com\/vn\/wp-json\/wp\/v2\/types\/gallery"}],"author":[{"embeddable":true,"href":"https:\/\/www.learn-vp.com\/vn\/wp-json\/wp\/v2\/users\/1"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/www.learn-vp.com\/vn\/wp-json\/wp\/v2\/media\/8877"}],"wp:attachment":[{"href":"https:\/\/www.learn-vp.com\/vn\/wp-json\/wp\/v2\/media?parent=8878"}],"wp:term":[{"taxonomy":"asset-category","embeddable":true,"href":"https:\/\/www.learn-vp.com\/vn\/wp-json\/wp\/v2\/asset-category?post=8878"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}