{"id":394,"date":"2016-03-09T09:09:51","date_gmt":"2016-03-09T08:09:51","guid":{"rendered":"http:\/\/www.fabienm.eu\/flf\/?p=394"},"modified":"2016-03-09T09:13:16","modified_gmt":"2016-03-09T08:13:16","slug":"de-beaux-chronogrammes-avec-wavedrom","status":"publish","type":"post","link":"http:\/\/www.fabienm.eu\/flf\/de-beaux-chronogrammes-avec-wavedrom\/","title":{"rendered":"De beaux chronogrammes avec Wavedrom"},"content":{"rendered":"<p><a href=\"http:\/\/wavedrom.com\/\">wavedrom<\/a> est une librairie html\/javascript permettant de faire de superbes rendu de chronogrammes.<\/p>\n<p>La syntaxe en JSON est relativement simple et permet de cr\u00e9er tr\u00e8s rapidement des chronogrammes dans sa page web.<\/p>\n<pre><code>&lt;script type=\"WaveDrom\"&gt;\r\n{ signal : [\r\n{ name: \"clk\", wave: \"p......\" },\r\n{ name: \"bus\", wave: \"x.34.5x\", data: \"head body tail\" },\r\n{ name: \"wire\", wave: \"0.1..0.\" },\r\n]}\r\n&lt;\/script&gt;<\/code><\/pre>\n<p><script type=\"WaveDrom\">\n{ signal : [ { name: \"clk\", wave: \"p......\" }, { name: \"bus\", wave: \"x.34.5x\", data: \"head body tail\" }, { name: \"wire\", wave: \"0.1..0.\" }, ]}\n<\/script><\/p>\n<p>Si l&rsquo;on souhaite faire une utilisation hors ligne de wavedrom il est possible de t\u00e9l\u00e9charger l&rsquo;<a href=\"https:\/\/github.com\/wavedrom\/wavedrom.github.io\/releases\">\u00e9diteur sur le site<\/a>. L&rsquo;\u00e9diteur permet de faire des modifications du code json avec le rendu en live. Il permet \u00e9galement d&rsquo;enregistrer le rendu sous un format image pour que l&rsquo;on puisse incorporer le chronogramme dans son document.<\/p>\n<p><a href=\"http:\/\/www.fabienm.eu\/flf\/wp-content\/uploads\/2016\/03\/wavedromeditor.png\" rel=\"attachment wp-att-459\"><img loading=\"lazy\" decoding=\"async\" class=\"alignnone size-full wp-image-459\" src=\"http:\/\/www.fabienm.eu\/flf\/wp-content\/uploads\/2016\/03\/wavedromeditor.png\" alt=\"wavedromeditor\" width=\"685\" height=\"385\" srcset=\"http:\/\/www.fabienm.eu\/flf\/wp-content\/uploads\/2016\/03\/wavedromeditor.png 685w, http:\/\/www.fabienm.eu\/flf\/wp-content\/uploads\/2016\/03\/wavedromeditor-300x169.png 300w\" sizes=\"auto, (max-width: 685px) 100vw, 685px\" \/><\/a><\/p>\n<p>Tr\u00e8s pratique pour \u00e9crire ses documents de sp\u00e9cification.<\/p>\n","protected":false},"excerpt":{"rendered":"<p>wavedrom est une librairie html\/javascript permettant de faire de superbes rendu de chronogrammes. La syntaxe en JSON est relativement simple et permet de cr\u00e9er tr\u00e8s rapidement des chronogrammes dans sa page web. &lt;script type=\u00a0\u00bbWaveDrom\u00a0\u00bb&gt; { signal : [ { name: \u00ab\u00a0clk\u00a0\u00bb, wave: \u00ab\u00a0p&#8230;&#8230;\u00a0\u00bb }, { name: \u00ab\u00a0bus\u00a0\u00bb, wave: \u00ab\u00a0x.34.5x\u00a0\u00bb, data: \u00ab\u00a0head body tail\u00a0\u00bb }, { &hellip; <a href=\"http:\/\/www.fabienm.eu\/flf\/de-beaux-chronogrammes-avec-wavedrom\/\" class=\"more-link\">Continuer la lecture de <span class=\"screen-reader-text\">De beaux chronogrammes avec Wavedrom<\/span> <span class=\"meta-nav\">&rarr;<\/span><\/a><\/p>\n","protected":false},"author":2,"featured_media":0,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"_uag_custom_page_level_css":"","footnotes":""},"categories":[9],"tags":[63,64],"class_list":["post-394","post","type-post","status-publish","format-standard","hentry","category-outils","tag-chronogramme","tag-wavedrom"],"uagb_featured_image_src":{"full":false,"thumbnail":false,"medium":false,"medium_large":false,"large":false,"1536x1536":false,"2048x2048":false,"post-thumbnail":false},"uagb_author_info":{"display_name":"Fabien Marteau","author_link":"http:\/\/www.fabienm.eu\/flf\/author\/martoni\/"},"uagb_comment_info":1,"uagb_excerpt":"wavedrom est une librairie html\/javascript permettant de faire de superbes rendu de chronogrammes. La syntaxe en JSON est relativement simple et permet de cr\u00e9er tr\u00e8s rapidement des chronogrammes dans sa page web. &lt;script type=\"WaveDrom\"&gt; { signal : [ { name: \"clk\", wave: \"p......\" }, { name: \"bus\", wave: \"x.34.5x\", data: \"head body tail\" }, {\u2026","_links":{"self":[{"href":"http:\/\/www.fabienm.eu\/flf\/wp-json\/wp\/v2\/posts\/394","targetHints":{"allow":["GET"]}}],"collection":[{"href":"http:\/\/www.fabienm.eu\/flf\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"http:\/\/www.fabienm.eu\/flf\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"http:\/\/www.fabienm.eu\/flf\/wp-json\/wp\/v2\/users\/2"}],"replies":[{"embeddable":true,"href":"http:\/\/www.fabienm.eu\/flf\/wp-json\/wp\/v2\/comments?post=394"}],"version-history":[{"count":12,"href":"http:\/\/www.fabienm.eu\/flf\/wp-json\/wp\/v2\/posts\/394\/revisions"}],"predecessor-version":[{"id":464,"href":"http:\/\/www.fabienm.eu\/flf\/wp-json\/wp\/v2\/posts\/394\/revisions\/464"}],"wp:attachment":[{"href":"http:\/\/www.fabienm.eu\/flf\/wp-json\/wp\/v2\/media?parent=394"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"http:\/\/www.fabienm.eu\/flf\/wp-json\/wp\/v2\/categories?post=394"},{"taxonomy":"post_tag","embeddable":true,"href":"http:\/\/www.fabienm.eu\/flf\/wp-json\/wp\/v2\/tags?post=394"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}