{"id":2123,"date":"2026-05-26T07:26:49","date_gmt":"2026-05-26T07:26:49","guid":{"rendered":"https:\/\/www.vpascode.com\/es\/docs\/uncategorized\/plantuml-timing-diagram-syntax-guide\/"},"modified":"2026-05-26T07:26:49","modified_gmt":"2026-05-26T07:26:49","slug":"plantuml-timing-diagram-syntax-guide","status":"publish","type":"ld_docs","link":"https:\/\/www.vpascode.com\/es\/docs\/vpascode-docs\/plantuml-timing-diagram-syntax-guide\/","title":{"rendered":"Gu\u00eda de sintaxis de diagramas de tiempo de PlantUML"},"content":{"rendered":"<h2>\u00bfQu\u00e9 es un diagrama de tiempo?<\/h2>\n<p>Un <strong>Diagrama de tiempo<\/strong> es un diagrama comportamental especializado <strong>diagrama UML<\/strong> dise\u00f1ado para visualizar la duraci\u00f3n exacta de los estados y las condiciones precisas bajo las cuales esos estados cambian a lo largo de una l\u00ednea de tiempo lineal. Como parte esencial de la especificaci\u00f3n del Lenguaje Unificado de Modelado (UML), este tipo espec\u00edfico de<strong>tipo de diagrama UML<\/strong> se enfoca fuertemente en restricciones de tiempo r\u00edgidas, ciclos de reloj y se\u00f1ales de onda. Rastrea formas de onda o l\u00edneas de paso para ilustrar exactamente cu\u00e1nto tiempo un objeto permanece en una condici\u00f3n espec\u00edfica antes de que un disparador externo cambie su estado.<\/p>\n<p>Los mapas de tiempo se utilizan ampliamente por ingenieros de sistemas embebidos, desarrolladores de protocolos de red y arquitectos de hardware para modelar condiciones de carrera, rastrear cambios en el ciclo de vida de hilos o mapear transiciones de registros de hardware. Con<strong>VPasCode<\/strong>, no tienes que calcular manualmente los anchos de p\u00edxeles ni mapear coordenadas de la l\u00ednea de tiempo. Nuestro motor de renderizado maneja toda la cuadr\u00edcula temporal autom\u00e1ticamente bas\u00e1ndose en tus scripts de texto plano.<\/p>\n<h2>Gu\u00eda de sintaxis principal: Elementos y construcciones<\/h2>\n<p>Para dise\u00f1ar un diagrama de tiempo UML preciso y conforme a est\u00e1ndares en PlantUML, debes dominar los tipos de participantes, las definiciones de estado, los intervalos de tiempo y las restricciones de sincronizaci\u00f3n.<\/p>\n<h3>1. Declaraci\u00f3n de participantes (Robusto frente a Conciso)<\/h3>\n<p>Puedes modelar l\u00edneas de tiempo utilizando dos estilos visuales distintos, dependiendo de cu\u00e1nto detalle requiera tu sistema. Debes declararlos utilizando palabras clave expl\u00edcitas:<\/p>\n<ul>\n<li><strong>L\u00edneas de tiempo robustas:<\/strong> Muestra los estados como filas distintas y apiladas. Ideal para procesos de software de alto nivel.\n<pre><code>robusto \"Hilo de aplicaci\u00f3n\" como Hilo<\/code><\/pre>\n<\/li>\n<li><strong>L\u00edneas de tiempo concisas:<\/strong> Muestra los estados a lo largo de una sola l\u00ednea plana, utilizando bloques con trazos cruzados para indicar cambios. Perfecto para mapas de se\u00f1ales de hardware compactos.\n<pre><code>conciso \"Registro de CPU\" como Reg<\/code><\/pre>\n<\/li>\n<\/ul>\n<h3>2. Definici\u00f3n de transiciones de estado y pasos de tiempo<\/h3>\n<p>A diferencia de otros diagramas, cambias los estados declarando un punto de control de tiempo utilizando el<code>@<\/code> s\u00edmbolo, haciendo referencia a tu participante y utilizando el<code>es<\/code> palabra clave. Los nombres de estado que contienen espacios o caracteres especiales deben ir entre comillas:<\/p>\n<pre><code>@0\r\nHilo es Inactivo\r\n\r\n@10\r\nHilo es \"Procesando datos\"<\/code><\/pre>\n<h3>3. Generaci\u00f3n de se\u00f1ales de reloj<\/h3>\n<p>Para simular relojes de hardware binario, use la <code>clock<\/code>palabra clave. Debe especificar un per\u00edodo de ciclo, un ciclo de trabajo opcional y un nombre interno:<\/p>\n<pre><code>clock \"Reloj del Sistema\" como CLK con per\u00edodo 2<\/code><\/pre>\n<h3>4. Agregar restricciones de precisi\u00f3n y planillas de tiempo<\/h3>\n<p>Para documentar plazos de ejecuci\u00f3n estrictos (como asegurar que una transici\u00f3n del sistema ocurra dentro de una ventana especificada), use la <code>&lt;-&gt;<\/code>sintaxis para unir dos coordenadas de tiempo con una etiqueta descriptiva:<\/p>\n<pre><code>@10 &lt;-&gt; @40 : {Menos de 30ms}<\/code><\/pre>\n<h2>Mejores pr\u00e1cticas para dise\u00f1os de temporizaci\u00f3n limpios<\/h2>\n<ul>\n<li><strong>Mantenga las unidades de tiempo uniformes:<\/strong>PlantUML trata los enteros de la l\u00ednea de tiempo como pasos secuenciales gen\u00e9ricos. Elija una unidad de tiempo uniforme para su proyecto (por ejemplo, pulsos, microsegundos o segundos) y mant\u00e9ngala de forma consistente.<\/li>\n<li><strong>Use etiquetas para transiciones complejas:<\/strong>Puede agregar mensajes de texto directamente sobre los cambios de estado a\u00f1adiendo dos puntos inmediatamente despu\u00e9s de la asignaci\u00f3n de estado (por ejemplo, <code>@10nReg est\u00e1 leyendo : \"Activar interrupci\u00f3n\"<\/code>).<\/li>\n<li><strong>Ordene las declaraciones de forma estrat\u00e9gica:<\/strong>PlantUML apila las l\u00edneas de vida verticalmente en el orden exacto en que se declaran en su script. Siempre coloque sus relojes maestros en la parte superior para una alineaci\u00f3n m\u00e1s f\u00e1cil.<\/li>\n<\/ul>\n<h2>Ejemplos reales de diagramas de temporizaci\u00f3n de PlantUML<\/h2>\n<h3>Ejemplo 1: Estado de cach\u00e9 y registros de microcontrolador (conciso y formas de onda de reloj)<\/h3>\n<p>Este plano ejecutable demuestra una l\u00ednea de tiempo cl\u00e1sica de ingenier\u00eda de hardware embebido, ejecutando un reloj de sistema est\u00e1ndar junto con un registro de almacenamiento de datos conciso que rastrea los estados del hardware.<\/p>\n<div class=\"vpascode-viewer-container vpascode-fancy-active\">\n<div class=\"vpascode-header\">\n<span class=\"vpascode-lang-label\">Plantuml<\/span><br \/>\n<a class=\"vpascode-fancy-btn\" href=\"https:\/\/www.vpascode.com\/editor\/#plantuml:NOy_2y903CNtW_iEuIRTj8Y3Kx7LnKvrS3xkGXlwbxiKwRStd531BU_tUCbB7ja6NePUAzTFhWFpN2FZ04LIkw9wx0tO2Axlu4tSmeo19W-P1ARHKKGmfMKBroL2ZGr9EgI42AsqoWzQoGWKuJRCl2QMRQn6wsbiu0BcZknQa_ppvhy2iVY97d-hAcc7_ajF_mTo7Bsyz040\" rel=\"noopener noreferrer\" target=\"_blank\"><br \/>\n<svg fill=\"none\" height=\"14\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2.5\" style=\"margin-right: 8px;\" viewbox=\"0 0 24 24\" width=\"14\"><path d=\"M11 4H4a2 2 0 0 0-2 2v14a2 2 0 0 0 2 2h14a2 2 0 0 0 2-2v-7\"><\/path><path d=\"M18.5 2.5a2.121 2.121 0 0 1 3 3L12 15l-4 1 1-4 9.5-9.5z\"><\/path><\/svg><br \/>\n<span>Editar Plantuml en VPasCode<\/span><br \/>\n<\/a>\n<\/div>\n<div class=\"vpascode-code-wrapper\">\n            <div class=\"vpascode-viewer-container vpascode-fancy-active\">\r\n                                <div class=\"vpascode-header\">\r\n                    <span class=\"vpascode-lang-label\">Plantuml<\/span>\r\n                    <a href=\"https:\/\/www.vpascode.com\/editor\/#plantuml:ROzD2i9038Nt0tE7q9Nkj8WBLqNTwKfFC4s3Z4uRdH_1utW0Jz6BcIaA5LmbvBtlFLA5Q7nChTCA7UC5YWCvFaD33eusH6eDJ3RxtRG0v9O1tKMM3gxa-nSt3AM0tA4DdD6J89w5XdKAUMnDvF1XHTPAgsgcbQn08VPFk1kKeE5UZk-E7jH9_Yh7Of8-uul1jXpRAA2tjStMGPp_XDUERudCLrlyAww4bV_V\" \r\n                       target=\"_blank\" \r\n                       rel=\"noopener noreferrer\" \r\n                       class=\"vpascode-fancy-btn\">\r\n                        <svg width=\"14\" height=\"14\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\" style=\"margin-right: 8px;\"><path d=\"M11 4H4a2 2 0 0 0-2 2v14a2 2 0 0 0 2 2h14a2 2 0 0 0 2-2v-7\"><\/path><path d=\"M18.5 2.5a2.121 2.121 0 0 1 3 3L12 15l-4 1 1-4 9.5-9.5z\"><\/path><\/svg>\r\n                        <span>Edit Plantuml in VPasCode<\/span>\r\n                    <\/a>\r\n                <\/div>\r\n                                <div class=\"vpascode-code-wrapper\">\r\n                    <pre class=\"lang-plantuml\"><code class=\"language-plantuml\" data-language=\"plantuml\" class=\"language-plantuml\">@startuml\r\nclock \"Reloj del Sistema (CLK)\" como clk con per\u00edodo 2\r\nconciso \"Registro de Bus de Datos\" como Reg\r\n\r\n@0\r\nReg est\u00e1 vac\u00edo\r\n\r\n@2\r\nReg est\u00e1 leyendo : \"Recuperar\"\r\n\r\n@6\r\nReg est\u00e1 escribiendo\r\n\r\n@10\r\nReg est\u00e1 bloqueado\r\n\r\n@14\r\nReg est\u00e1 vac\u00edo\r\n@enduml<\/code><\/pre>                <\/div>\r\n                <div class=\"vpascode-actions\">\r\n                    <a href=\"https:\/\/www.vpascode.com\/editor\/#plantuml:ROzD2i9038Nt0tE7q9Nkj8WBLqNTwKfFC4s3Z4uRdH_1utW0Jz6BcIaA5LmbvBtlFLA5Q7nChTCA7UC5YWCvFaD33eusH6eDJ3RxtRG0v9O1tKMM3gxa-nSt3AM0tA4DdD6J89w5XdKAUMnDvF1XHTPAgsgcbQn08VPFk1kKeE5UZk-E7jH9_Yh7Of8-uul1jXpRAA2tjStMGPp_XDUERudCLrlyAww4bV_V\" \r\n                       target=\"_blank\" \r\n                       rel=\"noopener noreferrer\" \r\n                       class=\"vpascode-fancy-btn\">\r\n                        <svg width=\"14\" height=\"14\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\" style=\"margin-right: 6px;\"><path d=\"M11 4H4a2 2 0 0 0-2 2v14a2 2 0 0 0 2 2h14a2 2 0 0 0 2-2v-7\"><\/path><path d=\"M18.5 2.5a2.121 2.121 0 0 1 3 3L12 15l-4 1 1-4 9.5-9.5z\"><\/path><\/svg>\r\n                        <span>Edit Plantuml in VPasCode<\/span>\r\n                    <\/a>\r\n                <\/div>\r\n            <\/div>\r\n            \n<\/p><\/div>\n<div class=\"vpascode-actions\">\n<a class=\"vpascode-fancy-btn\" href=\"https:\/\/www.vpascode.com\/editor\/#plantuml:NOy_2y903CNtW_iEuIRTj8Y3Kx7LnKvrS3xkGXlwbxiKwRStd531BU_tUCbB7ja6NePUAzTFhWFpN2FZ04LIkw9wx0tO2Axlu4tSmeo19W-P1ARHKKGmfMKBroL2ZGr9EgI42AsqoWzQoGWKuJRCl2QMRQn6wsbiu0BcZknQa_ppvhy2iVY97d-hAcc7_ajF_mTo7Bsyz040\" rel=\"noopener noreferrer\" target=\"_blank\"><br \/>\n<svg fill=\"none\" height=\"14\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2.5\" style=\"margin-right: 6px;\" viewbox=\"0 0 24 24\" width=\"14\"><path d=\"M11 4H4a2 2 0 0 0-2 2v14a2 2 0 0 0 2 2h14a2 2 0 0 0 2-2v-7\"><\/path><path d=\"M18.5 2.5a2.121 2.121 0 0 1 3 3L12 15l-4 1 1-4 9.5-9.5z\"><\/path><\/svg><br \/>\n<span>Editar Plantuml en VPasCode<\/span><br \/>\n<\/a>\n<\/div>\n<\/div>\n<p id=\"GoDTibn\"><img fetchpriority=\"high\" alt=\"\" class=\"alignnone size-full wp-image-596\" decoding=\"async\" fetchpriority=\"high\" height=\"134\" sizes=\"(max-width: 417px) 100vw, 417px\" src=\"https:\/\/www.vpascode.com\/wp-content\/uploads\/2026\/05\/img_6a1900d6b36ba.png\" srcset=\"https:\/\/www.vpascode.com\/wp-content\/uploads\/2026\/05\/img_6a1900d6b36ba.png 417w, https:\/\/www.vpascode.com\/wp-content\/uploads\/2026\/05\/img_6a1900d6b36ba-300x96.png 300w\" width=\"417\"\/><\/p>\n<p><strong>Desglose de sintaxis:<\/strong> El <code>clock<\/code>directiva crea autom\u00e1ticamente una onda cuadrada r\u00edtmica de alto\/bajo. El <code>Reg<\/code> la l\u00ednea maneja m\u00faltiples asignaciones de estado de forma secuencial sobre la cuadr\u00edcula de tiempo absoluta. Las cadenas de texto que terminan con dos puntos (como <code>: \"Recuperar\"<\/code>) se representan como llamadas limpias directamente sobre la l\u00ednea de l\u00edmite de transici\u00f3n.<\/p>\n<h3>Ejemplo 2: Actualizaci\u00f3n as\u00edncrona de token para consumidor web (Restricciones robustas de m\u00faltiples hilos)<\/h3>\n<p>Este avanzado plano arquitect\u00f3nico de software completamente funcional aprovecha el formato de dise\u00f1o robusto para rastrear el flujo de trabajo de una aplicaci\u00f3n web multihilo, mapeando plazos de tiempo precisos entre un cliente web y un trabajador de autorizaci\u00f3n.<\/p>\n<div class=\"vpascode-viewer-container vpascode-fancy-active\">\n<div class=\"vpascode-header\">\n<span class=\"vpascode-lang-label\">Plantuml<\/span><br \/>\n<a class=\"vpascode-fancy-btn\" href=\"https:\/\/www.vpascode.com\/editor\/#plantuml:PT2n2i8m40RWFP1tEBeBMimY8gqEuYOgTax9KKDZ8fUK3kAxcmQrecFk__XpNE63fD1T3MVawiu7o2giOKskzqYmCHfjo41wYEFHb5sumCcrQA5or28bCamvuwoOSZQqQ0yxPP2pnEFhQ11lIOYFA7kfWxPDQXlfMHgjv10aFnDZj4MBz1t1ShA28XUmWFixT74pRPNh7mdbuc-Br_y7j0efbkrbWydEVzSl8eadUW80\" rel=\"noopener noreferrer\" target=\"_blank\"><br \/>\n<svg fill=\"none\" height=\"14\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2.5\" style=\"margin-right: 8px;\" viewbox=\"0 0 24 24\" width=\"14\"><path d=\"M11 4H4a2 2 0 0 0-2 2v14a2 2 0 0 0 2 2h14a2 2 0 0 0 2-2v-7\"><\/path><path d=\"M18.5 2.5a2.121 2.121 0 0 1 3 3L12 15l-4 1 1-4 9.5-9.5z\"><\/path><\/svg><br \/>\n<span>Editar Plantuml en VPasCode<\/span><br \/>\n<\/a>\n<\/div>\n<div class=\"vpascode-code-wrapper\">\n            <div class=\"vpascode-viewer-container vpascode-fancy-active\">\r\n                                <div class=\"vpascode-header\">\r\n                    <span class=\"vpascode-lang-label\">Plantuml<\/span>\r\n                    <a href=\"https:\/\/www.vpascode.com\/editor\/#plantuml:TP11QiCm44Nt0jrXoBxGXdWJId7f5Kgx7bk3gzQUCTBOWPOS9cV84NonoBAX2RGxeV_-r_ygesBGeMkj2L8DKGKsBwqdLW97BJ2ErA2J00UgDb1B9_1ErHNz6h32pumu0fKlulc0WqhmtrZxwSohyNdG3skiAU-jII50KQSJUCPQ_IZMpFfwcU8wxoJJnJLDiQU0x6HvwiOqOklTh6NRGt4ZDiIBSHNXyUu9ocq1U_XvItkHSUwzOBdrCPFRukzYlvK2zO5YZaYr-kdKf4dPk_jdQ4diqfzV0000\" \r\n                       target=\"_blank\" \r\n                       rel=\"noopener noreferrer\" \r\n                       class=\"vpascode-fancy-btn\">\r\n                        <svg width=\"14\" height=\"14\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\" style=\"margin-right: 8px;\"><path d=\"M11 4H4a2 2 0 0 0-2 2v14a2 2 0 0 0 2 2h14a2 2 0 0 0 2-2v-7\"><\/path><path d=\"M18.5 2.5a2.121 2.121 0 0 1 3 3L12 15l-4 1 1-4 9.5-9.5z\"><\/path><\/svg>\r\n                        <span>Edit Plantuml in VPasCode<\/span>\r\n                    <\/a>\r\n                <\/div>\r\n                                <div class=\"vpascode-code-wrapper\">\r\n                    <pre class=\"lang-plantuml\"><code class=\"language-plantuml\" data-language=\"plantuml\" class=\"language-plantuml\">@startuml\r\nrobusto \"Cliente del navegador web\" como Web\r\nrobusto \"Trabajador de token de autorizaci\u00f3n\" como Auth\r\n\r\n@0\r\nWeb est\u00e1 inactivo\r\nAuth est\u00e1 dormido\r\n\r\n@5\r\nWeb est\u00e1 esperando token\r\nAuth est\u00e1 validando\r\n\r\n@15\r\nAuth est\u00e1 generando\r\n\r\n@15 &lt;-&gt; @25 : {Ventana de generaci\u00f3n}\r\n\r\n@25\r\nAuth est\u00e1 dormido\r\nWeb est\u00e1 representando p\u00e1gina\r\n\r\n@40\r\nWeb est\u00e1 inactivo\r\n@enduml<\/code><\/pre>                <\/div>\r\n                <div class=\"vpascode-actions\">\r\n                    <a href=\"https:\/\/www.vpascode.com\/editor\/#plantuml:TP11QiCm44Nt0jrXoBxGXdWJId7f5Kgx7bk3gzQUCTBOWPOS9cV84NonoBAX2RGxeV_-r_ygesBGeMkj2L8DKGKsBwqdLW97BJ2ErA2J00UgDb1B9_1ErHNz6h32pumu0fKlulc0WqhmtrZxwSohyNdG3skiAU-jII50KQSJUCPQ_IZMpFfwcU8wxoJJnJLDiQU0x6HvwiOqOklTh6NRGt4ZDiIBSHNXyUu9ocq1U_XvItkHSUwzOBdrCPFRukzYlvK2zO5YZaYr-kdKf4dPk_jdQ4diqfzV0000\" \r\n                       target=\"_blank\" \r\n                       rel=\"noopener noreferrer\" \r\n                       class=\"vpascode-fancy-btn\">\r\n                        <svg width=\"14\" height=\"14\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\" style=\"margin-right: 6px;\"><path d=\"M11 4H4a2 2 0 0 0-2 2v14a2 2 0 0 0 2 2h14a2 2 0 0 0 2-2v-7\"><\/path><path d=\"M18.5 2.5a2.121 2.121 0 0 1 3 3L12 15l-4 1 1-4 9.5-9.5z\"><\/path><\/svg>\r\n                        <span>Edit Plantuml in VPasCode<\/span>\r\n                    <\/a>\r\n                <\/div>\r\n            <\/div>\r\n            \n<\/p><\/div>\n<div class=\"vpascode-actions\">\n<a class=\"vpascode-fancy-btn\" href=\"https:\/\/www.vpascode.com\/editor\/#plantuml:PT2n2i8m40RWFP1tEBeBMimY8gqEuYOgTax9KKDZ8fUK3kAxcmQrecFk__XpNE63fD1T3MVawiu7o2giOKskzqYmCHfjo41wYEFHb5sumCcrQA5or28bCamvuwoOSZQqQ0yxPP2pnEFhQ11lIOYFA7kfWxPDQXlfMHgjv10aFnDZj4MBz1t1ShA28XUmWFixT74pRPNh7mdbuc-Br_y7j0efbkrbWydEVzSl8eadUW80\" rel=\"noopener noreferrer\" target=\"_blank\"><br \/>\n<svg fill=\"none\" height=\"14\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2.5\" style=\"margin-right: 6px;\" viewbox=\"0 0 24 24\" width=\"14\"><path d=\"M11 4H4a2 2 0 0 0-2 2v14a2 2 0 0 0 2 2h14a2 2 0 0 0 2-2v-7\"><\/path><path d=\"M18.5 2.5a2.121 2.121 0 0 1 3 3L12 15l-4 1 1-4 9.5-9.5z\"><\/path><\/svg><br \/>\n<span>Editar Plantuml en VPasCode<\/span><br \/>\n<\/a>\n<\/div>\n<\/div>\n<p id=\"gbonjBY\"><img alt=\"\" class=\"alignnone size-full wp-image-597\" decoding=\"async\" height=\"196\" sizes=\"(max-width: 554px) 100vw, 554px\" src=\"https:\/\/www.vpascode.com\/wp-content\/uploads\/2026\/05\/img_6a1900e30fbf7.png\" srcset=\"https:\/\/www.vpascode.com\/wp-content\/uploads\/2026\/05\/img_6a1900e30fbf7.png 554w, https:\/\/www.vpascode.com\/wp-content\/uploads\/2026\/05\/img_6a1900e30fbf7-300x106.png 300w\" width=\"554\"\/><\/p>\n<p><strong>Desglose de sintaxis:<\/strong> Al utilizar la <code>robusto<\/code> declaraci\u00f3n, los estados se listan limpiamente en el eje Y para cada fila individual de l\u00ednea de vida. La restricci\u00f3n de evaluaci\u00f3n de tiempo (<code>@15 &lt;-&gt; @25 : {Ventana de generaci\u00f3n}<\/code>) dibuja una flecha est\u00e1ndar de doble lado a lo largo de la parte superior de la cuadr\u00edcula de tiempo, indicando un l\u00edmite operativo estricto.<\/p>\n","protected":false},"excerpt":{"rendered":"<p>\u00bfQu\u00e9 es un diagrama de tiempo? Un Diagrama de tiempo es un diagrama comportamental especializado diagrama UML dise\u00f1ado para visualizar la duraci\u00f3n exacta de los estados y las condiciones precisas bajo las cuales esos estados cambian a lo largo de&#8230;<\/p>\n","protected":false},"author":4,"featured_media":0,"parent":0,"menu_order":9,"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-2123","ld_docs","type-ld_docs","status-publish","hentry","ld_collection-vpascode-docs"],"yoast_head":"<!-- This site is optimized with the Yoast SEO plugin v27.6 - https:\/\/yoast.com\/product\/yoast-seo-wordpress\/ -->\n<title>PlantUML Timing Diagram Syntax | VPasCode Text to Diagram Guide<\/title>\n<meta name=\"description\" content=\"Analyze time-dependent state changes with PlantUML timing diagrams in VPasCode, an advanced diagram-as-code tool.\" \/>\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\/es\/docs\/vpascode-docs\/plantuml-timing-diagram-syntax-guide\/\" \/>\n<meta property=\"og:locale\" content=\"es_ES\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"PlantUML Timing Diagram Syntax | VPasCode Text to Diagram Guide\" \/>\n<meta property=\"og:description\" content=\"Analyze time-dependent state changes with PlantUML timing diagrams in VPasCode, an advanced diagram-as-code tool.\" \/>\n<meta property=\"og:url\" content=\"https:\/\/www.vpascode.com\/es\/docs\/vpascode-docs\/plantuml-timing-diagram-syntax-guide\/\" \/>\n<meta property=\"og:site_name\" content=\"VPasCode\" \/>\n<meta property=\"og:image\" content=\"https:\/\/www.vpascode.com\/wp-content\/uploads\/2026\/05\/img_6a1900d6b36ba.png\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:label1\" content=\"Tiempo de lectura\" \/>\n\t<meta name=\"twitter:data1\" content=\"3 minutos\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\\\/\\\/schema.org\",\"@graph\":[{\"@type\":\"WebPage\",\"@id\":\"https:\\\/\\\/www.vpascode.com\\\/es\\\/docs\\\/vpascode-docs\\\/plantuml-timing-diagram-syntax-guide\\\/\",\"url\":\"https:\\\/\\\/www.vpascode.com\\\/es\\\/docs\\\/vpascode-docs\\\/plantuml-timing-diagram-syntax-guide\\\/\",\"name\":\"PlantUML Timing Diagram Syntax | VPasCode Text to Diagram Guide\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/www.vpascode.com\\\/es\\\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\\\/\\\/www.vpascode.com\\\/es\\\/docs\\\/vpascode-docs\\\/plantuml-timing-diagram-syntax-guide\\\/#primaryimage\"},\"image\":{\"@id\":\"https:\\\/\\\/www.vpascode.com\\\/es\\\/docs\\\/vpascode-docs\\\/plantuml-timing-diagram-syntax-guide\\\/#primaryimage\"},\"thumbnailUrl\":\"https:\\\/\\\/www.vpascode.com\\\/wp-content\\\/uploads\\\/2026\\\/05\\\/img_6a1900d6b36ba.png\",\"datePublished\":\"2026-05-26T07:26:49+00:00\",\"description\":\"Analyze time-dependent state changes with PlantUML timing diagrams in VPasCode, an advanced diagram-as-code tool.\",\"breadcrumb\":{\"@id\":\"https:\\\/\\\/www.vpascode.com\\\/es\\\/docs\\\/vpascode-docs\\\/plantuml-timing-diagram-syntax-guide\\\/#breadcrumb\"},\"inLanguage\":\"es\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\\\/\\\/www.vpascode.com\\\/es\\\/docs\\\/vpascode-docs\\\/plantuml-timing-diagram-syntax-guide\\\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"es\",\"@id\":\"https:\\\/\\\/www.vpascode.com\\\/es\\\/docs\\\/vpascode-docs\\\/plantuml-timing-diagram-syntax-guide\\\/#primaryimage\",\"url\":\"https:\\\/\\\/www.vpascode.com\\\/wp-content\\\/uploads\\\/2026\\\/05\\\/img_6a1900d6b36ba.png\",\"contentUrl\":\"https:\\\/\\\/www.vpascode.com\\\/wp-content\\\/uploads\\\/2026\\\/05\\\/img_6a1900d6b36ba.png\"},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\\\/\\\/www.vpascode.com\\\/es\\\/docs\\\/vpascode-docs\\\/plantuml-timing-diagram-syntax-guide\\\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\\\/\\\/www.vpascode.com\\\/es\\\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Lean Docs\",\"item\":\"https:\\\/\\\/www.vpascode.com\\\/es\\\/docs\\\/%ld_collection%\\\/\"},{\"@type\":\"ListItem\",\"position\":3,\"name\":\"Gu\u00eda de sintaxis de diagramas de tiempo de PlantUML\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\\\/\\\/www.vpascode.com\\\/es\\\/#website\",\"url\":\"https:\\\/\\\/www.vpascode.com\\\/es\\\/\",\"name\":\"VPasCode\",\"description\":\"by Visual Paradigm\",\"publisher\":{\"@id\":\"https:\\\/\\\/www.vpascode.com\\\/es\\\/#organization\"},\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\\\/\\\/www.vpascode.com\\\/es\\\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"es\"},{\"@type\":\"Organization\",\"@id\":\"https:\\\/\\\/www.vpascode.com\\\/es\\\/#organization\",\"name\":\"VPasCode\",\"url\":\"https:\\\/\\\/www.vpascode.com\\\/es\\\/\",\"logo\":{\"@type\":\"ImageObject\",\"inLanguage\":\"es\",\"@id\":\"https:\\\/\\\/www.vpascode.com\\\/es\\\/#\\\/schema\\\/logo\\\/image\\\/\",\"url\":\"https:\\\/\\\/www.vpascode.com\\\/es\\\/wp-content\\\/uploads\\\/sites\\\/5\\\/2026\\\/06\\\/cropped-vp-online-logo-v1.png\",\"contentUrl\":\"https:\\\/\\\/www.vpascode.com\\\/es\\\/wp-content\\\/uploads\\\/sites\\\/5\\\/2026\\\/06\\\/cropped-vp-online-logo-v1.png\",\"width\":128,\"height\":138,\"caption\":\"VPasCode\"},\"image\":{\"@id\":\"https:\\\/\\\/www.vpascode.com\\\/es\\\/#\\\/schema\\\/logo\\\/image\\\/\"}}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"PlantUML Timing Diagram Syntax | VPasCode Text to Diagram Guide","description":"Analyze time-dependent state changes with PlantUML timing diagrams in VPasCode, an advanced diagram-as-code tool.","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\/es\/docs\/vpascode-docs\/plantuml-timing-diagram-syntax-guide\/","og_locale":"es_ES","og_type":"article","og_title":"PlantUML Timing Diagram Syntax | VPasCode Text to Diagram Guide","og_description":"Analyze time-dependent state changes with PlantUML timing diagrams in VPasCode, an advanced diagram-as-code tool.","og_url":"https:\/\/www.vpascode.com\/es\/docs\/vpascode-docs\/plantuml-timing-diagram-syntax-guide\/","og_site_name":"VPasCode","og_image":[{"url":"https:\/\/www.vpascode.com\/wp-content\/uploads\/2026\/05\/img_6a1900d6b36ba.png","type":"","width":"","height":""}],"twitter_card":"summary_large_image","twitter_misc":{"Tiempo de lectura":"3 minutos"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"WebPage","@id":"https:\/\/www.vpascode.com\/es\/docs\/vpascode-docs\/plantuml-timing-diagram-syntax-guide\/","url":"https:\/\/www.vpascode.com\/es\/docs\/vpascode-docs\/plantuml-timing-diagram-syntax-guide\/","name":"PlantUML Timing Diagram Syntax | VPasCode Text to Diagram Guide","isPartOf":{"@id":"https:\/\/www.vpascode.com\/es\/#website"},"primaryImageOfPage":{"@id":"https:\/\/www.vpascode.com\/es\/docs\/vpascode-docs\/plantuml-timing-diagram-syntax-guide\/#primaryimage"},"image":{"@id":"https:\/\/www.vpascode.com\/es\/docs\/vpascode-docs\/plantuml-timing-diagram-syntax-guide\/#primaryimage"},"thumbnailUrl":"https:\/\/www.vpascode.com\/wp-content\/uploads\/2026\/05\/img_6a1900d6b36ba.png","datePublished":"2026-05-26T07:26:49+00:00","description":"Analyze time-dependent state changes with PlantUML timing diagrams in VPasCode, an advanced diagram-as-code tool.","breadcrumb":{"@id":"https:\/\/www.vpascode.com\/es\/docs\/vpascode-docs\/plantuml-timing-diagram-syntax-guide\/#breadcrumb"},"inLanguage":"es","potentialAction":[{"@type":"ReadAction","target":["https:\/\/www.vpascode.com\/es\/docs\/vpascode-docs\/plantuml-timing-diagram-syntax-guide\/"]}]},{"@type":"ImageObject","inLanguage":"es","@id":"https:\/\/www.vpascode.com\/es\/docs\/vpascode-docs\/plantuml-timing-diagram-syntax-guide\/#primaryimage","url":"https:\/\/www.vpascode.com\/wp-content\/uploads\/2026\/05\/img_6a1900d6b36ba.png","contentUrl":"https:\/\/www.vpascode.com\/wp-content\/uploads\/2026\/05\/img_6a1900d6b36ba.png"},{"@type":"BreadcrumbList","@id":"https:\/\/www.vpascode.com\/es\/docs\/vpascode-docs\/plantuml-timing-diagram-syntax-guide\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/www.vpascode.com\/es\/"},{"@type":"ListItem","position":2,"name":"Lean Docs","item":"https:\/\/www.vpascode.com\/es\/docs\/%ld_collection%\/"},{"@type":"ListItem","position":3,"name":"Gu\u00eda de sintaxis de diagramas de tiempo de PlantUML"}]},{"@type":"WebSite","@id":"https:\/\/www.vpascode.com\/es\/#website","url":"https:\/\/www.vpascode.com\/es\/","name":"VPasCode","description":"by Visual Paradigm","publisher":{"@id":"https:\/\/www.vpascode.com\/es\/#organization"},"potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/www.vpascode.com\/es\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"es"},{"@type":"Organization","@id":"https:\/\/www.vpascode.com\/es\/#organization","name":"VPasCode","url":"https:\/\/www.vpascode.com\/es\/","logo":{"@type":"ImageObject","inLanguage":"es","@id":"https:\/\/www.vpascode.com\/es\/#\/schema\/logo\/image\/","url":"https:\/\/www.vpascode.com\/es\/wp-content\/uploads\/sites\/5\/2026\/06\/cropped-vp-online-logo-v1.png","contentUrl":"https:\/\/www.vpascode.com\/es\/wp-content\/uploads\/sites\/5\/2026\/06\/cropped-vp-online-logo-v1.png","width":128,"height":138,"caption":"VPasCode"},"image":{"@id":"https:\/\/www.vpascode.com\/es\/#\/schema\/logo\/image\/"}}]}},"_links":{"self":[{"href":"https:\/\/www.vpascode.com\/es\/wp-json\/wp\/v2\/ld_docs\/2123","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.vpascode.com\/es\/wp-json\/wp\/v2\/ld_docs"}],"about":[{"href":"https:\/\/www.vpascode.com\/es\/wp-json\/wp\/v2\/types\/ld_docs"}],"author":[{"embeddable":true,"href":"https:\/\/www.vpascode.com\/es\/wp-json\/wp\/v2\/users\/4"}],"wp:attachment":[{"href":"https:\/\/www.vpascode.com\/es\/wp-json\/wp\/v2\/media?parent=2123"}],"wp:term":[{"taxonomy":"ld_collection","embeddable":true,"href":"https:\/\/www.vpascode.com\/es\/wp-json\/wp\/v2\/ld_collection?post=2123"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}