WireViz/tutorial/tutorial03.html
2025-03-01 20:35:41 +01:00

257 lines
16 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.5-dev+refactor - https://github.com/wireviz/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 12.2.1 (20241206.2353)
-->
<!-- Pages: 1 -->
<svg width="870pt" height="240pt"
viewBox="0.00 0.00 869.50 239.50" 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 235.5)">
<polygon fill="#ffffff" stroke="none" points="-4,4 -4,-235.5 865.5,-235.5 865.5,4 -4,4"/>
<!-- X1 -->
<g id="node1" class="node">
<title>X1</title>
<polygon fill="#ffffff" stroke="black" points="180,-196 0,-196 0,-53.5 180,-53.5 180,-196"/>
<polygon fill="#ffffff" stroke="none" points="0,-53.5 0,-196 180,-196 180,-53.5 0,-53.5"/>
<polygon fill="none" stroke="black" points="0,-172.25 0,-196 180,-196 180,-172.25 0,-172.25"/>
<text text-anchor="start" x="81.75" y="-178.7" font-family="arial" font-size="14.00">X1</text>
<polygon fill="none" stroke="black" points="0,-148.5 0,-172.25 92.75,-172.25 92.75,-148.5 0,-148.5"/>
<text text-anchor="start" x="4" y="-154.95" font-family="arial" font-size="14.00">Molex KK 254</text>
<polygon fill="none" stroke="black" points="92.75,-148.5 92.75,-172.25 142,-172.25 142,-148.5 92.75,-148.5"/>
<text text-anchor="start" x="96.75" y="-154.95" font-family="arial" font-size="14.00">female</text>
<polygon fill="none" stroke="black" points="142,-148.5 142,-172.25 180,-172.25 180,-148.5 142,-148.5"/>
<text text-anchor="start" x="146" y="-154.95" font-family="arial" font-size="14.00">4&#45;pin</text>
<polygon fill="none" stroke="black" points="0,-124.75 0,-148.5 101.62,-148.5 101.62,-124.75 0,-124.75"/>
<text text-anchor="start" x="35.44" y="-131.2" font-family="arial" font-size="14.00">GND</text>
<polygon fill="none" stroke="black" points="101.62,-124.75 101.62,-148.5 180,-148.5 180,-124.75 101.62,-124.75"/>
<text text-anchor="start" x="137.06" y="-131.2" font-family="arial" font-size="14.00">1</text>
<polygon fill="none" stroke="black" points="0,-101 0,-124.75 101.62,-124.75 101.62,-101 0,-101"/>
<text text-anchor="start" x="36.56" y="-107.45" font-family="arial" font-size="14.00">VCC</text>
<polygon fill="none" stroke="black" points="101.62,-101 101.62,-124.75 180,-124.75 180,-101 101.62,-101"/>
<text text-anchor="start" x="137.06" y="-107.45" font-family="arial" font-size="14.00">2</text>
<polygon fill="none" stroke="black" points="0,-77.25 0,-101 101.62,-101 101.62,-77.25 0,-77.25"/>
<text text-anchor="start" x="41.44" y="-83.7" font-family="arial" font-size="14.00">RX</text>
<polygon fill="none" stroke="black" points="101.62,-77.25 101.62,-101 180,-101 180,-77.25 101.62,-77.25"/>
<text text-anchor="start" x="137.06" y="-83.7" font-family="arial" font-size="14.00">3</text>
<polygon fill="none" stroke="black" points="0,-53.5 0,-77.25 101.62,-77.25 101.62,-53.5 0,-53.5"/>
<text text-anchor="start" x="42.19" y="-59.95" font-family="arial" font-size="14.00">TX</text>
<polygon fill="none" stroke="black" points="101.62,-53.5 101.62,-77.25 180,-77.25 180,-53.5 101.62,-53.5"/>
<text text-anchor="start" x="137.06" y="-59.95" 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="537.5,-231.5 324,-231.5 324,0 537.5,0 537.5,-231.5"/>
<polygon fill="#ffffff" stroke="none" points="324,0 324,-231.5 537.5,-231.5 537.5,0 324,0"/>
<polygon fill="none" stroke="black" points="324,-207.75 324,-231.5 537.5,-231.5 537.5,-207.75 324,-207.75"/>
<text text-anchor="start" x="420.25" y="-214.2" font-family="arial" font-size="14.00">W1</text>
<polygon fill="none" stroke="black" points="324,-184 324,-207.75 346.25,-207.75 346.25,-184 324,-184"/>
<text text-anchor="start" x="328" y="-190.45" font-family="arial" font-size="14.00">4x</text>
<polygon fill="none" stroke="black" points="346.25,-184 346.25,-207.75 477.25,-207.75 477.25,-184 346.25,-184"/>
<text text-anchor="start" x="350.25" y="-190.45" font-family="arial" font-size="14.00">0.25 mm² (24 AWG)</text>
<polygon fill="none" stroke="black" points="477.25,-184 477.25,-207.75 506.25,-207.75 506.25,-184 477.25,-184"/>
<text text-anchor="start" x="481.25" y="-190.45" font-family="arial" font-size="14.00">+ S</text>
<polygon fill="none" stroke="black" points="506.25,-184 506.25,-207.75 537.5,-207.75 537.5,-184 506.25,-184"/>
<text text-anchor="start" x="510.25" y="-190.45" font-family="arial" font-size="14.00">1 m</text>
<text text-anchor="start" x="358.77" y="-168.7" font-family="arial" font-size="14.00"> </text>
<text text-anchor="start" x="326" y="-148.95" font-family="arial" font-size="14.00"> X1:1:GND</text>
<text text-anchor="start" x="400.95" y="-148.95" font-family="arial" font-size="14.00"> </text>
<text text-anchor="start" x="413.5" y="-148.95" font-family="arial" font-size="14.00">1:WH</text>
<text text-anchor="start" x="456.8" y="-148.95" font-family="arial" font-size="14.00"> </text>
<text text-anchor="start" x="469.5" y="-148.95" font-family="arial" font-size="14.00">X2:1:GND </text>
<polygon fill="#000000" stroke="none" points="324,-142.5 324,-144.5 537.5,-144.5 537.5,-142.5 324,-142.5"/>
<polygon fill="#ffffff" stroke="none" points="324,-140.5 324,-142.5 537.5,-142.5 537.5,-140.5 324,-140.5"/>
<polygon fill="#000000" stroke="none" points="324,-138.5 324,-140.5 537.5,-140.5 537.5,-138.5 324,-138.5"/>
<text text-anchor="start" x="326" y="-123.2" font-family="arial" font-size="14.00"> X1:2:VCC</text>
<text text-anchor="start" x="400.95" y="-123.2" font-family="arial" font-size="14.00"> </text>
<text text-anchor="start" x="415.75" y="-123.2" font-family="arial" font-size="14.00">2:BN</text>
<text text-anchor="start" x="456.8" y="-123.2" font-family="arial" font-size="14.00"> </text>
<text text-anchor="start" x="471.75" y="-123.2" font-family="arial" font-size="14.00">X2:2:VCC </text>
<polygon fill="#000000" stroke="none" points="324,-116.75 324,-118.75 537.5,-118.75 537.5,-116.75 324,-116.75"/>
<polygon fill="#895956" stroke="none" points="324,-114.75 324,-116.75 537.5,-116.75 537.5,-114.75 324,-114.75"/>
<polygon fill="#000000" stroke="none" points="324,-112.75 324,-114.75 537.5,-114.75 537.5,-112.75 324,-112.75"/>
<text text-anchor="start" x="326" y="-97.45" font-family="arial" font-size="14.00"> X1:3:RX</text>
<text text-anchor="start" x="400.95" y="-97.45" font-family="arial" font-size="14.00"> </text>
<text text-anchor="start" x="414.62" y="-97.45" font-family="arial" font-size="14.00">3:GN</text>
<text text-anchor="start" x="456.8" y="-97.45" font-family="arial" font-size="14.00"> </text>
<text text-anchor="start" x="483" y="-97.45" font-family="arial" font-size="14.00">X2:4:TX </text>
<polygon fill="#000000" stroke="none" points="324,-91 324,-93 537.5,-93 537.5,-91 324,-91"/>
<polygon fill="#00aa00" stroke="none" points="324,-89 324,-91 537.5,-91 537.5,-89 324,-89"/>
<polygon fill="#000000" stroke="none" points="324,-87 324,-89 537.5,-89 537.5,-87 324,-87"/>
<text text-anchor="start" x="326" y="-71.7" font-family="arial" font-size="14.00"> X1:4:TX</text>
<text text-anchor="start" x="400.95" y="-71.7" font-family="arial" font-size="14.00"> </text>
<text text-anchor="start" x="416.12" y="-71.7" font-family="arial" font-size="14.00">4:YE</text>
<text text-anchor="start" x="456.8" y="-71.7" font-family="arial" font-size="14.00"> </text>
<text text-anchor="start" x="481.5" y="-71.7" font-family="arial" font-size="14.00">X2:3:RX </text>
<polygon fill="#000000" stroke="none" points="324,-65.25 324,-67.25 537.5,-67.25 537.5,-65.25 324,-65.25"/>
<polygon fill="#ffff00" stroke="none" points="324,-63.25 324,-65.25 537.5,-65.25 537.5,-63.25 324,-63.25"/>
<polygon fill="#000000" stroke="none" points="324,-61.25 324,-63.25 537.5,-63.25 537.5,-61.25 324,-61.25"/>
<text text-anchor="start" x="358.77" y="-45.95" font-family="arial" font-size="14.00"> </text>
<text text-anchor="start" x="326" y="-26.2" font-family="arial" font-size="14.00"> X1:1:GND</text>
<text text-anchor="start" x="400.95" y="-26.2" font-family="arial" font-size="14.00"> </text>
<text text-anchor="start" x="412" y="-26.2" font-family="arial" font-size="14.00">Shield</text>
<text text-anchor="start" x="456.8" y="-26.2" font-family="arial" font-size="14.00"> </text>
<text text-anchor="start" x="531.75" y="-26.2" font-family="arial" font-size="14.00"> </text>
<polygon fill="#000000" stroke="none" points="324,-19.75 324,-21.75 537.5,-21.75 537.5,-19.75 324,-19.75"/>
<text text-anchor="start" x="358.77" y="-4.45" 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="M180,-134.63C244.62,-134.71 260.55,-139.59 324,-139.5"/>
<path fill="none" stroke="#ffffff" stroke-width="2" d="M180,-136.62C244.04,-136.63 259.96,-141.5 324,-141.5"/>
<path fill="none" stroke="#000000" stroke-width="2" d="M180,-138.62C243.45,-138.54 259.38,-143.41 324,-143.5"/>
</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="M180,-110.88C244.37,-110.91 260.34,-113.78 324,-113.75"/>
<path fill="none" stroke="#895956" stroke-width="2" d="M180,-112.88C244.01,-112.87 259.99,-115.75 324,-115.75"/>
<path fill="none" stroke="#000000" stroke-width="2" d="M180,-114.87C243.66,-114.84 259.63,-117.72 324,-117.75"/>
</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="M180,-87.13C244.11,-87.13 260.11,-88 324,-88"/>
<path fill="none" stroke="#00aa00" stroke-width="2" d="M180,-89.13C244,-89.12 260,-90 324,-90"/>
<path fill="none" stroke="#000000" stroke-width="2" d="M180,-91.12C243.89,-91.12 259.89,-92 324,-92"/>
</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="M180,-63.38C243.86,-63.38 259.86,-62.25 324,-62.25"/>
<path fill="none" stroke="#ffff00" stroke-width="2" d="M180,-65.38C244,-65.38 260,-64.25 324,-64.25"/>
<path fill="none" stroke="#000000" stroke-width="2" d="M180,-67.37C244.14,-67.37 260.14,-66.25 324,-66.25"/>
</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="M180,-136.62C262.15,-136.62 241.85,-20.75 324,-20.75"/>
</g>
<!-- X2 -->
<g id="node2" class="node">
<title>X2</title>
<polygon fill="#ffffff" stroke="black" points="861.5,-199 681.5,-199 681.5,-56.5 861.5,-56.5 861.5,-199"/>
<polygon fill="#ffffff" stroke="none" points="681.5,-56.5 681.5,-199 861.5,-199 861.5,-56.5 681.5,-56.5"/>
<polygon fill="none" stroke="black" points="681.5,-175.25 681.5,-199 861.5,-199 861.5,-175.25 681.5,-175.25"/>
<text text-anchor="start" x="763.25" y="-181.7" font-family="arial" font-size="14.00">X2</text>
<polygon fill="none" stroke="black" points="681.5,-151.5 681.5,-175.25 774.25,-175.25 774.25,-151.5 681.5,-151.5"/>
<text text-anchor="start" x="685.5" y="-157.95" font-family="arial" font-size="14.00">Molex KK 254</text>
<polygon fill="none" stroke="black" points="774.25,-151.5 774.25,-175.25 823.5,-175.25 823.5,-151.5 774.25,-151.5"/>
<text text-anchor="start" x="778.25" y="-157.95" font-family="arial" font-size="14.00">female</text>
<polygon fill="none" stroke="black" points="823.5,-151.5 823.5,-175.25 861.5,-175.25 861.5,-151.5 823.5,-151.5"/>
<text text-anchor="start" x="827.5" y="-157.95" font-family="arial" font-size="14.00">4&#45;pin</text>
<polygon fill="none" stroke="black" points="681.5,-127.75 681.5,-151.5 759.88,-151.5 759.88,-127.75 681.5,-127.75"/>
<text text-anchor="start" x="716.94" y="-134.2" font-family="arial" font-size="14.00">1</text>
<polygon fill="none" stroke="black" points="759.88,-127.75 759.88,-151.5 861.5,-151.5 861.5,-127.75 759.88,-127.75"/>
<text text-anchor="start" x="795.31" y="-134.2" font-family="arial" font-size="14.00">GND</text>
<polygon fill="none" stroke="black" points="681.5,-104 681.5,-127.75 759.88,-127.75 759.88,-104 681.5,-104"/>
<text text-anchor="start" x="716.94" y="-110.45" font-family="arial" font-size="14.00">2</text>
<polygon fill="none" stroke="black" points="759.88,-104 759.88,-127.75 861.5,-127.75 861.5,-104 759.88,-104"/>
<text text-anchor="start" x="796.44" y="-110.45" font-family="arial" font-size="14.00">VCC</text>
<polygon fill="none" stroke="black" points="681.5,-80.25 681.5,-104 759.88,-104 759.88,-80.25 681.5,-80.25"/>
<text text-anchor="start" x="716.94" y="-86.7" font-family="arial" font-size="14.00">3</text>
<polygon fill="none" stroke="black" points="759.88,-80.25 759.88,-104 861.5,-104 861.5,-80.25 759.88,-80.25"/>
<text text-anchor="start" x="801.31" y="-86.7" font-family="arial" font-size="14.00">RX</text>
<polygon fill="none" stroke="black" points="681.5,-56.5 681.5,-80.25 759.88,-80.25 759.88,-56.5 681.5,-56.5"/>
<text text-anchor="start" x="716.94" y="-62.95" font-family="arial" font-size="14.00">4</text>
<polygon fill="none" stroke="black" points="759.88,-56.5 759.88,-80.25 861.5,-80.25 861.5,-56.5 759.88,-56.5"/>
<text text-anchor="start" x="802.06" y="-62.95" 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="M537.5,-139.5C601.27,-139.51 617.26,-137.64 681.5,-137.63"/>
<path fill="none" stroke="#ffffff" stroke-width="2" d="M537.5,-141.5C601.51,-141.5 617.49,-139.62 681.5,-139.62"/>
<path fill="none" stroke="#000000" stroke-width="2" d="M537.5,-143.5C601.74,-143.49 617.73,-141.61 681.5,-141.62"/>
</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="M537.5,-113.75C601.52,-113.75 617.52,-113.88 681.5,-113.88"/>
<path fill="none" stroke="#895956" stroke-width="2" d="M537.5,-115.75C601.5,-115.75 617.5,-115.87 681.5,-115.87"/>
<path fill="none" stroke="#000000" stroke-width="2" d="M537.5,-117.75C601.48,-117.75 617.48,-117.87 681.5,-117.87"/>
</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="M537.5,-88C600.56,-88.88 615.12,-67.26 681.5,-66.38"/>
<path fill="none" stroke="#00aa00" stroke-width="2" d="M537.5,-90C602.22,-90 616.78,-68.38 681.5,-68.38"/>
<path fill="none" stroke="#000000" stroke-width="2" d="M537.5,-92C603.88,-91.12 618.44,-69.49 681.5,-70.37"/>
</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="M537.5,-62.25C604.48,-63.37 618.11,-91.25 681.5,-90.13"/>
<path fill="none" stroke="#ffff00" stroke-width="2" d="M537.5,-64.25C602.69,-64.25 616.31,-92.13 681.5,-92.12"/>
<path fill="none" stroke="#000000" stroke-width="2" d="M537.5,-66.25C600.89,-65.13 614.52,-93 681.5,-94.12"/>
</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_#">#</th>
<th class="bom_col_qty">Qty</th>
<th class="bom_col_unit">Unit</th>
<th class="bom_col_description">Description</th>
<th class="bom_col_designators">Designators</th>
</tr>
<tr>
<td class="bom_col_#">1</td>
<td class="bom_col_qty">2</td>
<td class="bom_col_unit"></td>
<td class="bom_col_description">Connector, Molex KK 254, female, 4 pins</td>
<td class="bom_col_designators">X1, X2</td>
</tr>
<tr>
<td class="bom_col_#">2</td>
<td class="bom_col_qty">1</td>
<td class="bom_col_unit">m</td>
<td class="bom_col_description">Cable, 4 x 0.25 mm² shielded</td>
<td class="bom_col_designators">W1</td>
</tr>
</table>
</div>
</body></html>