WireViz/tutorial/tutorial03.html
2020-10-17 11:42:30 +02:00

181 lines
14 KiB
HTML
Generated
Raw 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="877pt" height="232pt"
viewBox="0.00 0.00 877.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 873,-228 873,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="543,-224 326,-224 326,0 543,0 543,-224"/>
<polygon fill="none" stroke="black" points="326.5,-201 326.5,-224 543.5,-224 543.5,-201 326.5,-201"/>
<text text-anchor="start" x="424" y="-208.8" font-family="arial" font-size="14.00">W1</text>
<polygon fill="none" stroke="black" points="326.5,-178 326.5,-201 349.5,-201 349.5,-178 326.5,-178"/>
<text text-anchor="start" x="330.5" y="-185.8" font-family="arial" font-size="14.00">4x</text>
<polygon fill="none" stroke="black" points="349.5,-178 349.5,-201 481.5,-201 481.5,-178 349.5,-178"/>
<text text-anchor="start" x="353.5" y="-185.8" font-family="arial" font-size="14.00">0.25 mm² (24 AWG)</text>
<polygon fill="none" stroke="black" points="481.5,-178 481.5,-201 511.5,-201 511.5,-178 481.5,-178"/>
<text text-anchor="start" x="485.5" y="-185.8" font-family="arial" font-size="14.00">+ S</text>
<polygon fill="none" stroke="black" points="511.5,-178 511.5,-201 543.5,-201 543.5,-178 511.5,-178"/>
<text text-anchor="start" x="515.5" y="-185.8" font-family="arial" font-size="14.00">1 m</text>
<text text-anchor="start" x="359" y="-164.8" font-family="arial" font-size="14.00"> </text>
<text text-anchor="start" x="347" y="-145.8" font-family="arial" font-size="14.00">X1:1</text>
<text text-anchor="start" x="423" y="-145.8" font-family="arial" font-size="14.00">WH</text>
<text text-anchor="start" x="495" 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 543.5,-140 543.5,-138 326.5,-138"/>
<polygon fill="#ffffff" stroke="transparent" points="326.5,-136 326.5,-138 543.5,-138 543.5,-136 326.5,-136"/>
<polygon fill="#000000" stroke="transparent" points="326.5,-134 326.5,-136 543.5,-136 543.5,-134 326.5,-134"/>
<text text-anchor="start" x="347" y="-120.8" font-family="arial" font-size="14.00">X1:2</text>
<text text-anchor="start" x="425.5" y="-120.8" font-family="arial" font-size="14.00">BN</text>
<text text-anchor="start" x="495" 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 543.5,-115 543.5,-113 326.5,-113"/>
<polygon fill="#895956" stroke="transparent" points="326.5,-111 326.5,-113 543.5,-113 543.5,-111 326.5,-111"/>
<polygon fill="#000000" stroke="transparent" points="326.5,-109 326.5,-111 543.5,-111 543.5,-109 326.5,-109"/>
<text text-anchor="start" x="347" y="-95.8" font-family="arial" font-size="14.00">X1:3</text>
<text text-anchor="start" x="424" y="-95.8" font-family="arial" font-size="14.00">GN</text>
<text text-anchor="start" x="495" 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 543.5,-90 543.5,-88 326.5,-88"/>
<polygon fill="#00ff00" stroke="transparent" points="326.5,-86 326.5,-88 543.5,-88 543.5,-86 326.5,-86"/>
<polygon fill="#000000" stroke="transparent" points="326.5,-84 326.5,-86 543.5,-86 543.5,-84 326.5,-84"/>
<text text-anchor="start" x="347" y="-70.8" font-family="arial" font-size="14.00">X1:4</text>
<text text-anchor="start" x="425.5" y="-70.8" font-family="arial" font-size="14.00">YE</text>
<text text-anchor="start" x="495" 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 543.5,-65 543.5,-63 326.5,-63"/>
<polygon fill="#ffff00" stroke="transparent" points="326.5,-61 326.5,-63 543.5,-63 543.5,-61 326.5,-61"/>
<polygon fill="#000000" stroke="transparent" points="326.5,-59 326.5,-61 543.5,-61 543.5,-59 326.5,-59"/>
<text text-anchor="start" x="359" y="-45.8" font-family="arial" font-size="14.00"> </text>
<text text-anchor="start" x="347" y="-26.8" font-family="arial" font-size="14.00">X1:1</text>
<text text-anchor="start" x="416" y="-26.8" font-family="arial" font-size="14.00">Shield</text>
<polygon fill="#000000" stroke="transparent" points="326.5,-19 326.5,-21 543.5,-21 543.5,-19 326.5,-19"/>
<text text-anchor="start" x="359" 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="#ffffff" 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="#895956" 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="#00ff00" 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="869,-193 687,-193 687,-55 869,-55 869,-193"/>
<polygon fill="none" stroke="black" points="687,-170 687,-193 869,-193 869,-170 687,-170"/>
<text text-anchor="start" x="769.5" y="-177.8" font-family="arial" font-size="14.00">X2</text>
<polygon fill="none" stroke="black" points="687,-147 687,-170 780,-170 780,-147 687,-147"/>
<text text-anchor="start" x="691" y="-154.8" font-family="arial" font-size="14.00">Molex KK 254</text>
<polygon fill="none" stroke="black" points="780,-147 780,-170 830,-170 830,-147 780,-147"/>
<text text-anchor="start" x="784" y="-154.8" font-family="arial" font-size="14.00">female</text>
<polygon fill="none" stroke="black" points="830,-147 830,-170 869,-170 869,-147 830,-147"/>
<text text-anchor="start" x="834" y="-154.8" font-family="arial" font-size="14.00">4&#45;pin</text>
<polygon fill="none" stroke="black" points="687,-124 687,-147 767,-147 767,-124 687,-124"/>
<text text-anchor="start" x="723" y="-131.8" font-family="arial" font-size="14.00">1</text>
<polygon fill="none" stroke="black" points="767,-124 767,-147 869,-147 869,-124 767,-124"/>
<text text-anchor="start" x="802.5" y="-131.8" font-family="arial" font-size="14.00">GND</text>
<polygon fill="none" stroke="black" points="687,-101 687,-124 767,-124 767,-101 687,-101"/>
<text text-anchor="start" x="723" y="-108.8" font-family="arial" font-size="14.00">2</text>
<polygon fill="none" stroke="black" points="767,-101 767,-124 869,-124 869,-101 767,-101"/>
<text text-anchor="start" x="803.5" y="-108.8" font-family="arial" font-size="14.00">VCC</text>
<polygon fill="none" stroke="black" points="687,-78 687,-101 767,-101 767,-78 687,-78"/>
<text text-anchor="start" x="723" y="-85.8" font-family="arial" font-size="14.00">3</text>
<polygon fill="none" stroke="black" points="767,-78 767,-101 869,-101 869,-78 767,-78"/>
<text text-anchor="start" x="808.5" y="-85.8" font-family="arial" font-size="14.00">RX</text>
<polygon fill="none" stroke="black" points="687,-55 687,-78 767,-78 767,-55 687,-55"/>
<text text-anchor="start" x="723" y="-62.8" font-family="arial" font-size="14.00">4</text>
<polygon fill="none" stroke="black" points="767,-55 767,-78 869,-78 869,-55 767,-55"/>
<text text-anchor="start" x="809" 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="M543,-135C606.88,-135 622.87,-134 687,-134"/>
<path fill="none" stroke="#ffffff" stroke-width="2" d="M543,-137C607,-137 623,-136 687,-136"/>
<path fill="none" stroke="#000000" stroke-width="2" d="M543,-139C607.13,-139 623.12,-138 687,-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="M543,-110C607,-110 623,-110 687,-110"/>
<path fill="none" stroke="#895956" stroke-width="2" d="M543,-112C607,-112 623,-112 687,-112"/>
<path fill="none" stroke="#000000" stroke-width="2" d="M543,-114C607,-114 623,-114 687,-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="M543,-85C606.04,-85.86 620.68,-64.86 687,-64"/>
<path fill="none" stroke="#00ff00" stroke-width="2" d="M543,-87C607.68,-87 622.32,-66 687,-66"/>
<path fill="none" stroke="#000000" stroke-width="2" d="M543,-89C609.32,-88.14 623.96,-67.14 687,-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="M543,-60C609.9,-61.09 623.67,-88.09 687,-87"/>
<path fill="none" stroke="#ffff00" stroke-width="2" d="M543,-62C608.12,-62 621.88,-89 687,-89"/>
<path fill="none" stroke="#000000" stroke-width="2" d="M543,-64C606.33,-62.91 620.1,-89.91 687,-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, 4 x 0.25 mm&sup2; shielded</td><td style="text-align:right; border:1px solid #000000; padding: 4px">1</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>