WireViz/tutorial/tutorial02.html
Tobias Falk 17407c195f
Some checks failed
Create Examples / build (ubuntu-22.04, 3.7) (push) Has been cancelled
Create Examples / build (ubuntu-22.04, 3.8) (push) Has been cancelled
Create Examples / build (ubuntu-latest, 3.10) (push) Has been cancelled
Create Examples / build (ubuntu-latest, 3.11) (push) Has been cancelled
Create Examples / build (ubuntu-latest, 3.12) (push) Has been cancelled
Create Examples / build (ubuntu-latest, 3.9) (push) Has been cancelled
rerun examples
2025-03-12 23:02:46 +01:00

243 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.5-dev+refactor - https://github.com/wireviz/WireViz">
<title>tutorial02</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>tutorial02</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="865pt" height="201pt"
viewBox="0.00 0.00 864.51 201.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 197)">
<polygon fill="#ffffff" stroke="none" points="-4,4 -4,-197 860.51,-197 860.51,4 -4,4"/>
<!-- X1 -->
<g id="node1" class="node">
<title>X1</title>
<polygon fill="#ffffff" stroke="black" points="188.25,-161 0,-161 0,-14 188.25,-14 188.25,-161"/>
<polygon fill="#ffffff" stroke="none" points="0,-14 0,-161 188.25,-161 188.25,-14 0,-14"/>
<polygon fill="none" stroke="black" points="0,-136.5 0,-161 188.25,-161 188.25,-136.5 0,-136.5"/>
<text text-anchor="start" x="85.13" y="-143.7" font-family="arial" font-size="14.00">X1</text>
<polygon fill="none" stroke="black" points="0,-112 0,-136.5 97.25,-136.5 97.25,-112 0,-112"/>
<text text-anchor="start" x="4" y="-119.2" font-family="arial" font-size="14.00">Molex KK 254</text>
<polygon fill="none" stroke="black" points="97.25,-112 97.25,-136.5 148.75,-136.5 148.75,-112 97.25,-112"/>
<text text-anchor="start" x="101.25" y="-119.2" font-family="arial" font-size="14.00">female</text>
<polygon fill="none" stroke="black" points="148.75,-112 148.75,-136.5 188.25,-136.5 188.25,-112 148.75,-112"/>
<text text-anchor="start" x="152.75" y="-119.2" font-family="arial" font-size="14.00">4&#45;pin</text>
<polygon fill="none" stroke="black" points="0,-87.5 0,-112 188.25,-112 188.25,-87.5 0,-87.5"/>
<text text-anchor="start" x="90" y="-94.7" font-family="arial" font-size="14.00">1</text>
<polygon fill="none" stroke="black" points="0,-63 0,-87.5 188.25,-87.5 188.25,-63 0,-63"/>
<text text-anchor="start" x="90" y="-70.2" font-family="arial" font-size="14.00">2</text>
<polygon fill="none" stroke="black" points="0,-38.5 0,-63 188.25,-63 188.25,-38.5 0,-38.5"/>
<text text-anchor="start" x="90" y="-45.7" font-family="arial" font-size="14.00">3</text>
<polygon fill="none" stroke="black" points="0,-14 0,-38.5 188.25,-38.5 188.25,-14 0,-14"/>
<text text-anchor="start" x="90" y="-21.2" 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="524.25,-193 332.25,-193 332.25,0 524.25,0 524.25,-193"/>
<polygon fill="#ffffff" stroke="none" points="332.25,0 332.25,-193 524.25,-193 524.25,0 332.25,0"/>
<polygon fill="none" stroke="black" points="332.25,-168.5 332.25,-193 524.25,-193 524.25,-168.5 332.25,-168.5"/>
<text text-anchor="start" x="417" y="-175.7" font-family="arial" font-size="14.00">W1</text>
<polygon fill="none" stroke="black" points="332.25,-144 332.25,-168.5 355.25,-168.5 355.25,-144 332.25,-144"/>
<text text-anchor="start" x="336.25" y="-151.2" font-family="arial" font-size="14.00">4x</text>
<polygon fill="none" stroke="black" points="355.25,-144 355.25,-168.5 492.25,-168.5 492.25,-144 355.25,-144"/>
<text text-anchor="start" x="359.25" y="-151.2" font-family="arial" font-size="14.00">0.25 mm² (24 AWG)</text>
<polygon fill="none" stroke="black" points="492.25,-144 492.25,-168.5 524.25,-168.5 524.25,-144 492.25,-144"/>
<text text-anchor="start" x="496.25" y="-151.2" font-family="arial" font-size="14.00">1 m</text>
<text text-anchor="start" x="355.28" y="-128.7" font-family="arial" font-size="14.00"> </text>
<text text-anchor="start" x="334.25" y="-108.7" font-family="arial" font-size="14.00"> X1:1</text>
<text text-anchor="start" x="390.08" y="-108.7" font-family="arial" font-size="14.00"> </text>
<text text-anchor="start" x="410.25" y="-108.7" font-family="arial" font-size="14.00">1:WH</text>
<text text-anchor="start" x="462.68" y="-108.7" font-family="arial" font-size="14.00"> </text>
<text text-anchor="start" x="488.5" y="-108.7" font-family="arial" font-size="14.00">X2:1 </text>
<text text-anchor="start" x="334.25" y="-82.7" font-family="arial" font-size="14.00"> X1:2</text>
<text text-anchor="start" x="390.08" y="-82.7" font-family="arial" font-size="14.00"> </text>
<text text-anchor="start" x="412.5" y="-82.7" font-family="arial" font-size="14.00">2:BN</text>
<text text-anchor="start" x="462.68" y="-82.7" font-family="arial" font-size="14.00"> </text>
<text text-anchor="start" x="488.5" y="-82.7" font-family="arial" font-size="14.00">X2:2 </text>
<text text-anchor="start" x="334.25" y="-56.7" font-family="arial" font-size="14.00"> X1:3</text>
<text text-anchor="start" x="390.08" y="-56.7" font-family="arial" font-size="14.00"> </text>
<text text-anchor="start" x="411.75" y="-56.7" font-family="arial" font-size="14.00">3:GN</text>
<text text-anchor="start" x="462.68" y="-56.7" font-family="arial" font-size="14.00"> </text>
<text text-anchor="start" x="488.5" y="-56.7" font-family="arial" font-size="14.00">X2:4 </text>
<text text-anchor="start" x="334.25" y="-30.7" font-family="arial" font-size="14.00"> X1:4</text>
<text text-anchor="start" x="390.08" y="-30.7" font-family="arial" font-size="14.00"> </text>
<text text-anchor="start" x="412.88" y="-30.7" font-family="arial" font-size="14.00">4:YE</text>
<text text-anchor="start" x="462.68" y="-30.7" font-family="arial" font-size="14.00"> </text>
<text text-anchor="start" x="488.5" y="-30.7" font-family="arial" font-size="14.00">X2:3 </text>
<text text-anchor="start" x="355.28" 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,-97.75C252.41,-97.76 268.41,-99.01 332.25,-99"/>
<path fill="none" stroke="#ffffff" stroke-width="2" d="M188.25,-99.75C252.25,-99.75 268.25,-101 332.25,-101"/>
<path fill="none" stroke="#000000" stroke-width="2" d="M188.25,-101.75C252.09,-101.75 268.09,-103 332.25,-103"/>
</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,-73.25C252.22,-73.25 268.22,-73 332.25,-73"/>
<path fill="none" stroke="#895956" stroke-width="2" d="M188.25,-75.25C252.25,-75.25 268.25,-75 332.25,-75"/>
<path fill="none" stroke="#000000" stroke-width="2" d="M188.25,-77.25C252.28,-77.25 268.28,-77 332.25,-77"/>
</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,-48.75C252.03,-48.76 268.03,-47.01 332.25,-47"/>
<path fill="none" stroke="#00aa00" stroke-width="2" d="M188.25,-50.75C252.25,-50.75 268.25,-49 332.25,-49"/>
<path fill="none" stroke="#000000" stroke-width="2" d="M188.25,-52.75C252.47,-52.74 268.47,-50.99 332.25,-51"/>
</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,-24.25C251.87,-24.29 267.83,-21.04 332.25,-21"/>
<path fill="none" stroke="#ffff00" stroke-width="2" d="M188.25,-26.25C252.27,-26.25 268.23,-23 332.25,-23"/>
<path fill="none" stroke="#000000" stroke-width="2" d="M188.25,-28.25C252.67,-28.21 268.63,-24.96 332.25,-25"/>
</g>
<!-- W1&#45;&#45;W1 -->
<g id="edge5" class="edge">
<title>W1:e&#45;&#45;W1:w</title>
<path fill="none" stroke="#000000" stroke-width="2" d="M524.25,-103C460.25,-103 396.25,-103 332.25,-103"/>
<path fill="none" stroke="#ffffff" stroke-width="2" d="M524.25,-101C460.25,-101 396.25,-101 332.25,-101"/>
<path fill="none" stroke="#000000" stroke-width="2" d="M524.25,-99C460.25,-99 396.25,-99 332.25,-99"/>
</g>
<!-- W1&#45;&#45;W1 -->
<g id="edge6" class="edge">
<title>W1:e&#45;&#45;W1:w</title>
<path fill="none" stroke="#000000" stroke-width="2" d="M524.25,-77C460.25,-77 396.25,-77 332.25,-77"/>
<path fill="none" stroke="#895956" stroke-width="2" d="M524.25,-75C460.25,-75 396.25,-75 332.25,-75"/>
<path fill="none" stroke="#000000" stroke-width="2" d="M524.25,-73C460.25,-73 396.25,-73 332.25,-73"/>
</g>
<!-- W1&#45;&#45;W1 -->
<g id="edge7" class="edge">
<title>W1:e&#45;&#45;W1:w</title>
<path fill="none" stroke="#000000" stroke-width="2" d="M524.25,-51C460.25,-51 396.25,-51 332.25,-51"/>
<path fill="none" stroke="#00aa00" stroke-width="2" d="M524.25,-49C460.25,-49 396.25,-49 332.25,-49"/>
<path fill="none" stroke="#000000" stroke-width="2" d="M524.25,-47C460.25,-47 396.25,-47 332.25,-47"/>
</g>
<!-- W1&#45;&#45;W1 -->
<g id="edge8" class="edge">
<title>W1:e&#45;&#45;W1:w</title>
<path fill="none" stroke="#000000" stroke-width="2" d="M524.25,-25C460.25,-25 396.25,-25 332.25,-25"/>
<path fill="none" stroke="#ffff00" stroke-width="2" d="M524.25,-23C460.25,-23 396.25,-23 332.25,-23"/>
<path fill="none" stroke="#000000" stroke-width="2" d="M524.25,-21C460.25,-21 396.25,-21 332.25,-21"/>
</g>
<!-- X2 -->
<g id="node3" class="node">
<title>X2</title>
<polygon fill="#ffffff" stroke="black" points="856.51,-162 668.26,-162 668.26,-15 856.51,-15 856.51,-162"/>
<polygon fill="#ffffff" stroke="none" points="668.26,-15 668.26,-162 856.51,-162 856.51,-15 668.26,-15"/>
<polygon fill="none" stroke="black" points="668.26,-137.5 668.26,-162 856.51,-162 856.51,-137.5 668.26,-137.5"/>
<text text-anchor="start" x="753.38" y="-144.7" font-family="arial" font-size="14.00">X2</text>
<polygon fill="none" stroke="black" points="668.26,-113 668.26,-137.5 765.51,-137.5 765.51,-113 668.26,-113"/>
<text text-anchor="start" x="672.26" y="-120.2" font-family="arial" font-size="14.00">Molex KK 254</text>
<polygon fill="none" stroke="black" points="765.51,-113 765.51,-137.5 817.01,-137.5 817.01,-113 765.51,-113"/>
<text text-anchor="start" x="769.51" y="-120.2" font-family="arial" font-size="14.00">female</text>
<polygon fill="none" stroke="black" points="817.01,-113 817.01,-137.5 856.51,-137.5 856.51,-113 817.01,-113"/>
<text text-anchor="start" x="821.01" y="-120.2" font-family="arial" font-size="14.00">4&#45;pin</text>
<polygon fill="none" stroke="black" points="668.26,-88.5 668.26,-113 856.51,-113 856.51,-88.5 668.26,-88.5"/>
<text text-anchor="start" x="758.26" y="-95.7" font-family="arial" font-size="14.00">1</text>
<polygon fill="none" stroke="black" points="668.26,-64 668.26,-88.5 856.51,-88.5 856.51,-64 668.26,-64"/>
<text text-anchor="start" x="758.26" y="-71.2" font-family="arial" font-size="14.00">2</text>
<polygon fill="none" stroke="black" points="668.26,-39.5 668.26,-64 856.51,-64 856.51,-39.5 668.26,-39.5"/>
<text text-anchor="start" x="758.26" y="-46.7" font-family="arial" font-size="14.00">3</text>
<polygon fill="none" stroke="black" points="668.26,-15 668.26,-39.5 856.51,-39.5 856.51,-15 668.26,-15"/>
<text text-anchor="start" x="758.26" y="-22.2" font-family="arial" font-size="14.00">4</text>
</g>
<!-- W1&#45;&#45;X2 -->
<g id="edge9" class="edge">
<title>W1:e&#45;&#45;X2:w</title>
<path fill="none" stroke="#000000" stroke-width="2" d="M524.25,-99C588.22,-99 604.22,-98.75 668.25,-98.75"/>
<path fill="none" stroke="#ffffff" stroke-width="2" d="M524.25,-101C588.25,-101 604.25,-100.75 668.25,-100.75"/>
<path fill="none" stroke="#000000" stroke-width="2" d="M524.25,-103C588.28,-103 604.28,-102.75 668.25,-102.75"/>
</g>
<!-- W1&#45;&#45;X2 -->
<g id="edge10" class="edge">
<title>W1:e&#45;&#45;X2:w</title>
<path fill="none" stroke="#000000" stroke-width="2" d="M524.25,-73C588.41,-73.01 604.41,-74.26 668.25,-74.25"/>
<path fill="none" stroke="#895956" stroke-width="2" d="M524.25,-75C588.25,-75 604.25,-76.25 668.25,-76.25"/>
<path fill="none" stroke="#000000" stroke-width="2" d="M524.25,-77C588.09,-77 604.09,-78.25 668.25,-78.25"/>
</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="M524.25,-47C587.32,-47.89 601.86,-26.14 668.25,-25.25"/>
<path fill="none" stroke="#00aa00" stroke-width="2" d="M524.25,-49C588.98,-49 603.52,-27.25 668.25,-27.25"/>
<path fill="none" stroke="#000000" stroke-width="2" d="M524.25,-51C590.64,-50.11 605.18,-28.36 668.25,-29.25"/>
</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="M524.25,-21C591.32,-22.15 604.8,-50.9 668.25,-49.75"/>
<path fill="none" stroke="#ffff00" stroke-width="2" d="M524.25,-23C589.51,-23 602.99,-51.75 668.25,-51.75"/>
<path fill="none" stroke="#000000" stroke-width="2" d="M524.25,-25C587.7,-23.85 601.18,-52.6 668.25,-53.75"/>
</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²</td>
<td class="bom_col_designators">W1</td>
</tr>
</table>
</div>
</body></html>