WireViz/tutorial/tutorial02.html
Daniel Rojas ab183f6968
Rebuild all examples before refactoring
no diff should ocurr as a result of the refactoring
2023-01-19 16:36:23 -05:00

216 lines
12 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.4-dev - https://github.com/formatc1702/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 2.49.1 (20210923.0004)
-->
<!-- Pages: 1 -->
<svg width="857pt" height="192pt"
viewBox="0.00 0.00 857.00 192.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 188)">
<polygon fill="#ffffff" stroke="transparent" points="-4,4 -4,-188 853,-188 853,4 -4,4"/>
<!-- X1 -->
<g id="node1" class="node">
<title>X1</title>
<polygon fill="#ffffff" stroke="black" points="187,-152 0,-152 0,-14 187,-14 187,-152"/>
<polygon fill="none" stroke="black" points="0.5,-129 0.5,-152 187.5,-152 187.5,-129 0.5,-129"/>
<text text-anchor="start" x="85" y="-136.8" font-family="arial" font-size="14.00">X1</text>
<polygon fill="none" stroke="black" points="0.5,-106 0.5,-129 96.5,-129 96.5,-106 0.5,-106"/>
<text text-anchor="start" x="4.5" y="-113.8" font-family="arial" font-size="14.00">Molex KK 254</text>
<polygon fill="none" stroke="black" points="96.5,-106 96.5,-129 147.5,-129 147.5,-106 96.5,-106"/>
<text text-anchor="start" x="100.5" y="-113.8" font-family="arial" font-size="14.00">female</text>
<polygon fill="none" stroke="black" points="147.5,-106 147.5,-129 187.5,-129 187.5,-106 147.5,-106"/>
<text text-anchor="start" x="151.5" y="-113.8" font-family="arial" font-size="14.00">4&#45;pin</text>
<polygon fill="none" stroke="black" points="0.5,-83 0.5,-106 187.5,-106 187.5,-83 0.5,-83"/>
<text text-anchor="start" x="90" y="-90.8" font-family="arial" font-size="14.00">1</text>
<polygon fill="none" stroke="black" points="0.5,-60 0.5,-83 187.5,-83 187.5,-60 0.5,-60"/>
<text text-anchor="start" x="90" y="-67.8" font-family="arial" font-size="14.00">2</text>
<polygon fill="none" stroke="black" points="0.5,-37 0.5,-60 187.5,-60 187.5,-37 0.5,-37"/>
<text text-anchor="start" x="90" y="-44.8" font-family="arial" font-size="14.00">3</text>
<polygon fill="none" stroke="black" points="0.5,-14 0.5,-37 187.5,-37 187.5,-14 0.5,-14"/>
<text text-anchor="start" x="90" y="-21.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="518,-184 331,-184 331,0 518,0 518,-184"/>
<polygon fill="none" stroke="black" points="331.5,-161 331.5,-184 518.5,-184 518.5,-161 331.5,-161"/>
<text text-anchor="start" x="414.5" y="-168.8" font-family="arial" font-size="14.00">W1</text>
<polygon fill="none" stroke="black" points="331.5,-138 331.5,-161 354.5,-161 354.5,-138 331.5,-138"/>
<text text-anchor="start" x="335.5" y="-145.8" font-family="arial" font-size="14.00">4x</text>
<polygon fill="none" stroke="black" points="354.5,-138 354.5,-161 486.5,-161 486.5,-138 354.5,-138"/>
<text text-anchor="start" x="358.5" y="-145.8" font-family="arial" font-size="14.00">0.25 mm² (24 AWG)</text>
<polygon fill="none" stroke="black" points="486.5,-138 486.5,-161 518.5,-161 518.5,-138 486.5,-138"/>
<text text-anchor="start" x="490.5" y="-145.8" font-family="arial" font-size="14.00">1 m</text>
<text text-anchor="start" x="354" y="-124.8" font-family="arial" font-size="14.00"> </text>
<text text-anchor="start" x="341.5" y="-105.8" font-family="arial" font-size="14.00">X1:1</text>
<text text-anchor="start" x="390" y="-105.8" font-family="arial" font-size="14.00"> &#160;&#160;&#160;&#160;1:WH &#160;&#160;&#160;</text>
<text text-anchor="start" x="480" y="-105.8" font-family="arial" font-size="14.00">X2:1</text>
<polygon fill="#000000" stroke="transparent" points="331.5,-98 331.5,-100 518.5,-100 518.5,-98 331.5,-98"/>
<polygon fill="#ffffff" stroke="transparent" points="331.5,-96 331.5,-98 518.5,-98 518.5,-96 331.5,-96"/>
<polygon fill="#000000" stroke="transparent" points="331.5,-94 331.5,-96 518.5,-96 518.5,-94 331.5,-94"/>
<text text-anchor="start" x="341.5" y="-80.8" font-family="arial" font-size="14.00">X1:2</text>
<text text-anchor="start" x="392" y="-80.8" font-family="arial" font-size="14.00"> &#160;&#160;&#160;&#160;2:BN &#160;&#160;&#160;</text>
<text text-anchor="start" x="480" y="-80.8" font-family="arial" font-size="14.00">X2:2</text>
<polygon fill="#000000" stroke="transparent" points="331.5,-73 331.5,-75 518.5,-75 518.5,-73 331.5,-73"/>
<polygon fill="#895956" stroke="transparent" points="331.5,-71 331.5,-73 518.5,-73 518.5,-71 331.5,-71"/>
<polygon fill="#000000" stroke="transparent" points="331.5,-69 331.5,-71 518.5,-71 518.5,-69 331.5,-69"/>
<text text-anchor="start" x="341.5" y="-55.8" font-family="arial" font-size="14.00">X1:3</text>
<text text-anchor="start" x="391.5" y="-55.8" font-family="arial" font-size="14.00"> &#160;&#160;&#160;&#160;3:GN &#160;&#160;&#160;</text>
<text text-anchor="start" x="480" y="-55.8" font-family="arial" font-size="14.00">X2:4</text>
<polygon fill="#000000" stroke="transparent" points="331.5,-48 331.5,-50 518.5,-50 518.5,-48 331.5,-48"/>
<polygon fill="#00ff00" stroke="transparent" points="331.5,-46 331.5,-48 518.5,-48 518.5,-46 331.5,-46"/>
<polygon fill="#000000" stroke="transparent" points="331.5,-44 331.5,-46 518.5,-46 518.5,-44 331.5,-44"/>
<text text-anchor="start" x="341.5" y="-30.8" font-family="arial" font-size="14.00">X1:4</text>
<text text-anchor="start" x="392.5" y="-30.8" font-family="arial" font-size="14.00"> &#160;&#160;&#160;&#160;4:YE &#160;&#160;&#160;</text>
<text text-anchor="start" x="480" y="-30.8" font-family="arial" font-size="14.00">X2:3</text>
<polygon fill="#000000" stroke="transparent" points="331.5,-23 331.5,-25 518.5,-25 518.5,-23 331.5,-23"/>
<polygon fill="#ffff00" stroke="transparent" points="331.5,-21 331.5,-23 518.5,-23 518.5,-21 331.5,-21"/>
<polygon fill="#000000" stroke="transparent" points="331.5,-19 331.5,-21 518.5,-21 518.5,-19 331.5,-19"/>
<text text-anchor="start" x="354" 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,-93C251.25,-93.02 267.24,-95.02 331,-95"/>
<path fill="none" stroke="#ffffff" stroke-width="2" d="M187,-95C251.01,-95 266.99,-97 331,-97"/>
<path fill="none" stroke="#000000" stroke-width="2" d="M187,-97C250.76,-96.98 266.75,-98.98 331,-99"/>
</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,-69C251.13,-69 267.12,-70 331,-70"/>
<path fill="none" stroke="#895956" stroke-width="2" d="M187,-71C251,-71 267,-72 331,-72"/>
<path fill="none" stroke="#000000" stroke-width="2" d="M187,-73C250.88,-73 266.87,-74 331,-74"/>
</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,-46C250.88,-46 266.87,-45 331,-45"/>
<path fill="none" stroke="#00ff00" stroke-width="2" d="M187,-48C251,-48 267,-47 331,-47"/>
<path fill="none" stroke="#000000" stroke-width="2" d="M187,-50C251.13,-50 267.12,-49 331,-49"/>
</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,-23C250.64,-23.03 266.62,-20.03 331,-20"/>
<path fill="none" stroke="#ffff00" stroke-width="2" d="M187,-25C251.01,-25 266.99,-22 331,-22"/>
<path fill="none" stroke="#000000" stroke-width="2" d="M187,-27C251.38,-26.97 267.36,-23.97 331,-24"/>
</g>
<!-- X2 -->
<g id="node2" class="node">
<title>X2</title>
<polygon fill="#ffffff" stroke="black" points="849,-154 662,-154 662,-16 849,-16 849,-154"/>
<polygon fill="none" stroke="black" points="662.5,-131 662.5,-154 849.5,-154 849.5,-131 662.5,-131"/>
<text text-anchor="start" x="747" y="-138.8" font-family="arial" font-size="14.00">X2</text>
<polygon fill="none" stroke="black" points="662.5,-108 662.5,-131 758.5,-131 758.5,-108 662.5,-108"/>
<text text-anchor="start" x="666.5" y="-115.8" font-family="arial" font-size="14.00">Molex KK 254</text>
<polygon fill="none" stroke="black" points="758.5,-108 758.5,-131 809.5,-131 809.5,-108 758.5,-108"/>
<text text-anchor="start" x="762.5" y="-115.8" font-family="arial" font-size="14.00">female</text>
<polygon fill="none" stroke="black" points="809.5,-108 809.5,-131 849.5,-131 849.5,-108 809.5,-108"/>
<text text-anchor="start" x="813.5" y="-115.8" font-family="arial" font-size="14.00">4&#45;pin</text>
<polygon fill="none" stroke="black" points="662.5,-85 662.5,-108 849.5,-108 849.5,-85 662.5,-85"/>
<text text-anchor="start" x="752" y="-92.8" font-family="arial" font-size="14.00">1</text>
<polygon fill="none" stroke="black" points="662.5,-62 662.5,-85 849.5,-85 849.5,-62 662.5,-62"/>
<text text-anchor="start" x="752" y="-69.8" font-family="arial" font-size="14.00">2</text>
<polygon fill="none" stroke="black" points="662.5,-39 662.5,-62 849.5,-62 849.5,-39 662.5,-39"/>
<text text-anchor="start" x="752" y="-46.8" font-family="arial" font-size="14.00">3</text>
<polygon fill="none" stroke="black" points="662.5,-16 662.5,-39 849.5,-39 849.5,-16 662.5,-16"/>
<text text-anchor="start" x="752" y="-23.8" font-family="arial" font-size="14.00">4</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="M518,-95C582,-95 598,-95 662,-95"/>
<path fill="none" stroke="#ffffff" stroke-width="2" d="M518,-97C582,-97 598,-97 662,-97"/>
<path fill="none" stroke="#000000" stroke-width="2" d="M518,-99C582,-99 598,-99 662,-99"/>
</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="M518,-70C582.13,-70 598.12,-71 662,-71"/>
<path fill="none" stroke="#895956" stroke-width="2" d="M518,-72C582,-72 598,-73 662,-73"/>
<path fill="none" stroke="#000000" stroke-width="2" d="M518,-74C581.88,-74 597.87,-75 662,-75"/>
</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="M518,-45C581.01,-45.81 595.78,-25.81 662,-25"/>
<path fill="none" stroke="#00ff00" stroke-width="2" d="M518,-47C582.61,-47 597.39,-27 662,-27"/>
<path fill="none" stroke="#000000" stroke-width="2" d="M518,-49C584.22,-48.19 598.99,-28.19 662,-29"/>
</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="M518,-20C585,-21.13 598.6,-49.13 662,-48"/>
<path fill="none" stroke="#ffff00" stroke-width="2" d="M518,-22C583.2,-22 596.8,-50 662,-50"/>
<path fill="none" stroke="#000000" stroke-width="2" d="M518,-24C581.4,-22.87 595,-50.87 662,-52"/>
</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²</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>