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

Ketika merancang aplikasi yang tahan kesalahan, konkuren, atau sistem terdistribusi dalam Elixir, menavigasi batas modul, kontrak struct, perilaku, dan pohon supervisor OTP dapat membuat sulit membayangkan arsitektur sistem secara keseluruhan. The Elixir Visualizer<\/strong> mengubah modul Elixir, definisi struct (defstruct<\/code>), spesifikasi tipe (@type<\/code>), dan kontrak perilaku (@callback<\/code>) menjadi diagram arsitektur yang jelas dan interaktif. Dengan menganalisis kontrak data, tanda tangan fungsi yang cocok secara pola, dan ketergantungan modul, pengembang Elixir dan arsitek sistem dapat secara visual memeriksa model domain fungsional dan tata letak aplikasi OTP dengan sekali pandang.<\/p>\n

Mekanisme Visualisasi Elixir<\/h2>\n

Di VPasCode, rendering Elixir secara otomatis menganalisis defmodule<\/code> definisi, defstruct<\/code> deklarasi, spesifikasi tipe (@type<\/code>), dan callback perilaku (@callback<\/code>) menjadi kartu diagram yang terstruktur. Modul direpresentasikan sebagai blok entitas utama, bidang struct menampilkan spesifikasi akses dan nilai default, dan perilaku modul atau kontrak penggunaan menghasilkan garis hubungan langsung antar simpul visual.<\/p>\n

1. Pengaturan Dasar<\/h3>\n

Untuk memvisualisasikan arsitektur modul Elixir standar, definisikan kontrak perilaku bersamaan dengan struct dan implementasi modul. Layanan pemantauan telemetri terdistribusi menunjukkan perilaku Elixir dasar dan definisi struct:<\/p>\n

