WireViz/tutorial/tutorial03.html
2024-06-16 22:17:54 +02:00

263 lines
15 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.5-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 11.0.0 (20240428.1522)
-->
<!-- Pages: 1 -->
<svg width="894pt" height="243pt"
viewBox="0.00 0.00 894.25 243.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 239)">
<polygon fill="#ffffff" stroke="none" points="-4,4 -4,-239 890.25,-239 890.25,4 -4,4"/>
<!-- X1 -->
<g id="node1" class="node">
<title>X1</title>
<polygon fill="#ffffff" stroke="black" points="188.25,-200 0,-200 0,-55 188.25,-55 188.25,-200"/>
<polygon fill="none" stroke="black" points="0,-175.5 0,-200 188.25,-200 188.25,-175.5 0,-175.5"/>
<text text-anchor="start" x="85.13" y="-182.7" font-family="arial" font-size="14.00">X1</text>
<polygon fill="none" stroke="black" points="0,-151 0,-175.5 97.25,-175.5 97.25,-151 0,-151"/>
<text text-anchor="start" x="4" y="-158.2" font-family="arial" font-size="14.00">Molex KK 254</text>
<polygon fill="none" stroke="black" points="97.25,-151 97.25,-175.5 148.75,-175.5 148.75,-151 97.25,-151"/>
<text text-anchor="start" x="101.25" y="-158.2" font-family="arial" font-size="14.00">female</text>
<polygon fill="none" stroke="black" points="148.75,-151 148.75,-175.5 188.25,-175.5 188.25,-151 148.75,-151"/>
<text text-anchor="start" x="152.75" y="-158.2" font-family="arial" font-size="14.00">4&#45;pin</text>
<polygon fill="none" stroke="black" points="0,-127 0,-151 105.63,-151 105.63,-127 0,-127"/>
<text text-anchor="start" x="37.06" y="-133.7" font-family="arial" font-size="14.00">GND</text>
<polygon fill="none" stroke="black" points="105.63,-127 105.63,-151 188.25,-151 188.25,-127 105.63,-127"/>
<text text-anchor="start" x="142.81" y="-133.7" font-family="arial" font-size="14.00">1</text>
<polygon fill="none" stroke="black" points="0,-103 0,-127 105.63,-127 105.63,-103 0,-103"/>
<text text-anchor="start" x="37.44" y="-109.7" font-family="arial" font-size="14.00">VCC</text>
<polygon fill="none" stroke="black" points="105.63,-103 105.63,-127 188.25,-127 188.25,-103 105.63,-103"/>
<text text-anchor="start" x="142.81" y="-109.7" font-family="arial" font-size="14.00">2</text>
<polygon fill="none" stroke="black" points="0,-79 0,-103 105.63,-103 105.63,-79 0,-79"/>
<text text-anchor="start" x="42.69" y="-85.7" font-family="arial" font-size="14.00">RX</text>
<polygon fill="none" stroke="black" points="105.63,-79 105.63,-103 188.25,-103 188.25,-79 105.63,-79"/>
<text text-anchor="start" x="142.81" y="-85.7" font-family="arial" font-size="14.00">3</text>
<polygon fill="none" stroke="black" points="0,-55 0,-79 105.63,-79 105.63,-55 0,-55"/>
<text text-anchor="start" x="43.44" y="-61.7" font-family="arial" font-size="14.00">TX</text>
<polygon fill="none" stroke="black" points="105.63,-55 105.63,-79 188.25,-79 188.25,-55 105.63,-55"/>
<text text-anchor="start" x="142.81" y="-61.7" font-family="arial" font-size="14.00">4</text>
</g>
<!-- W1 -->
<g id="node2" class="node">
<title>W1</title>
<polygon fill="#ffffff" stroke="black" points="554,-235 332.24,-235 332.24,0 554,0 554,-235"/>
<polygon fill="none" stroke="black" points="332.25,-210.5 332.25,-235 554,-235 554,-210.5 332.25,-210.5"/>
<text text-anchor="start" x="431.87" y="-217.7" font-family="arial" font-size="14.00">W1</text>
<polygon fill="none" stroke="black" points="332.25,-186 332.25,-210.5 355.25,-210.5 355.25,-186 332.25,-186"/>
<text text-anchor="start" x="336.25" y="-193.2" font-family="arial" font-size="14.00">4x</text>
<polygon fill="none" stroke="black" points="355.25,-186 355.25,-210.5 492.25,-210.5 492.25,-186 355.25,-186"/>
<text text-anchor="start" x="359.25" y="-193.2" font-family="arial" font-size="14.00">0.25 mm² (24 AWG)</text>
<polygon fill="none" stroke="black" points="492.25,-186 492.25,-210.5 522,-210.5 522,-186 492.25,-186"/>
<text text-anchor="start" x="496.25" y="-193.2" font-family="arial" font-size="14.00">+ S</text>
<polygon fill="none" stroke="black" points="522,-186 522,-210.5 554,-210.5 554,-186 522,-186"/>
<text text-anchor="start" x="526" y="-193.2" font-family="arial" font-size="14.00">1 m</text>
<text text-anchor="start" x="366.66" y="-170.7" font-family="arial" font-size="14.00"> </text>
<text text-anchor="start" x="335.91" y="-150.7" font-family="arial" font-size="14.00">X1:1:GND</text>
<text text-anchor="start" x="408.25" y="-150.7" font-family="arial" font-size="14.00"> &#160;&#160;&#160;&#160;1:WH &#160;&#160;&#160;</text>
<text text-anchor="start" x="485.08" y="-150.7" font-family="arial" font-size="14.00">X2:1:GND</text>
<text text-anchor="start" x="336.29" y="-124.7" font-family="arial" font-size="14.00">X1:2:VCC</text>
<text text-anchor="start" x="410.5" y="-124.7" font-family="arial" font-size="14.00"> &#160;&#160;&#160;&#160;2:BN &#160;&#160;&#160;</text>
<text text-anchor="start" x="485.45" y="-124.7" font-family="arial" font-size="14.00">X2:2:VCC</text>
<text text-anchor="start" x="341.54" y="-98.7" font-family="arial" font-size="14.00">X1:3:RX</text>
<text text-anchor="start" x="409.75" y="-98.7" font-family="arial" font-size="14.00"> &#160;&#160;&#160;&#160;3:GN &#160;&#160;&#160;</text>
<text text-anchor="start" x="491.45" y="-98.7" font-family="arial" font-size="14.00">X2:4:TX</text>
<text text-anchor="start" x="342.29" y="-72.7" font-family="arial" font-size="14.00">X1:4:TX</text>
<text text-anchor="start" x="410.87" y="-72.7" font-family="arial" font-size="14.00"> &#160;&#160;&#160;&#160;4:YE &#160;&#160;&#160;</text>
<text text-anchor="start" x="490.7" y="-72.7" font-family="arial" font-size="14.00">X2:3:RX</text>
<text text-anchor="start" x="366.66" y="-46.7" font-family="arial" font-size="14.00"> </text>
<text text-anchor="start" x="335.91" y="-26.7" font-family="arial" font-size="14.00">X1:1:GND</text>
<text text-anchor="start" x="423.25" y="-26.7" font-family="arial" font-size="14.00">Shield</text>
<text text-anchor="start" x="366.66" y="-4.7" 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="M188.25,-137C252.76,-137.06 268.72,-141.06 332.25,-141"/>
<path fill="none" stroke="#ffffff" stroke-width="2" d="M188.25,-139C252.27,-139 268.23,-143 332.25,-143"/>
<path fill="none" stroke="#000000" stroke-width="2" d="M188.25,-141C251.78,-140.94 267.74,-144.94 332.25,-145"/>
</g>
<!-- X1&#45;&#45;W1 -->
<g id="edge2" class="edge">
<title>X1:e&#45;&#45;W1:w</title>
<path fill="none" stroke="#000000" stroke-width="2" d="M188.25,-113C252.51,-113.02 268.49,-115.02 332.25,-115"/>
<path fill="none" stroke="#895956" stroke-width="2" d="M188.25,-115C252.26,-115 268.24,-117 332.25,-117"/>
<path fill="none" stroke="#000000" stroke-width="2" d="M188.25,-117C252.01,-116.98 267.99,-118.98 332.25,-119"/>
</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="M188.25,-89C252.25,-89 268.25,-89 332.25,-89"/>
<path fill="none" stroke="#00ff00" stroke-width="2" d="M188.25,-91C252.25,-91 268.25,-91 332.25,-91"/>
<path fill="none" stroke="#000000" stroke-width="2" d="M188.25,-93C252.25,-93 268.25,-93 332.25,-93"/>
</g>
<!-- X1&#45;&#45;W1 -->
<g id="edge4" class="edge">
<title>X1:e&#45;&#45;W1:w</title>
<path fill="none" stroke="#000000" stroke-width="2" d="M188.25,-65C252.01,-65.02 267.99,-63.02 332.25,-63"/>
<path fill="none" stroke="#ffff00" stroke-width="2" d="M188.25,-67C252.26,-67 268.24,-65 332.25,-65"/>
<path fill="none" stroke="#000000" stroke-width="2" d="M188.25,-69C252.51,-68.98 268.49,-66.98 332.25,-67"/>
</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="M188.25,-139C270.99,-139 249.51,-21 332.25,-21"/>
</g>
<!-- W1&#45;&#45;W1 -->
<g id="edge6" class="edge">
<title>W1:w&#45;&#45;W1:e</title>
<path fill="none" stroke="#000000" stroke-width="2" d="M332.25,-141C406.17,-141 480.08,-141 554,-141"/>
<path fill="none" stroke="#ffffff" stroke-width="2" d="M332.25,-143C406.17,-143 480.08,-143 554,-143"/>
<path fill="none" stroke="#000000" stroke-width="2" d="M332.25,-145C406.17,-145 480.08,-145 554,-145"/>
</g>
<!-- W1&#45;&#45;W1 -->
<g id="edge7" class="edge">
<title>W1:w&#45;&#45;W1:e</title>
<path fill="none" stroke="#000000" stroke-width="2" d="M332.25,-115C406.17,-115 480.08,-115 554,-115"/>
<path fill="none" stroke="#895956" stroke-width="2" d="M332.25,-117C406.17,-117 480.08,-117 554,-117"/>
<path fill="none" stroke="#000000" stroke-width="2" d="M332.25,-119C406.17,-119 480.08,-119 554,-119"/>
</g>
<!-- W1&#45;&#45;W1 -->
<g id="edge8" class="edge">
<title>W1:w&#45;&#45;W1:e</title>
<path fill="none" stroke="#000000" stroke-width="2" d="M332.25,-89C406.17,-89 480.08,-89 554,-89"/>
<path fill="none" stroke="#00ff00" stroke-width="2" d="M332.25,-91C406.17,-91 480.08,-91 554,-91"/>
<path fill="none" stroke="#000000" stroke-width="2" d="M332.25,-93C406.17,-93 480.08,-93 554,-93"/>
</g>
<!-- W1&#45;&#45;W1 -->
<g id="edge9" class="edge">
<title>W1:w&#45;&#45;W1:e</title>
<path fill="none" stroke="#000000" stroke-width="2" d="M332.25,-63C406.17,-63 480.08,-63 554,-63"/>
<path fill="none" stroke="#ffff00" stroke-width="2" d="M332.25,-65C406.17,-65 480.08,-65 554,-65"/>
<path fill="none" stroke="#000000" stroke-width="2" d="M332.25,-67C406.17,-67 480.08,-67 554,-67"/>
</g>
<!-- W1&#45;&#45;W1 -->
<g id="edge10" class="edge">
<title>W1:w&#45;&#45;W1:e</title>
<path fill="none" stroke="#000000" stroke-width="2" d="M332.25,-21C406.17,-21 480.08,-21 554,-21"/>
</g>
<!-- X2 -->
<g id="node3" class="node">
<title>X2</title>
<polygon fill="#ffffff" stroke="black" points="886.25,-203 698,-203 698,-58 886.25,-58 886.25,-203"/>
<polygon fill="none" stroke="black" points="698,-178.5 698,-203 886.25,-203 886.25,-178.5 698,-178.5"/>
<text text-anchor="start" x="783.12" y="-185.7" font-family="arial" font-size="14.00">X2</text>
<polygon fill="none" stroke="black" points="698,-154 698,-178.5 795.25,-178.5 795.25,-154 698,-154"/>
<text text-anchor="start" x="702" y="-161.2" font-family="arial" font-size="14.00">Molex KK 254</text>
<polygon fill="none" stroke="black" points="795.25,-154 795.25,-178.5 846.75,-178.5 846.75,-154 795.25,-154"/>
<text text-anchor="start" x="799.25" y="-161.2" font-family="arial" font-size="14.00">female</text>
<polygon fill="none" stroke="black" points="846.75,-154 846.75,-178.5 886.25,-178.5 886.25,-154 846.75,-154"/>
<text text-anchor="start" x="850.75" y="-161.2" font-family="arial" font-size="14.00">4&#45;pin</text>
<polygon fill="none" stroke="black" points="698,-130 698,-154 780.62,-154 780.62,-130 698,-130"/>
<text text-anchor="start" x="735.18" y="-136.7" font-family="arial" font-size="14.00">1</text>
<polygon fill="none" stroke="black" points="780.62,-130 780.62,-154 886.25,-154 886.25,-130 780.62,-130"/>
<text text-anchor="start" x="817.68" y="-136.7" font-family="arial" font-size="14.00">GND</text>
<polygon fill="none" stroke="black" points="698,-106 698,-130 780.62,-130 780.62,-106 698,-106"/>
<text text-anchor="start" x="735.18" y="-112.7" font-family="arial" font-size="14.00">2</text>
<polygon fill="none" stroke="black" points="780.62,-106 780.62,-130 886.25,-130 886.25,-106 780.62,-106"/>
<text text-anchor="start" x="818.06" y="-112.7" font-family="arial" font-size="14.00">VCC</text>
<polygon fill="none" stroke="black" points="698,-82 698,-106 780.62,-106 780.62,-82 698,-82"/>
<text text-anchor="start" x="735.18" y="-88.7" font-family="arial" font-size="14.00">3</text>
<polygon fill="none" stroke="black" points="780.62,-82 780.62,-106 886.25,-106 886.25,-82 780.62,-82"/>
<text text-anchor="start" x="823.31" y="-88.7" font-family="arial" font-size="14.00">RX</text>
<polygon fill="none" stroke="black" points="698,-58 698,-82 780.62,-82 780.62,-58 698,-58"/>
<text text-anchor="start" x="735.18" y="-64.7" font-family="arial" font-size="14.00">4</text>
<polygon fill="none" stroke="black" points="780.62,-58 780.62,-82 886.25,-82 886.25,-58 780.62,-58"/>
<text text-anchor="start" x="824.06" y="-64.7" font-family="arial" font-size="14.00">TX</text>
</g>
<!-- W1&#45;&#45;X2 -->
<g id="edge11" class="edge">
<title>W1:e&#45;&#45;X2:w</title>
<path fill="none" stroke="#000000" stroke-width="2" d="M554,-141C617.88,-141 633.88,-140 698,-140"/>
<path fill="none" stroke="#ffffff" stroke-width="2" d="M554,-143C618,-143 634,-142 698,-142"/>
<path fill="none" stroke="#000000" stroke-width="2" d="M554,-145C618.13,-145 634.13,-144 698,-144"/>
</g>
<!-- W1&#45;&#45;X2 -->
<g id="edge12" class="edge">
<title>W1:e&#45;&#45;X2:w</title>
<path fill="none" stroke="#000000" stroke-width="2" d="M554,-115C618.13,-115 634.13,-116 698,-116"/>
<path fill="none" stroke="#895956" stroke-width="2" d="M554,-117C618,-117 634,-118 698,-118"/>
<path fill="none" stroke="#000000" stroke-width="2" d="M554,-119C617.88,-119 633.88,-120 698,-120"/>
</g>
<!-- W1&#45;&#45;X2 -->
<g id="edge13" class="edge">
<title>W1:e&#45;&#45;X2:w</title>
<path fill="none" stroke="#000000" stroke-width="2" d="M554,-89C617.04,-89.86 631.68,-68.86 698,-68"/>
<path fill="none" stroke="#00ff00" stroke-width="2" d="M554,-91C618.68,-91 633.32,-70 698,-70"/>
<path fill="none" stroke="#000000" stroke-width="2" d="M554,-93C620.32,-92.14 634.96,-71.14 698,-72"/>
</g>
<!-- W1&#45;&#45;X2 -->
<g id="edge14" class="edge">
<title>W1:e&#45;&#45;X2:w</title>
<path fill="none" stroke="#000000" stroke-width="2" d="M554,-63C621.1,-64.16 634.54,-93.16 698,-92"/>
<path fill="none" stroke="#ffff00" stroke-width="2" d="M554,-65C619.28,-65 632.72,-94 698,-94"/>
<path fill="none" stroke="#000000" stroke-width="2" d="M554,-67C617.47,-65.84 630.91,-94.84 698,-96"/>
</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>