WireViz/tutorial/tutorial03.html
Daniel Rojas e034fb3519 Rebuild all examples before refactoring
no diff should ocurr as a result of the refactoring
2023-09-12 19:37:06 +02:00

243 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.4-dev - https://github.com/formatc1702/WireViz">
<title>tutorial03</title>
<style>
#bom table, th, td {
border: 1px solid black;
border-collapse: collapse;
}
#bom th, td {
padding: 4px;
text-align: left;
}
.bom_col_qty {
text-align: right;
}
</style>
</head><body style="font-family:arial;background-color:#ffffff">
<h1>tutorial03</h1>
<h2>Diagram</h2>
<div id="description">
<!-- %description% -->
</div>
<div id="diagram">
<!-- XML and DOCTYPE declarations from SVG file removed -->
<!-- Generated by graphviz version 2.49.1 (20210923.0004)
-->
<!-- Pages: 1 -->
<svg width="887pt" height="232pt"
viewBox="0.00 0.00 887.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="#ffffff" stroke="transparent" points="-4,4 -4,-228 883,-228 883,4 -4,4"/>
<!-- X1 -->
<g id="node1" class="node">
<title>X1</title>
<polygon fill="#ffffff" stroke="black" points="187,-191 0,-191 0,-53 187,-53 187,-191"/>
<polygon fill="none" stroke="black" points="0.5,-168 0.5,-191 187.5,-191 187.5,-168 0.5,-168"/>
<text text-anchor="start" x="85" y="-175.8" font-family="arial" font-size="14.00">X1</text>
<polygon fill="none" stroke="black" points="0.5,-145 0.5,-168 96.5,-168 96.5,-145 0.5,-145"/>
<text text-anchor="start" x="4.5" y="-152.8" font-family="arial" font-size="14.00">Molex KK 254</text>
<polygon fill="none" stroke="black" points="96.5,-145 96.5,-168 147.5,-168 147.5,-145 96.5,-145"/>
<text text-anchor="start" x="100.5" y="-152.8" font-family="arial" font-size="14.00">female</text>
<polygon fill="none" stroke="black" points="147.5,-145 147.5,-168 187.5,-168 187.5,-145 147.5,-145"/>
<text text-anchor="start" x="151.5" y="-152.8" font-family="arial" font-size="14.00">4&#45;pin</text>
<polygon fill="none" stroke="black" points="0.5,-122 0.5,-145 106.5,-145 106.5,-122 0.5,-122"/>
<text text-anchor="start" x="37.5" y="-129.8" font-family="arial" font-size="14.00">GND</text>
<polygon fill="none" stroke="black" points="106.5,-122 106.5,-145 187.5,-145 187.5,-122 106.5,-122"/>
<text text-anchor="start" x="143" y="-129.8" font-family="arial" font-size="14.00">1</text>
<polygon fill="none" stroke="black" points="0.5,-99 0.5,-122 106.5,-122 106.5,-99 0.5,-99"/>
<text text-anchor="start" x="38.5" y="-106.8" font-family="arial" font-size="14.00">VCC</text>
<polygon fill="none" stroke="black" points="106.5,-99 106.5,-122 187.5,-122 187.5,-99 106.5,-99"/>
<text text-anchor="start" x="143" y="-106.8" font-family="arial" font-size="14.00">2</text>
<polygon fill="none" stroke="black" points="0.5,-76 0.5,-99 106.5,-99 106.5,-76 0.5,-76"/>
<text text-anchor="start" x="43.5" y="-83.8" font-family="arial" font-size="14.00">RX</text>
<polygon fill="none" stroke="black" points="106.5,-76 106.5,-99 187.5,-99 187.5,-76 106.5,-76"/>
<text text-anchor="start" x="143" y="-83.8" font-family="arial" font-size="14.00">3</text>
<polygon fill="none" stroke="black" points="0.5,-53 0.5,-76 106.5,-76 106.5,-53 0.5,-53"/>
<text text-anchor="start" x="44.5" y="-60.8" font-family="arial" font-size="14.00">TX</text>
<polygon fill="none" stroke="black" points="106.5,-53 106.5,-76 187.5,-76 187.5,-53 106.5,-53"/>
<text text-anchor="start" x="143" y="-60.8" font-family="arial" font-size="14.00">4</text>
</g>
<!-- W1 -->
<g id="node3" class="node">
<title>W1</title>
<polygon fill="#ffffff" stroke="black" points="548,-224 331,-224 331,0 548,0 548,-224"/>
<polygon fill="none" stroke="black" points="331.5,-201 331.5,-224 548.5,-224 548.5,-201 331.5,-201"/>
<text text-anchor="start" x="429.5" y="-208.8" font-family="arial" font-size="14.00">W1</text>
<polygon fill="none" stroke="black" points="331.5,-178 331.5,-201 354.5,-201 354.5,-178 331.5,-178"/>
<text text-anchor="start" x="335.5" y="-185.8" font-family="arial" font-size="14.00">4x</text>
<polygon fill="none" stroke="black" points="354.5,-178 354.5,-201 486.5,-201 486.5,-178 354.5,-178"/>
<text text-anchor="start" x="358.5" y="-185.8" font-family="arial" font-size="14.00">0.25 mm² (24 AWG)</text>
<polygon fill="none" stroke="black" points="486.5,-178 486.5,-201 516.5,-201 516.5,-178 486.5,-178"/>
<text text-anchor="start" x="490.5" y="-185.8" font-family="arial" font-size="14.00">+ S</text>
<polygon fill="none" stroke="black" points="516.5,-178 516.5,-201 548.5,-201 548.5,-178 516.5,-178"/>
<text text-anchor="start" x="520.5" y="-185.8" font-family="arial" font-size="14.00">1 m</text>
<text text-anchor="start" x="364.5" y="-164.8" font-family="arial" font-size="14.00"> </text>
<text text-anchor="start" x="334.5" y="-145.8" font-family="arial" font-size="14.00">X1:1:GND</text>
<text text-anchor="start" x="404.5" y="-145.8" font-family="arial" font-size="14.00"> &#160;&#160;&#160;&#160;1:WH &#160;&#160;&#160;</text>
<text text-anchor="start" x="481.5" y="-145.8" font-family="arial" font-size="14.00">X2:1:GND</text>
<polygon fill="#000000" stroke="transparent" points="331.5,-138 331.5,-140 548.5,-140 548.5,-138 331.5,-138"/>
<polygon fill="#ffffff" stroke="transparent" points="331.5,-136 331.5,-138 548.5,-138 548.5,-136 331.5,-136"/>
<polygon fill="#000000" stroke="transparent" points="331.5,-134 331.5,-136 548.5,-136 548.5,-134 331.5,-134"/>
<text text-anchor="start" x="335" y="-120.8" font-family="arial" font-size="14.00">X1:2:VCC</text>
<text text-anchor="start" x="406.5" y="-120.8" font-family="arial" font-size="14.00"> &#160;&#160;&#160;&#160;2:BN &#160;&#160;&#160;</text>
<text text-anchor="start" x="482" y="-120.8" font-family="arial" font-size="14.00">X2:2:VCC</text>
<polygon fill="#000000" stroke="transparent" points="331.5,-113 331.5,-115 548.5,-115 548.5,-113 331.5,-113"/>
<polygon fill="#895956" stroke="transparent" points="331.5,-111 331.5,-113 548.5,-113 548.5,-111 331.5,-111"/>
<polygon fill="#000000" stroke="transparent" points="331.5,-109 331.5,-111 548.5,-111 548.5,-109 331.5,-109"/>
<text text-anchor="start" x="340" y="-95.8" font-family="arial" font-size="14.00">X1:3:RX</text>
<text text-anchor="start" x="406" y="-95.8" font-family="arial" font-size="14.00"> &#160;&#160;&#160;&#160;3:GN &#160;&#160;&#160;</text>
<text text-anchor="start" x="488" y="-95.8" font-family="arial" font-size="14.00">X2:4:TX</text>
<polygon fill="#000000" stroke="transparent" points="331.5,-88 331.5,-90 548.5,-90 548.5,-88 331.5,-88"/>
<polygon fill="#00ff00" stroke="transparent" points="331.5,-86 331.5,-88 548.5,-88 548.5,-86 331.5,-86"/>
<polygon fill="#000000" stroke="transparent" points="331.5,-84 331.5,-86 548.5,-86 548.5,-84 331.5,-84"/>
<text text-anchor="start" x="341" y="-70.8" font-family="arial" font-size="14.00">X1:4:TX</text>
<text text-anchor="start" x="407" y="-70.8" font-family="arial" font-size="14.00"> &#160;&#160;&#160;&#160;4:YE &#160;&#160;&#160;</text>
<text text-anchor="start" x="487" y="-70.8" font-family="arial" font-size="14.00">X2:3:RX</text>
<polygon fill="#000000" stroke="transparent" points="331.5,-63 331.5,-65 548.5,-65 548.5,-63 331.5,-63"/>
<polygon fill="#ffff00" stroke="transparent" points="331.5,-61 331.5,-63 548.5,-63 548.5,-61 331.5,-61"/>
<polygon fill="#000000" stroke="transparent" points="331.5,-59 331.5,-61 548.5,-61 548.5,-59 331.5,-59"/>
<text text-anchor="start" x="364.5" y="-45.8" font-family="arial" font-size="14.00"> </text>
<text text-anchor="start" x="334.5" y="-26.8" font-family="arial" font-size="14.00">X1:1:GND</text>
<text text-anchor="start" x="420.5" y="-26.8" font-family="arial" font-size="14.00">Shield</text>
<polygon fill="#000000" stroke="transparent" points="331.5,-19 331.5,-21 548.5,-21 548.5,-19 331.5,-19"/>
<text text-anchor="start" x="364.5" 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="M187,-132C251.38,-132.03 267.36,-135.03 331,-135"/>
<path fill="none" stroke="#ffffff" stroke-width="2" d="M187,-134C251.01,-134 266.99,-137 331,-137"/>
<path fill="none" stroke="#000000" stroke-width="2" d="M187,-136C250.64,-135.97 266.62,-138.97 331,-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="M187,-108C251.25,-108.02 267.24,-110.02 331,-110"/>
<path fill="none" stroke="#895956" stroke-width="2" d="M187,-110C251.01,-110 266.99,-112 331,-112"/>
<path fill="none" stroke="#000000" stroke-width="2" d="M187,-112C250.76,-111.98 266.75,-113.98 331,-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="M187,-85C251,-85 267,-85 331,-85"/>
<path fill="none" stroke="#00ff00" stroke-width="2" d="M187,-87C251,-87 267,-87 331,-87"/>
<path fill="none" stroke="#000000" stroke-width="2" d="M187,-89C251,-89 267,-89 331,-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="M187,-62C250.76,-62.02 266.75,-60.02 331,-60"/>
<path fill="none" stroke="#ffff00" stroke-width="2" d="M187,-64C251.01,-64 266.99,-62 331,-62"/>
<path fill="none" stroke="#000000" stroke-width="2" d="M187,-66C251.25,-65.98 267.24,-63.98 331,-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="M187,-134C268.63,-134 249.37,-20 331,-20"/>
</g>
<!-- X2 -->
<g id="node2" class="node">
<title>X2</title>
<polygon fill="#ffffff" stroke="black" points="879,-193 692,-193 692,-55 879,-55 879,-193"/>
<polygon fill="none" stroke="black" points="692.5,-170 692.5,-193 879.5,-193 879.5,-170 692.5,-170"/>
<text text-anchor="start" x="777" y="-177.8" font-family="arial" font-size="14.00">X2</text>
<polygon fill="none" stroke="black" points="692.5,-147 692.5,-170 788.5,-170 788.5,-147 692.5,-147"/>
<text text-anchor="start" x="696.5" y="-154.8" font-family="arial" font-size="14.00">Molex KK 254</text>
<polygon fill="none" stroke="black" points="788.5,-147 788.5,-170 839.5,-170 839.5,-147 788.5,-147"/>
<text text-anchor="start" x="792.5" y="-154.8" font-family="arial" font-size="14.00">female</text>
<polygon fill="none" stroke="black" points="839.5,-147 839.5,-170 879.5,-170 879.5,-147 839.5,-147"/>
<text text-anchor="start" x="843.5" y="-154.8" font-family="arial" font-size="14.00">4&#45;pin</text>
<polygon fill="none" stroke="black" points="692.5,-124 692.5,-147 774.5,-147 774.5,-124 692.5,-124"/>
<text text-anchor="start" x="729.5" y="-131.8" font-family="arial" font-size="14.00">1</text>
<polygon fill="none" stroke="black" points="774.5,-124 774.5,-147 879.5,-147 879.5,-124 774.5,-124"/>
<text text-anchor="start" x="811" y="-131.8" font-family="arial" font-size="14.00">GND</text>
<polygon fill="none" stroke="black" points="692.5,-101 692.5,-124 774.5,-124 774.5,-101 692.5,-101"/>
<text text-anchor="start" x="729.5" y="-108.8" font-family="arial" font-size="14.00">2</text>
<polygon fill="none" stroke="black" points="774.5,-101 774.5,-124 879.5,-124 879.5,-101 774.5,-101"/>
<text text-anchor="start" x="812" y="-108.8" font-family="arial" font-size="14.00">VCC</text>
<polygon fill="none" stroke="black" points="692.5,-78 692.5,-101 774.5,-101 774.5,-78 692.5,-78"/>
<text text-anchor="start" x="729.5" y="-85.8" font-family="arial" font-size="14.00">3</text>
<polygon fill="none" stroke="black" points="774.5,-78 774.5,-101 879.5,-101 879.5,-78 774.5,-78"/>
<text text-anchor="start" x="817" y="-85.8" font-family="arial" font-size="14.00">RX</text>
<polygon fill="none" stroke="black" points="692.5,-55 692.5,-78 774.5,-78 774.5,-55 692.5,-55"/>
<text text-anchor="start" x="729.5" y="-62.8" font-family="arial" font-size="14.00">4</text>
<polygon fill="none" stroke="black" points="774.5,-55 774.5,-78 879.5,-78 879.5,-55 774.5,-55"/>
<text text-anchor="start" x="818" 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="M548,-135C611.88,-135 627.87,-134 692,-134"/>
<path fill="none" stroke="#ffffff" stroke-width="2" d="M548,-137C612,-137 628,-136 692,-136"/>
<path fill="none" stroke="#000000" stroke-width="2" d="M548,-139C612.13,-139 628.12,-138 692,-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="M548,-110C612,-110 628,-110 692,-110"/>
<path fill="none" stroke="#895956" stroke-width="2" d="M548,-112C612,-112 628,-112 692,-112"/>
<path fill="none" stroke="#000000" stroke-width="2" d="M548,-114C612,-114 628,-114 692,-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="M548,-85C611.04,-85.86 625.68,-64.86 692,-64"/>
<path fill="none" stroke="#00ff00" stroke-width="2" d="M548,-87C612.68,-87 627.32,-66 692,-66"/>
<path fill="none" stroke="#000000" stroke-width="2" d="M548,-89C614.32,-88.14 628.96,-67.14 692,-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="M548,-60C614.9,-61.09 628.67,-88.09 692,-87"/>
<path fill="none" stroke="#ffff00" stroke-width="2" d="M548,-62C613.12,-62 626.88,-89 692,-89"/>
<path fill="none" stroke="#000000" stroke-width="2" d="M548,-64C611.33,-62.91 625.1,-89.91 692,-91"/>
</g>
</g>
</svg>
</div>
<div id="notes">
<!-- %notes% -->
</div>
<h2>Bill of Materials</h2>
<div id="bom">
<table class="bom">
<tr>
<th class="bom_col_id">Id</th>
<th class="bom_col_description">Description</th>
<th class="bom_col_qty">Qty</th>
<th class="bom_col_unit">Unit</th>
<th class="bom_col_designators">Designators</th>
</tr>
<tr>
<td class="bom_col_id">1</td>
<td class="bom_col_description">Cable, 4 x 0.25 mm² shielded</td>
<td class="bom_col_qty">1</td>
<td class="bom_col_unit">m</td>
<td class="bom_col_designators">W1</td>
</tr>
<tr>
<td class="bom_col_id">2</td>
<td class="bom_col_description">Connector, Molex KK 254, female, 4 pins</td>
<td class="bom_col_qty">2</td>
<td class="bom_col_unit"></td>
<td class="bom_col_designators">X1, X2</td>
</tr>
</table>
</div>
</body></html>