WireViz/examples/ex01.html
2020-10-17 11:42:30 +02:00

183 lines
14 KiB
HTML
Generated
Raw Permalink Blame History

This file contains invisible Unicode characters

This file contains invisible Unicode characters that are indistinguishable to humans but may be processed differently by a computer. If you think that this is intentional, you can safely ignore this warning. Use the Escape button to reveal them.

<!DOCTYPE html>
<html lang="en"><head>
<meta charset="UTF-8">
<meta name="generator" content="WireViz 0.2 - https://github.com/formatc1702/WireViz">
<title>WireViz Diagram and BOM</title>
</head><body style="font-family:Arial">
<h1>Diagram</h1><!-- XML and DOCTYPE declarations from SVG file removed -->
<!-- Generated by graphviz version 2.44.1 (20200629.0846)
-->
<!-- Pages: 1 -->
<svg width="931pt" height="232pt"
viewBox="0.00 0.00 931.00 232.00" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
<g id="graph0" class="graph" transform="scale(1 1) rotate(0) translate(4 228)">
<polygon fill="white" stroke="transparent" points="-4,4 -4,-228 927,-228 927,4 -4,4"/>
<!-- X1 -->
<g id="node1" class="node">
<title>X1</title>
<polygon fill="white" stroke="transparent" points="182,-191 0,-191 0,-53 182,-53 182,-191"/>
<polygon fill="none" stroke="black" points="0,-168 0,-191 182,-191 182,-168 0,-168"/>
<text text-anchor="start" x="82.5" y="-175.8" font-family="arial" font-size="14.00">X1</text>
<polygon fill="none" stroke="black" points="0,-145 0,-168 93,-168 93,-145 0,-145"/>
<text text-anchor="start" x="4" y="-152.8" font-family="arial" font-size="14.00">Molex KK 254</text>
<polygon fill="none" stroke="black" points="93,-145 93,-168 143,-168 143,-145 93,-145"/>
<text text-anchor="start" x="97" y="-152.8" font-family="arial" font-size="14.00">female</text>
<polygon fill="none" stroke="black" points="143,-145 143,-168 182,-168 182,-145 143,-145"/>
<text text-anchor="start" x="147" y="-152.8" font-family="arial" font-size="14.00">4&#45;pin</text>
<polygon fill="none" stroke="black" points="0,-122 0,-145 103,-145 103,-122 0,-122"/>
<text text-anchor="start" x="36" y="-129.8" font-family="arial" font-size="14.00">GND</text>
<polygon fill="none" stroke="black" points="103,-122 103,-145 182,-145 182,-122 103,-122"/>
<text text-anchor="start" x="138.5" y="-129.8" font-family="arial" font-size="14.00">1</text>
<polygon fill="none" stroke="black" points="0,-99 0,-122 103,-122 103,-99 0,-99"/>
<text text-anchor="start" x="37" y="-106.8" font-family="arial" font-size="14.00">VCC</text>
<polygon fill="none" stroke="black" points="103,-99 103,-122 182,-122 182,-99 103,-99"/>
<text text-anchor="start" x="138.5" y="-106.8" font-family="arial" font-size="14.00">2</text>
<polygon fill="none" stroke="black" points="0,-76 0,-99 103,-99 103,-76 0,-76"/>
<text text-anchor="start" x="42" y="-83.8" font-family="arial" font-size="14.00">RX</text>
<polygon fill="none" stroke="black" points="103,-76 103,-99 182,-99 182,-76 103,-76"/>
<text text-anchor="start" x="138.5" y="-83.8" font-family="arial" font-size="14.00">3</text>
<polygon fill="none" stroke="black" points="0,-53 0,-76 103,-76 103,-53 0,-53"/>
<text text-anchor="start" x="42.5" y="-60.8" font-family="arial" font-size="14.00">TX</text>
<polygon fill="none" stroke="black" points="103,-53 103,-76 182,-76 182,-53 103,-53"/>
<text text-anchor="start" x="138.5" y="-60.8" font-family="arial" font-size="14.00">4</text>
</g>
<!-- W1 -->
<g id="node3" class="node">
<title>W1</title>
<polygon fill="none" stroke="black" points="597,-224 326,-224 326,0 597,0 597,-224"/>
<polygon fill="none" stroke="black" points="326.5,-201 326.5,-224 597.5,-224 597.5,-201 326.5,-201"/>
<text text-anchor="start" x="451" y="-208.8" font-family="arial" font-size="14.00">W1</text>
<polygon fill="none" stroke="black" points="326.5,-178 326.5,-201 369.5,-201 369.5,-178 326.5,-178"/>
<text text-anchor="start" x="330.5" y="-185.8" font-family="arial" font-size="14.00">Serial</text>
<polygon fill="none" stroke="black" points="369.5,-178 369.5,-201 392.5,-201 392.5,-178 369.5,-178"/>
<text text-anchor="start" x="373.5" y="-185.8" font-family="arial" font-size="14.00">4x</text>
<polygon fill="none" stroke="black" points="392.5,-178 392.5,-201 524.5,-201 524.5,-178 392.5,-178"/>
<text text-anchor="start" x="396.5" y="-185.8" font-family="arial" font-size="14.00">0.25 mm² (24 AWG)</text>
<polygon fill="none" stroke="black" points="524.5,-178 524.5,-201 554.5,-201 554.5,-178 524.5,-178"/>
<text text-anchor="start" x="528.5" y="-185.8" font-family="arial" font-size="14.00">+ S</text>
<polygon fill="none" stroke="black" points="554.5,-178 554.5,-201 597.5,-201 597.5,-178 554.5,-178"/>
<text text-anchor="start" x="558.5" y="-185.8" font-family="arial" font-size="14.00">0.2 m</text>
<text text-anchor="start" x="368" y="-164.8" font-family="arial" font-size="14.00"> </text>
<text text-anchor="start" x="356" y="-145.8" font-family="arial" font-size="14.00">X1:1</text>
<text text-anchor="start" x="452.5" y="-145.8" font-family="arial" font-size="14.00">BN</text>
<text text-anchor="start" x="540" y="-145.8" font-family="arial" font-size="14.00">X2:1</text>
<polygon fill="#000000" stroke="transparent" points="326.5,-138 326.5,-140 597.5,-140 597.5,-138 326.5,-138"/>
<polygon fill="#895956" stroke="transparent" points="326.5,-136 326.5,-138 597.5,-138 597.5,-136 326.5,-136"/>
<polygon fill="#000000" stroke="transparent" points="326.5,-134 326.5,-136 597.5,-136 597.5,-134 326.5,-134"/>
<text text-anchor="start" x="356" y="-120.8" font-family="arial" font-size="14.00">X1:2</text>
<text text-anchor="start" x="452" y="-120.8" font-family="arial" font-size="14.00">RD</text>
<text text-anchor="start" x="540" y="-120.8" font-family="arial" font-size="14.00">X2:2</text>
<polygon fill="#000000" stroke="transparent" points="326.5,-113 326.5,-115 597.5,-115 597.5,-113 326.5,-113"/>
<polygon fill="#ff0000" stroke="transparent" points="326.5,-111 326.5,-113 597.5,-113 597.5,-111 326.5,-111"/>
<polygon fill="#000000" stroke="transparent" points="326.5,-109 326.5,-111 597.5,-111 597.5,-109 326.5,-109"/>
<text text-anchor="start" x="356" y="-95.8" font-family="arial" font-size="14.00">X1:3</text>
<text text-anchor="start" x="450.5" y="-95.8" font-family="arial" font-size="14.00">OG</text>
<text text-anchor="start" x="540" y="-95.8" font-family="arial" font-size="14.00">X2:4</text>
<polygon fill="#000000" stroke="transparent" points="326.5,-88 326.5,-90 597.5,-90 597.5,-88 326.5,-88"/>
<polygon fill="#ff8000" stroke="transparent" points="326.5,-86 326.5,-88 597.5,-88 597.5,-86 326.5,-86"/>
<polygon fill="#000000" stroke="transparent" points="326.5,-84 326.5,-86 597.5,-86 597.5,-84 326.5,-84"/>
<text text-anchor="start" x="356" y="-70.8" font-family="arial" font-size="14.00">X1:4</text>
<text text-anchor="start" x="452.5" y="-70.8" font-family="arial" font-size="14.00">YE</text>
<text text-anchor="start" x="540" y="-70.8" font-family="arial" font-size="14.00">X2:3</text>
<polygon fill="#000000" stroke="transparent" points="326.5,-63 326.5,-65 597.5,-65 597.5,-63 326.5,-63"/>
<polygon fill="#ffff00" stroke="transparent" points="326.5,-61 326.5,-63 597.5,-63 597.5,-61 326.5,-61"/>
<polygon fill="#000000" stroke="transparent" points="326.5,-59 326.5,-61 597.5,-61 597.5,-59 326.5,-59"/>
<text text-anchor="start" x="368" y="-45.8" font-family="arial" font-size="14.00"> </text>
<text text-anchor="start" x="356" y="-26.8" font-family="arial" font-size="14.00">X1:1</text>
<text text-anchor="start" x="443" y="-26.8" font-family="arial" font-size="14.00">Shield</text>
<polygon fill="#000000" stroke="transparent" points="326.5,-19 326.5,-21 597.5,-21 597.5,-19 326.5,-19"/>
<text text-anchor="start" x="368" y="-5.8" font-family="arial" font-size="14.00"> </text>
</g>
<!-- X1&#45;&#45;W1 -->
<g id="edge1" class="edge">
<title>X1:e&#45;&#45;W1:w</title>
<path fill="none" stroke="#000000" stroke-width="2" d="M182,-132C246.38,-132.03 262.36,-135.03 326,-135"/>
<path fill="none" stroke="#895956" stroke-width="2" d="M182,-134C246.01,-134 261.99,-137 326,-137"/>
<path fill="none" stroke="#000000" stroke-width="2" d="M182,-136C245.64,-135.97 261.62,-138.97 326,-139"/>
</g>
<!-- X1&#45;&#45;W1 -->
<g id="edge3" class="edge">
<title>X1:e&#45;&#45;W1:w</title>
<path fill="none" stroke="#000000" stroke-width="2" d="M182,-108C246.25,-108.02 262.24,-110.02 326,-110"/>
<path fill="none" stroke="#ff0000" stroke-width="2" d="M182,-110C246.01,-110 261.99,-112 326,-112"/>
<path fill="none" stroke="#000000" stroke-width="2" d="M182,-112C245.76,-111.98 261.75,-113.98 326,-114"/>
</g>
<!-- X1&#45;&#45;W1 -->
<g id="edge5" class="edge">
<title>X1:e&#45;&#45;W1:w</title>
<path fill="none" stroke="#000000" stroke-width="2" d="M182,-85C246,-85 262,-85 326,-85"/>
<path fill="none" stroke="#ff8000" stroke-width="2" d="M182,-87C246,-87 262,-87 326,-87"/>
<path fill="none" stroke="#000000" stroke-width="2" d="M182,-89C246,-89 262,-89 326,-89"/>
</g>
<!-- X1&#45;&#45;W1 -->
<g id="edge7" class="edge">
<title>X1:e&#45;&#45;W1:w</title>
<path fill="none" stroke="#000000" stroke-width="2" d="M182,-62C245.76,-62.02 261.75,-60.02 326,-60"/>
<path fill="none" stroke="#ffff00" stroke-width="2" d="M182,-64C246.01,-64 261.99,-62 326,-62"/>
<path fill="none" stroke="#000000" stroke-width="2" d="M182,-66C246.25,-65.98 262.24,-63.98 326,-64"/>
</g>
<!-- X1&#45;&#45;W1 -->
<g id="edge9" class="edge">
<title>X1:e&#45;&#45;W1:w</title>
<path fill="none" stroke="#000000" stroke-width="2" d="M182,-134C263.63,-134 244.37,-20 326,-20"/>
</g>
<!-- X2 -->
<g id="node2" class="node">
<title>X2</title>
<polygon fill="white" stroke="transparent" points="923,-193 741,-193 741,-55 923,-55 923,-193"/>
<polygon fill="none" stroke="black" points="741,-170 741,-193 923,-193 923,-170 741,-170"/>
<text text-anchor="start" x="823.5" y="-177.8" font-family="arial" font-size="14.00">X2</text>
<polygon fill="none" stroke="black" points="741,-147 741,-170 834,-170 834,-147 741,-147"/>
<text text-anchor="start" x="745" y="-154.8" font-family="arial" font-size="14.00">Molex KK 254</text>
<polygon fill="none" stroke="black" points="834,-147 834,-170 884,-170 884,-147 834,-147"/>
<text text-anchor="start" x="838" y="-154.8" font-family="arial" font-size="14.00">female</text>
<polygon fill="none" stroke="black" points="884,-147 884,-170 923,-170 923,-147 884,-147"/>
<text text-anchor="start" x="888" y="-154.8" font-family="arial" font-size="14.00">4&#45;pin</text>
<polygon fill="none" stroke="black" points="741,-124 741,-147 821,-147 821,-124 741,-124"/>
<text text-anchor="start" x="777" y="-131.8" font-family="arial" font-size="14.00">1</text>
<polygon fill="none" stroke="black" points="821,-124 821,-147 923,-147 923,-124 821,-124"/>
<text text-anchor="start" x="856.5" y="-131.8" font-family="arial" font-size="14.00">GND</text>
<polygon fill="none" stroke="black" points="741,-101 741,-124 821,-124 821,-101 741,-101"/>
<text text-anchor="start" x="777" y="-108.8" font-family="arial" font-size="14.00">2</text>
<polygon fill="none" stroke="black" points="821,-101 821,-124 923,-124 923,-101 821,-101"/>
<text text-anchor="start" x="857.5" y="-108.8" font-family="arial" font-size="14.00">VCC</text>
<polygon fill="none" stroke="black" points="741,-78 741,-101 821,-101 821,-78 741,-78"/>
<text text-anchor="start" x="777" y="-85.8" font-family="arial" font-size="14.00">3</text>
<polygon fill="none" stroke="black" points="821,-78 821,-101 923,-101 923,-78 821,-78"/>
<text text-anchor="start" x="862.5" y="-85.8" font-family="arial" font-size="14.00">RX</text>
<polygon fill="none" stroke="black" points="741,-55 741,-78 821,-78 821,-55 741,-55"/>
<text text-anchor="start" x="777" y="-62.8" font-family="arial" font-size="14.00">4</text>
<polygon fill="none" stroke="black" points="821,-55 821,-78 923,-78 923,-55 821,-55"/>
<text text-anchor="start" x="863" y="-62.8" font-family="arial" font-size="14.00">TX</text>
</g>
<!-- W1&#45;&#45;X2 -->
<g id="edge2" class="edge">
<title>W1:e&#45;&#45;X2:w</title>
<path fill="none" stroke="#000000" stroke-width="2" d="M597,-135C660.88,-135 676.87,-134 741,-134"/>
<path fill="none" stroke="#895956" stroke-width="2" d="M597,-137C661,-137 677,-136 741,-136"/>
<path fill="none" stroke="#000000" stroke-width="2" d="M597,-139C661.13,-139 677.12,-138 741,-138"/>
</g>
<!-- W1&#45;&#45;X2 -->
<g id="edge4" class="edge">
<title>W1:e&#45;&#45;X2:w</title>
<path fill="none" stroke="#000000" stroke-width="2" d="M597,-110C661,-110 677,-110 741,-110"/>
<path fill="none" stroke="#ff0000" stroke-width="2" d="M597,-112C661,-112 677,-112 741,-112"/>
<path fill="none" stroke="#000000" stroke-width="2" d="M597,-114C661,-114 677,-114 741,-114"/>
</g>
<!-- W1&#45;&#45;X2 -->
<g id="edge6" class="edge">
<title>W1:e&#45;&#45;X2:w</title>
<path fill="none" stroke="#000000" stroke-width="2" d="M597,-85C660.04,-85.86 674.68,-64.86 741,-64"/>
<path fill="none" stroke="#ff8000" stroke-width="2" d="M597,-87C661.68,-87 676.32,-66 741,-66"/>
<path fill="none" stroke="#000000" stroke-width="2" d="M597,-89C663.32,-88.14 677.96,-67.14 741,-68"/>
</g>
<!-- W1&#45;&#45;X2 -->
<g id="edge8" class="edge">
<title>W1:e&#45;&#45;X2:w</title>
<path fill="none" stroke="#000000" stroke-width="2" d="M597,-60C663.9,-61.09 677.67,-88.09 741,-87"/>
<path fill="none" stroke="#ffff00" stroke-width="2" d="M597,-62C662.12,-62 675.88,-89 741,-89"/>
<path fill="none" stroke="#000000" stroke-width="2" d="M597,-64C660.33,-62.91 674.1,-89.91 741,-91"/>
</g>
</g>
</svg>
<h1>Bill of Materials</h1><table style="border:1px solid #000000; font-size: 14pt; border-spacing: 0px"><tr><th style="text-align:left; border:1px solid #000000; padding: 8px">Item</th><th style="text-align:left; border:1px solid #000000; padding: 8px">Qty</th><th style="text-align:left; border:1px solid #000000; padding: 8px">Unit</th><th style="text-align:left; border:1px solid #000000; padding: 8px">Designators</th></tr><tr><td style="border:1px solid #000000; padding: 4px">Connector, Molex KK 254, female, 4 pins</td><td style="text-align:right; border:1px solid #000000; padding: 4px">2</td><td style="border:1px solid #000000; padding: 4px"></td><td style="border:1px solid #000000; padding: 4px">X1, X2</td></tr><tr><td style="border:1px solid #000000; padding: 4px">Cable, Serial, 4 x 0.25 mm&sup2; shielded</td><td style="text-align:right; border:1px solid #000000; padding: 4px">0.2</td><td style="border:1px solid #000000; padding: 4px">m</td><td style="border:1px solid #000000; padding: 4px">W1</td></tr></table></body></html>