Tiny File Manager

Back Back Up Advanced Editor

<html>
<head>
  <meta charset="UTF-8">
  <title>Hitchhiker's Guide to the WaveDrom (Part 2)</title>
  <link rel="shortcut icon" href="images/favicon.ico"/>
  <script type="text/javascript" src="skins/default.js"></script>
  
  <script type="text/javascript" src="wavedrom.min.js"></script>
  <link href='https://fonts.googleapis.com/css?family=Roboto|Droid+Sans+Mono|Varela+Round' rel='stylesheet'>

<body>

<h1>Hitchhiker's Guide to the WaveDrom (Part 2)</h1>

<h2 id="logic-circuit-diagram">Logic Circuit Diagram</h2>

Element <span class="fixed">"assign"</span> is an array of logic circuit diagrams.
Each diagram by itself is an array, where first element is the name of circuit output,
and the second element is the tree of logical operators.

<pre class="brush: js">
{ assign:[
  ["o0", [Tree0]],
  ["o1", [Tree1]],
  ...
]}
</pre>

Tree of logical operators has operator string as first element
and operands for the each next element. Operand by itself can be a tree.
See some examples below.

<pre class="brush: js">
{ assign:[
  ["out",
    ["|",
      ["&", ["~", "a"], "b"],
      ["&", ["~", "b"], "a"]
    ]
  ]
]}
</pre>

<h3 id="binary-to-gray">Binary to Gray</h3>

<pre class="brush: js">
{ assign:[
  ["g0", ["^", "b0", "b1"]],
  ["g1", ["^", "b1", "b2"]],
  ["g2", ["^", "b2", "b3"]],
  ["g3", ["=", "b3"]]
]}
</pre>

<h3 id="gray-to-binary">Gray to Binary</h3>

<pre class="brush: js">
{ assign:[
  ["b3", "g3"],
  ["b2", ["^", "b3", "g2"]],
  ["b1", ["^", "b2", "g1"]],
  ["b0", ["^", "b1", "g0"]]
]}
</pre>

<div>
<div>
<pre class="brush: js">
{ assign:[
  ["z", ["~&",
    ["~^", ["~", "p0"], ["~", "q0"]],
    ["~^", ["~", "p1"], ["~", "q1"]],
    ["~^", ["~", "p2"], ["~", "q2"]],
    "...",
    ["~^", ["~", "p7"], ["~", "q7"]],
    ["~","~en"]
  ]]
]}
</pre>
</div>
<div>
<script type="WaveDrom">
{ assign:[
  ["z", ["~&",
    ["~^", ["~", "p0"], ["~", "q0"]],
    ["~^", ["~", "p1"], ["~", "q1"]],
    ["~^", ["~", "p2"], ["~", "q2"]],
    "...",
    ["~^", ["~", "p7"], ["~", "q7"]],
    ["~","~en"]
  ]]
]}
</script>
</div>
</div>

<h3 id="iec-60617-symbols">IEC 60617 Symbols</h3>

<div>
<div>
<pre class="brush: js">
{ assign:[
  ["out",
    ["XNOR",
      ["NAND",
       	["INV", "a"],
        ["NOR", "b", ["BUF","c"]]
      ],
      ["AND",
       	["XOR", "d", "e", ["OR","f","g"]],
        "h"
      ]
    ]
  ]
]}
</pre>
</div>
<div>
<script type="WaveDrom">
{ assign:[
  ["out",
    ["XNOR",
      ["NAND",
       	["INV", "a"],
        ["NOR", "b", ["BUF","c"]]
      ],
      ["AND",
       	["XOR", "d", "e", ["OR","f","g"]],
        "h"
      ]
    ]
  ]
]}
</script>
</div>
</div>

</div>

ga('create', 'UA-21660728-3', 'auto');
  ga('send', 'pageview');

</script>

</body>
</html>