\n
\nElixir<\/span>
\n
\n<\/path><\/path><\/svg>
\nEdit Elixir di VPasCode<\/span>
\n<\/a>\n<\/div>\n
\n
\r\n
\r\n Elixir<\/span>\r\n \r\n <\/path><\/path><\/svg>\r\n Edit Elixir in VPasCode<\/span>\r\n <\/a>\r\n <\/div>\r\n
\r\n 
defmodule Telemetry.Reporter do\r\n  @doc \"Kontrak perilaku untuk pelapor metrik\"\r\n  @callback report_metric(metric_name :: String.t(), value :: number()) :: :ok | {:error, term()}\r\nend\r\n\r\ndefmodule Telemetry.Event do\r\n  @type t :: %__MODULE__{\r\n          id: String.t(),\r\n          name: String.t(),\r\n          value: number(),\r\n          timestamp: DateTime.t()\r\n        }\r\n\r\n  defstruct [:id, :name, :value, :timestamp]\r\n\r\n  @spec new(String.t(), number()) :: t()\r\n  def new(name, value) do\r\n    %__MODULE__{\r\n      id: \"evt_\" <> Integer.to_string(System.unique_integer([:positive])),\r\n      name: name,\r\n      value: value,\r\n      timestamp: DateTime.utc_now()\r\n    }\r\n  end\r\nend\r\n\r\ndefmodule Telemetry.ConsoleReporter do\r\n  @behaviour Telemetry.Reporter\r\n\r\n  @impl Telemetry.Reporter\r\n  def report_metric(metric_name, value) do\r\n    IO.puts(\"[METRIC] #{metric_name}: #{value}\")\r\n    :ok\r\n  end\r\nend<\/code><\/pre>                <\/div>\r\n                
\r\n                    \r\n                        <\/path><\/path><\/svg>\r\n                        Edit Elixir in VPasCode<\/span>\r\n                    <\/a>\r\n                <\/div>\r\n            <\/div>\r\n            \n<\/p><\/div>\n
\n
\n<\/path><\/path><\/svg>
\nEdit Elixir di VPasCode<\/span>
\n<\/a>\n<\/div>\n<\/div>\n
\"\"<\/p>\n
\u00a0<\/p>\n
Teknik Struktur Lanjutan<\/h2>\n
Visualisasi Elixir unggul dalam memetakan model domain fungsional, agregat keranjang belanja yang tidak dapat diubah, dan transisi status yang cocok dengan pola.<\/p>\n
1. Domain Keranjang Belanja & Check-out E-Commerce<\/h3>\n
Dengan menggabungkan struct nilai, spesifikasi tipe, dan modul domain fungsional, VPasCode mengubah lapisan domain fungsional Elixir menjadi jaringan diagram yang bersih dan terstruktur:<\/p>\n
\n
\nElixir<\/span>
\n
\n<\/path><\/path><\/svg>
\nEdit Elixir di VPasCode<\/span>
\n<\/a>\n<\/div>\n
\n            
\r\n                                
\r\n                    Elixir<\/span>\r\n                    \r\n                        <\/path><\/path><\/svg>\r\n                        Edit Elixir in VPasCode<\/span>\r\n                    <\/a>\r\n                <\/div>\r\n                                
\r\n                    
defmodule Store.CartItem do\n  @type t :: %__MODULE__{\n          sku: String.t(),\n          unit_price: Decimal.t(),\n          quantity: pos_integer()\n        }\n\n  defstruct [:sku, :unit_price, quantity: 1]\nend\n\n\ndefmodule Store.ShoppingCart do\n  alias Store.CartItem\n\n  @type t :: %__MODULE__{\n          id: String.t(),\n          customer_id: String.t(),\n          items: list(CartItem.t()),\n          status: :active | :checked_out\n        }\n\n  defstruct [:id, :customer_id, items: [], status: :active]\n\n  @spec add_item(t(), CartItem.t()) :: t()\n  def add_item(%__MODULE__{status: :active} = cart, %CartItem{} = item) do\n    %{cart | items: [item | cart.items]}\n  end\n\n  @spec checkout(t()) :: {:ok, t()} | {:error, String.t()}\n  def checkout(%__MODULE__{status: :active, items: [_ | _]} = cart) do\n    {:ok, %{cart | status: :checked_out}}\n  end\n\n  def checkout(_cart), do: {:error, \"Tidak dapat melakukan checkout pada keranjang kosong atau tidak aktif\"}\nend<\/code><\/pre>                <\/div>\r\n                
\r\n                    \r\n                        <\/path><\/path><\/svg>\r\n                        Edit Elixir in VPasCode<\/span>\r\n                    <\/a>\r\n                <\/div>\r\n            <\/div>\r\n            \n<\/p><\/div>\n
\n
\n<\/path><\/path><\/svg>
\nEdit Elixir di VPasCode<\/span>
\n<\/a>\n<\/div>\n<\/div>\n
\"\"<\/p>\n
\u00a0<\/p>\n
Mengatur Pekerja OTP GenServer dan Saluran Pengawas<\/h2>\n
Memvisualisasikan API klien OTP GenServer, struktur status server, dan pohon pengawasan membantu tim Elixir merancang layanan backend konkuren yang tahan terhadap kesalahan dan tangguh.<\/p>\n
1. Pekerja Antrian OTP GenServer<\/h3>\n
Kelompokkan fungsi API klien, callback GenServer, dan struktur status internal untuk memetakan batas pekerja konkuren:<\/p>\n
\n
\nElixir<\/span>
\n
\n<\/path><\/path><\/svg>
\nEdit Elixir di VPasCode<\/span>
\n<\/a>\n<\/div>\n
\n            
\r\n                                
\r\n                    Elixir<\/span>\r\n                    \r\n                        <\/path><\/path><\/svg>\r\n                        Edit Elixir in VPasCode<\/span>\r\n                    <\/a>\r\n                <\/div>\r\n                                
\r\n                    
defmodule ProcessingQueue.Worker do\n  use GenServer\n\n  defmodule State do\n    @type t :: %__MODULE__{\n            queue: list(term()),\n            active_jobs: non_neg_integer()\n          }\n    defstruct queue: [], active_jobs: 0\n  end\n\n  # API Klien\n  def start_link(opts) do\n    GenServer.start_link(__MODULE__, opts, name: __MODULE__)\n  end\n\n  def push_job(job) do\n    GenServer.cast(__MODULE__, {:push, job})\n  end\n\n  # Callback Server\n  @impl GenServer\n  def init(_opts) do\n    {:ok, %State{}}\n  end\n\n  @impl GenServer\n  def handle_cast({:push, job}, %State{queue: queue} = state) do\n    updated_queue = queue ++ [job]\n    {:noreply, %{state | queue: updated_queue}}\n  end\nend<\/code><\/pre>                <\/div>\r\n                
\r\n                    \r\n                        <\/path><\/path><\/svg>\r\n                        Edit Elixir in VPasCode<\/span>\r\n                    <\/a>\r\n                <\/div>\r\n            <\/div>\r\n            \n<\/p><\/div>\n
\n
\n<\/path><\/path><\/svg>
\nEdit Elixir di VPasCode<\/span>
\n<\/a>\n<\/div>\n<\/div>\n
\"\"<\/p>\n
\u00a0<\/p>\n
Praktik Terbaik Strategis<\/h2>\n
    \n
  • Gunakan defstruct<\/code> untuk Model Domain:<\/strong>Deklarasikan struktur eksplisit dengan nilai default agar properti entitas direpresentasikan secara bersih pada kartu node visual.<\/li>\n
  • Manfaatkan @behaviour<\/code> untuk Kontrak:<\/strong>Tentukan antarmuka modul yang dapat digunakan kembali menggunakan @callback<\/code>definisi untuk menjaga abstraksi fungsional tetap terlihat.<\/li>\n
  • Annotasi Tipe dengan @type<\/code>:<\/strong>Sertakan spesifikasi tipe eksplisit untuk bidang struktur dan parameter fungsi agar tanda tangan parameter yang jelas terjamin dalam diagram.<\/li>\n<\/ul>\n","protected":false},"excerpt":{"rendered":"
    Ketika merancang aplikasi yang tahan kesalahan, konkuren, atau sistem terdistribusi dalam Elixir, menavigasi batas modul, kontrak struct, perilaku, dan pohon supervisor OTP dapat membuat sulit membayangkan arsitektur sistem secara keseluruhan. The Elixir Visualizer mengubah modul Elixir, definisi struct (defstruct), spesifikasi…<\/p>\n","protected":false},"author":3,"featured_media":0,"parent":0,"menu_order":14,"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-2021","ld_docs","type-ld_docs","status-publish","hentry","ld_collection-vpascode-docs"],"yoast_head":"\nElixir to Diagram Guide | Text to Diagram with VPasCode<\/title>\n<meta name=\"description\" content=\"Map Elixir modules and processes into clear visual charts with VPasCode, a lightweight diagram-as-code tool built for fast text to diagram visualization.\" \/>\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\/elixir-visualizer-guide\/\" \/>\n<meta property=\"og:locale\" content=\"id_ID\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Elixir to Diagram Guide | Text to Diagram with VPasCode\" \/>\n<meta property=\"og:description\" content=\"Map Elixir modules and processes into clear visual charts with VPasCode, a lightweight diagram-as-code tool built for fast text to diagram visualization.\" \/>\n<meta property=\"og:url\" content=\"https:\/\/www.vpascode.com\/id\/docs\/vpascode-docs\/elixir-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_6a6858616af81-e1785223353559.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=\"2 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\\\/elixir-visualizer-guide\\\/\",\"url\":\"https:\\\/\\\/www.vpascode.com\\\/id\\\/docs\\\/vpascode-docs\\\/elixir-visualizer-guide\\\/\",\"name\":\"Elixir 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\\\/elixir-visualizer-guide\\\/#primaryimage\"},\"image\":{\"@id\":\"https:\\\/\\\/www.vpascode.com\\\/id\\\/docs\\\/vpascode-docs\\\/elixir-visualizer-guide\\\/#primaryimage\"},\"thumbnailUrl\":\"https:\\\/\\\/www.vpascode.com\\\/wp-content\\\/uploads\\\/2026\\\/07\\\/img_6a6858616af81-e1785223353559.png\",\"datePublished\":\"2026-07-28T06:23:47+00:00\",\"description\":\"Map Elixir modules and processes into clear visual charts with VPasCode, a lightweight diagram-as-code tool built for fast text to diagram visualization.\",\"breadcrumb\":{\"@id\":\"https:\\\/\\\/www.vpascode.com\\\/id\\\/docs\\\/vpascode-docs\\\/elixir-visualizer-guide\\\/#breadcrumb\"},\"inLanguage\":\"id\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\\\/\\\/www.vpascode.com\\\/id\\\/docs\\\/vpascode-docs\\\/elixir-visualizer-guide\\\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"id\",\"@id\":\"https:\\\/\\\/www.vpascode.com\\\/id\\\/docs\\\/vpascode-docs\\\/elixir-visualizer-guide\\\/#primaryimage\",\"url\":\"https:\\\/\\\/www.vpascode.com\\\/wp-content\\\/uploads\\\/2026\\\/07\\\/img_6a6858616af81-e1785223353559.png\",\"contentUrl\":\"https:\\\/\\\/www.vpascode.com\\\/wp-content\\\/uploads\\\/2026\\\/07\\\/img_6a6858616af81-e1785223353559.png\"},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\\\/\\\/www.vpascode.com\\\/id\\\/docs\\\/vpascode-docs\\\/elixir-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\":\"Elixir\"}]},{\"@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":"Elixir to Diagram Guide | Text to Diagram with VPasCode","description":"Map Elixir modules and processes into clear visual charts with VPasCode, a lightweight diagram-as-code tool built for fast text to diagram visualization.","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\/elixir-visualizer-guide\/","og_locale":"id_ID","og_type":"article","og_title":"Elixir to Diagram Guide | Text to Diagram with VPasCode","og_description":"Map Elixir modules and processes into clear visual charts with VPasCode, a lightweight diagram-as-code tool built for fast text to diagram visualization.","og_url":"https:\/\/www.vpascode.com\/id\/docs\/vpascode-docs\/elixir-visualizer-guide\/","og_site_name":"VPasCode","og_image":[{"url":"https:\/\/www.vpascode.com\/wp-content\/uploads\/2026\/07\/img_6a6858616af81-e1785223353559.png","type":"","width":"","height":""}],"twitter_card":"summary_large_image","twitter_misc":{"Estimasi waktu membaca":"2 menit"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"WebPage","@id":"https:\/\/www.vpascode.com\/id\/docs\/vpascode-docs\/elixir-visualizer-guide\/","url":"https:\/\/www.vpascode.com\/id\/docs\/vpascode-docs\/elixir-visualizer-guide\/","name":"Elixir 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\/elixir-visualizer-guide\/#primaryimage"},"image":{"@id":"https:\/\/www.vpascode.com\/id\/docs\/vpascode-docs\/elixir-visualizer-guide\/#primaryimage"},"thumbnailUrl":"https:\/\/www.vpascode.com\/wp-content\/uploads\/2026\/07\/img_6a6858616af81-e1785223353559.png","datePublished":"2026-07-28T06:23:47+00:00","description":"Map Elixir modules and processes into clear visual charts with VPasCode, a lightweight diagram-as-code tool built for fast text to diagram visualization.","breadcrumb":{"@id":"https:\/\/www.vpascode.com\/id\/docs\/vpascode-docs\/elixir-visualizer-guide\/#breadcrumb"},"inLanguage":"id","potentialAction":[{"@type":"ReadAction","target":["https:\/\/www.vpascode.com\/id\/docs\/vpascode-docs\/elixir-visualizer-guide\/"]}]},{"@type":"ImageObject","inLanguage":"id","@id":"https:\/\/www.vpascode.com\/id\/docs\/vpascode-docs\/elixir-visualizer-guide\/#primaryimage","url":"https:\/\/www.vpascode.com\/wp-content\/uploads\/2026\/07\/img_6a6858616af81-e1785223353559.png","contentUrl":"https:\/\/www.vpascode.com\/wp-content\/uploads\/2026\/07\/img_6a6858616af81-e1785223353559.png"},{"@type":"BreadcrumbList","@id":"https:\/\/www.vpascode.com\/id\/docs\/vpascode-docs\/elixir-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":"Elixir"}]},{"@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\/2021","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=2021"}],"wp:term":[{"taxonomy":"ld_collection","embeddable":true,"href":"https:\/\/www.vpascode.com\/id\/wp-json\/wp\/v2\/ld_collection?post=2021"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}