{"id":2024,"date":"2026-07-28T06:23:47","date_gmt":"2026-07-28T06:23:47","guid":{"rendered":"https:\/\/www.vpascode.com\/fr\/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\/fr\/docs\/vpascode-docs\/elixir-visualizer-guide\/","title":{"rendered":"Elixir"},"content":{"rendered":"

Lors de la conception d’applications r\u00e9silientes aux pannes, concurrentes ou de syst\u00e8mes distribu\u00e9s en Elixir, la navigation entre les limites des modules, les contrats de structures, les comportements et les arbres de superviseurs OTP peut rendre difficile la visualisation de l’architecture globale du syst\u00e8me. Le Visualiseur Elixir<\/strong> transforme les modules Elixir, les d\u00e9finitions de structures (les d\u00e9clarations defstruct, les sp\u00e9cifications de type (<\/code>), les sp\u00e9cifications de type (), et les rappels de comportement (<\/code>), et les contrats de comportement () en cartes de diagrammes structur\u00e9es. Les modules s'affichent comme des blocs d'entit\u00e9s principales, les champs des structures montrent les sp\u00e9cifications d'acc\u00e8s et les valeurs par d\u00e9faut, et les comportements ou contrats d'utilisation des modules g\u00e9n\u00e8rent des lignes de relation directe entre les n\u0153uds visuels.<\/code>) en diagrammes architecturaux clairs et interactifs. En analysant les contrats de donn\u00e9es, les signatures de fonctions correspondant \u00e0 des motifs et les d\u00e9pendances entre modules, les d\u00e9veloppeurs Elixir et les architectes syst\u00e8me peuvent inspecter visuellement les mod\u00e8les de domaine fonctionnels et les dispositions des applications OTP en un coup d’\u0153il.<\/p>\n

Le fonctionnement des visualisations Elixir<\/h2>\n

Dans VPasCode, le rendu Elixir analyse automatiquement defmodule<\/code> les d\u00e9finitions, les d\u00e9clarations defstruct, les sp\u00e9cifications de type (<\/code>@type), et les rappels de comportement (<\/code>@callback) en cartes de diagrammes structur\u00e9es. Les modules s'affichent comme des blocs d'entit\u00e9s principales, les champs des structures montrent les sp\u00e9cifications d'acc\u00e8s et les valeurs par d\u00e9faut, et les comportements ou contrats d'utilisation des modules g\u00e9n\u00e8rent des lignes de relation directe entre les n\u0153uds visuels.<\/code>) en cartes de diagrammes structur\u00e9es. Les modules s’affichent comme des blocs d’entit\u00e9s principales, les champs des structures montrent les sp\u00e9cifications d’acc\u00e8s et les valeurs par d\u00e9faut, et les comportements ou contrats d’utilisation des modules g\u00e9n\u00e8rent des lignes de relation directe entre les n\u0153uds visuels.<\/p>\n

1. Configuration essentielle<\/h3>\n

Pour visualiser une architecture de module Elixir standard, d\u00e9finissez des contrats de comportement aux c\u00f4t\u00e9s des structures et des impl\u00e9mentations de modules. Un service de surveillance de t\u00e9l\u00e9m\u00e9trie distribu\u00e9 illustre les comportements fondamentaux Elixir et les d\u00e9finitions de structures :<\/p>\n

\n
\nElixir<\/span>
\n
\n<\/path><\/path><\/svg>
\nModifier Elixir dans 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 \"Contrat de comportement pour les rapporteurs de m\u00e9triques\"\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>
\nModifier Elixir dans VPasCode<\/span>
\n<\/a>\n<\/div>\n<\/div>\n
\"\"<\/p>\n
\u00a0<\/p>\n
Techniques structurelles avanc\u00e9es<\/h2>\n
Les visualisations Elixir excellent dans la cartographie des mod\u00e8les de domaine fonctionnels, des agr\u00e9gats de paniers d’achat immuables et des transitions d’\u00e9tat correspondant \u00e0 des motifs.<\/p>\n
1. Domaine du panier et du paiement en e-commerce<\/h3>\n
En combinant les structures de valeurs, les sp\u00e9cifications de type et les modules de domaine fonctionnels, VPasCode transforme les couches de domaine fonctionnel Elixir en r\u00e9seaux de diagrammes clairs et structur\u00e9s :<\/p>\n
\n
\nElixir<\/span>
\n
\n<\/path><\/path><\/svg>
\n\u00c9diter Elixir dans 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          prix_unitaire: Decimal.t(),\n          quantit\u00e9: pos_integer()\n        }\n\n  defstruct [:sku, :prix_unitaire, quantit\u00e9: 1]\nend\n\ndefmodule Store.ShoppingCart do\n  alias Store.CartItem\n\n  @type t :: %__MODULE__{\n          id: String.t(),\n          identifiant_client: String.t(),\n          articles: list(CartItem.t()),\n          statut: :actif | :valid\u00e9\n        }\n\n  defstruct [:id, :identifiant_client, articles: [], statut: :actif]\n\n  @spec add_item(t(), CartItem.t()) :: t()\n  def add_item(%__MODULE__{statut: :actif} = panier, %CartItem{} = article) do\n    %{panier | articles: [article | panier.articles]}\n  end\n\n  @spec checkout(t()) :: {:ok, t()} | {:error, String.t()}\n  def checkout(%__MODULE__{statut: :actif, articles: [_ | _]} = panier) do\n    {:ok, %{panier | statut: :valid\u00e9}}\n  end\n\n  def checkout(_panier), do: {:error, \"Impossible de valider un panier vide ou inactif\"}\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>
\n\u00c9diter Elixir dans VPasCode<\/span>
\n<\/a>\n<\/div>\n<\/div>\n
\"\"<\/p>\n
\u00a0<\/p>\n
Structurer les travailleurs OTP GenServer et les pipelines de superviseur<\/h2>\n
Visualiser les API client OTP GenServer, les structures d’\u00e9tat serveur et les arbres de supervision aide les \u00e9quipes Elixir \u00e0 concevoir des services backend concurrents r\u00e9silients et tol\u00e9rants aux pannes.<\/p>\n
1. Travailleur de file d’attente OTP GenServer<\/h3>\n
Regrouper les fonctions d’API client, les rappels GenServer et les structures d’\u00e9tat internes pour d\u00e9finir les limites des travailleurs concurrents :<\/p>\n
\n
\nElixir<\/span>
\n
\n<\/path><\/path><\/svg>
\n\u00c9diter Elixir dans 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            file_d_attente: list(term()),\n            t\u00e2ches_actives: non_neg_integer()\n          }\n    defstruct file_d_attente: [], t\u00e2ches_actives: 0\n  end\n\n  # API client\n  def start_link(opts) do\n    GenServer.start_link(__MODULE__, opts, name: __MODULE__)\n  end\n\n  def push_job(t\u00e2che) do\n    GenServer.cast(__MODULE__, {:push, t\u00e2che})\n  end\n\n  # Callbacks serveur\n  @impl GenServer\n  def init(_opts) do\n    {:ok, %State{}}\n  end\n\n  @impl GenServer\n  def handle_cast({:push, t\u00e2che}, %State{file_d_attente: file} = \u00e9tat) do\n    file_mis_\u00e0_jour = file ++ [t\u00e2che]\n    {:noreply, %{\u00e9tat | file_d_attente: file_mis_\u00e0_jour}}\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>
\n\u00c9diter Elixir dans VPasCode<\/span>
\n<\/a>\n<\/div>\n<\/div>\n
\"\"<\/p>\n
\u00a0<\/p>\n
Meilleures pratiques strat\u00e9giques<\/h2>\n
    \n
  • Utilisez defstruct<\/code> pour les mod\u00e8les de domaine :<\/strong>D\u00e9clarez des structures explicites avec des valeurs par d\u00e9faut afin que les propri\u00e9t\u00e9s des entit\u00e9s soient clairement repr\u00e9sent\u00e9es sur les cartes visuelles des n\u0153uds.<\/li>\n
  • Exploitez @behaviour<\/code> pour les contrats :<\/strong>D\u00e9finissez des interfaces de module r\u00e9utilisables \u00e0 l’aide de @callback<\/code>des d\u00e9finitions pour maintenir les abstractions fonctionnelles visibles.<\/li>\n
  • Annotez les types avec @type<\/code>:<\/strong>Incluez des sp\u00e9cifications de type explicites pour les champs de structure et les param\u00e8tres de fonction afin de garantir des signatures de param\u00e8tres claires dans les diagrammes.<\/li>\n<\/ul>\n","protected":false},"excerpt":{"rendered":"
    Lors de la conception d’applications r\u00e9silientes aux pannes, concurrentes ou de syst\u00e8mes distribu\u00e9s en Elixir, la navigation entre les limites des modules, les contrats de structures, les comportements et les arbres de superviseurs OTP peut rendre difficile la visualisation de…<\/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-2024","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\/fr\/docs\/vpascode-docs\/elixir-visualizer-guide\/\" \/>\n<meta property=\"og:locale\" content=\"fr_FR\" \/>\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\/fr\/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=\"Dur\u00e9e de lecture estim\u00e9e\" \/>\n\t<meta name=\"twitter:data1\" content=\"2 minutes\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\\\/\\\/schema.org\",\"@graph\":[{\"@type\":\"WebPage\",\"@id\":\"https:\\\/\\\/www.vpascode.com\\\/fr\\\/docs\\\/vpascode-docs\\\/elixir-visualizer-guide\\\/\",\"url\":\"https:\\\/\\\/www.vpascode.com\\\/fr\\\/docs\\\/vpascode-docs\\\/elixir-visualizer-guide\\\/\",\"name\":\"Elixir to Diagram Guide | Text to Diagram with VPasCode\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/www.vpascode.com\\\/fr\\\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\\\/\\\/www.vpascode.com\\\/fr\\\/docs\\\/vpascode-docs\\\/elixir-visualizer-guide\\\/#primaryimage\"},\"image\":{\"@id\":\"https:\\\/\\\/www.vpascode.com\\\/fr\\\/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\\\/fr\\\/docs\\\/vpascode-docs\\\/elixir-visualizer-guide\\\/#breadcrumb\"},\"inLanguage\":\"fr-FR\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\\\/\\\/www.vpascode.com\\\/fr\\\/docs\\\/vpascode-docs\\\/elixir-visualizer-guide\\\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"fr-FR\",\"@id\":\"https:\\\/\\\/www.vpascode.com\\\/fr\\\/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\\\/fr\\\/docs\\\/vpascode-docs\\\/elixir-visualizer-guide\\\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\\\/\\\/www.vpascode.com\\\/fr\\\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Lean Docs\",\"item\":\"https:\\\/\\\/www.vpascode.com\\\/fr\\\/docs\\\/%ld_collection%\\\/\"},{\"@type\":\"ListItem\",\"position\":3,\"name\":\"Elixir\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\\\/\\\/www.vpascode.com\\\/fr\\\/#website\",\"url\":\"https:\\\/\\\/www.vpascode.com\\\/fr\\\/\",\"name\":\"VPasCode\",\"description\":\"by Visual Paradigm\",\"publisher\":{\"@id\":\"https:\\\/\\\/www.vpascode.com\\\/fr\\\/#organization\"},\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\\\/\\\/www.vpascode.com\\\/fr\\\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"fr-FR\"},{\"@type\":\"Organization\",\"@id\":\"https:\\\/\\\/www.vpascode.com\\\/fr\\\/#organization\",\"name\":\"VPasCode\",\"url\":\"https:\\\/\\\/www.vpascode.com\\\/fr\\\/\",\"logo\":{\"@type\":\"ImageObject\",\"inLanguage\":\"fr-FR\",\"@id\":\"https:\\\/\\\/www.vpascode.com\\\/fr\\\/#\\\/schema\\\/logo\\\/image\\\/\",\"url\":\"https:\\\/\\\/www.vpascode.com\\\/fr\\\/wp-content\\\/uploads\\\/sites\\\/6\\\/2026\\\/06\\\/cropped-vp-online-logo-v1.png\",\"contentUrl\":\"https:\\\/\\\/www.vpascode.com\\\/fr\\\/wp-content\\\/uploads\\\/sites\\\/6\\\/2026\\\/06\\\/cropped-vp-online-logo-v1.png\",\"width\":128,\"height\":138,\"caption\":\"VPasCode\"},\"image\":{\"@id\":\"https:\\\/\\\/www.vpascode.com\\\/fr\\\/#\\\/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\/fr\/docs\/vpascode-docs\/elixir-visualizer-guide\/","og_locale":"fr_FR","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\/fr\/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":{"Dur\u00e9e de lecture estim\u00e9e":"2 minutes"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"WebPage","@id":"https:\/\/www.vpascode.com\/fr\/docs\/vpascode-docs\/elixir-visualizer-guide\/","url":"https:\/\/www.vpascode.com\/fr\/docs\/vpascode-docs\/elixir-visualizer-guide\/","name":"Elixir to Diagram Guide | Text to Diagram with VPasCode","isPartOf":{"@id":"https:\/\/www.vpascode.com\/fr\/#website"},"primaryImageOfPage":{"@id":"https:\/\/www.vpascode.com\/fr\/docs\/vpascode-docs\/elixir-visualizer-guide\/#primaryimage"},"image":{"@id":"https:\/\/www.vpascode.com\/fr\/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\/fr\/docs\/vpascode-docs\/elixir-visualizer-guide\/#breadcrumb"},"inLanguage":"fr-FR","potentialAction":[{"@type":"ReadAction","target":["https:\/\/www.vpascode.com\/fr\/docs\/vpascode-docs\/elixir-visualizer-guide\/"]}]},{"@type":"ImageObject","inLanguage":"fr-FR","@id":"https:\/\/www.vpascode.com\/fr\/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\/fr\/docs\/vpascode-docs\/elixir-visualizer-guide\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/www.vpascode.com\/fr\/"},{"@type":"ListItem","position":2,"name":"Lean Docs","item":"https:\/\/www.vpascode.com\/fr\/docs\/%ld_collection%\/"},{"@type":"ListItem","position":3,"name":"Elixir"}]},{"@type":"WebSite","@id":"https:\/\/www.vpascode.com\/fr\/#website","url":"https:\/\/www.vpascode.com\/fr\/","name":"VPasCode","description":"by Visual Paradigm","publisher":{"@id":"https:\/\/www.vpascode.com\/fr\/#organization"},"potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/www.vpascode.com\/fr\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"fr-FR"},{"@type":"Organization","@id":"https:\/\/www.vpascode.com\/fr\/#organization","name":"VPasCode","url":"https:\/\/www.vpascode.com\/fr\/","logo":{"@type":"ImageObject","inLanguage":"fr-FR","@id":"https:\/\/www.vpascode.com\/fr\/#\/schema\/logo\/image\/","url":"https:\/\/www.vpascode.com\/fr\/wp-content\/uploads\/sites\/6\/2026\/06\/cropped-vp-online-logo-v1.png","contentUrl":"https:\/\/www.vpascode.com\/fr\/wp-content\/uploads\/sites\/6\/2026\/06\/cropped-vp-online-logo-v1.png","width":128,"height":138,"caption":"VPasCode"},"image":{"@id":"https:\/\/www.vpascode.com\/fr\/#\/schema\/logo\/image\/"}}]}},"_links":{"self":[{"href":"https:\/\/www.vpascode.com\/fr\/wp-json\/wp\/v2\/ld_docs\/2024","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.vpascode.com\/fr\/wp-json\/wp\/v2\/ld_docs"}],"about":[{"href":"https:\/\/www.vpascode.com\/fr\/wp-json\/wp\/v2\/types\/ld_docs"}],"author":[{"embeddable":true,"href":"https:\/\/www.vpascode.com\/fr\/wp-json\/wp\/v2\/users\/3"}],"wp:attachment":[{"href":"https:\/\/www.vpascode.com\/fr\/wp-json\/wp\/v2\/media?parent=2024"}],"wp:term":[{"taxonomy":"ld_collection","embeddable":true,"href":"https:\/\/www.vpascode.com\/fr\/wp-json\/wp\/v2\/ld_collection?post=2024"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}