206 lines
11 KiB
HTML
Generated
206 lines
11 KiB
HTML
Generated
<!DOCTYPE html>
|
||
<html lang="en"><head>
|
||
<meta charset="UTF-8">
|
||
<meta name="generator" content="WireViz 0.4-dev - https://github.com/formatc1702/WireViz">
|
||
<title>tutorial01</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>tutorial01</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="489pt" height="192pt"
|
||
viewBox="0.00 0.00 489.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 485,-188 485,4 -4,4"/>
|
||
<!-- X1 -->
|
||
<g id="node1" class="node">
|
||
<title>X1</title>
|
||
<polygon fill="#ffffff" stroke="black" points="40,-152 0,-152 0,-14 40,-14 40,-152"/>
|
||
<polygon fill="none" stroke="black" points="0,-129 0,-152 40,-152 40,-129 0,-129"/>
|
||
<text text-anchor="start" x="11" y="-136.8" font-family="arial" font-size="14.00">X1</text>
|
||
<polygon fill="none" stroke="black" points="0,-106 0,-129 40,-129 40,-106 0,-106"/>
|
||
<text text-anchor="start" x="4" y="-113.8" font-family="arial" font-size="14.00">4-pin</text>
|
||
<polygon fill="none" stroke="black" points="0,-83 0,-106 40,-106 40,-83 0,-83"/>
|
||
<text text-anchor="start" x="16" y="-90.8" font-family="arial" font-size="14.00">1</text>
|
||
<polygon fill="none" stroke="black" points="0,-60 0,-83 40,-83 40,-60 0,-60"/>
|
||
<text text-anchor="start" x="16" y="-67.8" font-family="arial" font-size="14.00">2</text>
|
||
<polygon fill="none" stroke="black" points="0,-37 0,-60 40,-60 40,-37 0,-37"/>
|
||
<text text-anchor="start" x="16" y="-44.8" font-family="arial" font-size="14.00">3</text>
|
||
<polygon fill="none" stroke="black" points="0,-14 0,-37 40,-37 40,-14 0,-14"/>
|
||
<text text-anchor="start" x="16" 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="297,-184 184,-184 184,0 297,0 297,-184"/>
|
||
<polygon fill="none" stroke="black" points="184.5,-161 184.5,-184 297.5,-184 297.5,-161 184.5,-161"/>
|
||
<text text-anchor="start" x="230.5" y="-168.8" font-family="arial" font-size="14.00">W1</text>
|
||
<polygon fill="none" stroke="black" points="184.5,-138 184.5,-161 236.5,-161 236.5,-138 184.5,-138"/>
|
||
<text text-anchor="start" x="203" y="-145.8" font-family="arial" font-size="14.00">4x</text>
|
||
<polygon fill="none" stroke="black" points="236.5,-138 236.5,-161 297.5,-161 297.5,-138 236.5,-138"/>
|
||
<text text-anchor="start" x="255" y="-145.8" font-family="arial" font-size="14.00">1 m</text>
|
||
<text text-anchor="start" x="199" y="-124.8" font-family="arial" font-size="14.00"> </text>
|
||
<text text-anchor="start" x="186.5" y="-105.8" font-family="arial" font-size="14.00">X1:1</text>
|
||
<text text-anchor="start" x="219.5" y="-105.8" font-family="arial" font-size="14.00">     1    </text>
|
||
<text text-anchor="start" x="266.5" y="-105.8" font-family="arial" font-size="14.00">X2:1</text>
|
||
<polygon fill="#000000" stroke="transparent" points="184.5,-98 184.5,-100 297.5,-100 297.5,-98 184.5,-98"/>
|
||
<polygon fill="#ffffff" stroke="transparent" points="184.5,-96 184.5,-98 297.5,-98 297.5,-96 184.5,-96"/>
|
||
<polygon fill="#000000" stroke="transparent" points="184.5,-94 184.5,-96 297.5,-96 297.5,-94 184.5,-94"/>
|
||
<text text-anchor="start" x="186.5" y="-80.8" font-family="arial" font-size="14.00">X1:2</text>
|
||
<text text-anchor="start" x="219.5" y="-80.8" font-family="arial" font-size="14.00">     2    </text>
|
||
<text text-anchor="start" x="266.5" y="-80.8" font-family="arial" font-size="14.00">X2:2</text>
|
||
<polygon fill="#000000" stroke="transparent" points="184.5,-73 184.5,-75 297.5,-75 297.5,-73 184.5,-73"/>
|
||
<polygon fill="#ffffff" stroke="transparent" points="184.5,-71 184.5,-73 297.5,-73 297.5,-71 184.5,-71"/>
|
||
<polygon fill="#000000" stroke="transparent" points="184.5,-69 184.5,-71 297.5,-71 297.5,-69 184.5,-69"/>
|
||
<text text-anchor="start" x="186.5" y="-55.8" font-family="arial" font-size="14.00">X1:3</text>
|
||
<text text-anchor="start" x="219.5" y="-55.8" font-family="arial" font-size="14.00">     3    </text>
|
||
<text text-anchor="start" x="266.5" y="-55.8" font-family="arial" font-size="14.00">X2:3</text>
|
||
<polygon fill="#000000" stroke="transparent" points="184.5,-48 184.5,-50 297.5,-50 297.5,-48 184.5,-48"/>
|
||
<polygon fill="#ffffff" stroke="transparent" points="184.5,-46 184.5,-48 297.5,-48 297.5,-46 184.5,-46"/>
|
||
<polygon fill="#000000" stroke="transparent" points="184.5,-44 184.5,-46 297.5,-46 297.5,-44 184.5,-44"/>
|
||
<text text-anchor="start" x="186.5" y="-30.8" font-family="arial" font-size="14.00">X1:4</text>
|
||
<text text-anchor="start" x="219.5" y="-30.8" font-family="arial" font-size="14.00">     4    </text>
|
||
<text text-anchor="start" x="266.5" y="-30.8" font-family="arial" font-size="14.00">X2:4</text>
|
||
<polygon fill="#000000" stroke="transparent" points="184.5,-23 184.5,-25 297.5,-25 297.5,-23 184.5,-23"/>
|
||
<polygon fill="#ffffff" stroke="transparent" points="184.5,-21 184.5,-23 297.5,-23 297.5,-21 184.5,-21"/>
|
||
<polygon fill="#000000" stroke="transparent" points="184.5,-19 184.5,-21 297.5,-21 297.5,-19 184.5,-19"/>
|
||
<text text-anchor="start" x="199" y="-5.8" font-family="arial" font-size="14.00"> </text>
|
||
</g>
|
||
<!-- X1--W1 -->
|
||
<g id="edge1" class="edge">
|
||
<title>X1:e--W1:w</title>
|
||
<path fill="none" stroke="#000000" stroke-width="2" d="M40,-93C104.25,-93.02 120.24,-95.02 184,-95"/>
|
||
<path fill="none" stroke="#ffffff" stroke-width="2" d="M40,-95C104.01,-95 119.99,-97 184,-97"/>
|
||
<path fill="none" stroke="#000000" stroke-width="2" d="M40,-97C103.76,-96.98 119.75,-98.98 184,-99"/>
|
||
</g>
|
||
<!-- X1--W1 -->
|
||
<g id="edge3" class="edge">
|
||
<title>X1:e--W1:w</title>
|
||
<path fill="none" stroke="#000000" stroke-width="2" d="M40,-69C104.13,-69 120.12,-70 184,-70"/>
|
||
<path fill="none" stroke="#ffffff" stroke-width="2" d="M40,-71C104,-71 120,-72 184,-72"/>
|
||
<path fill="none" stroke="#000000" stroke-width="2" d="M40,-73C103.88,-73 119.87,-74 184,-74"/>
|
||
</g>
|
||
<!-- X1--W1 -->
|
||
<g id="edge5" class="edge">
|
||
<title>X1:e--W1:w</title>
|
||
<path fill="none" stroke="#000000" stroke-width="2" d="M40,-46C103.88,-46 119.87,-45 184,-45"/>
|
||
<path fill="none" stroke="#ffffff" stroke-width="2" d="M40,-48C104,-48 120,-47 184,-47"/>
|
||
<path fill="none" stroke="#000000" stroke-width="2" d="M40,-50C104.13,-50 120.12,-49 184,-49"/>
|
||
</g>
|
||
<!-- X1--W1 -->
|
||
<g id="edge7" class="edge">
|
||
<title>X1:e--W1:w</title>
|
||
<path fill="none" stroke="#000000" stroke-width="2" d="M40,-23C103.64,-23.03 119.62,-20.03 184,-20"/>
|
||
<path fill="none" stroke="#ffffff" stroke-width="2" d="M40,-25C104.01,-25 119.99,-22 184,-22"/>
|
||
<path fill="none" stroke="#000000" stroke-width="2" d="M40,-27C104.38,-26.97 120.36,-23.97 184,-24"/>
|
||
</g>
|
||
<!-- X2 -->
|
||
<g id="node2" class="node">
|
||
<title>X2</title>
|
||
<polygon fill="#ffffff" stroke="black" points="481,-152 441,-152 441,-14 481,-14 481,-152"/>
|
||
<polygon fill="none" stroke="black" points="441,-129 441,-152 481,-152 481,-129 441,-129"/>
|
||
<text text-anchor="start" x="452" y="-136.8" font-family="arial" font-size="14.00">X2</text>
|
||
<polygon fill="none" stroke="black" points="441,-106 441,-129 481,-129 481,-106 441,-106"/>
|
||
<text text-anchor="start" x="445" y="-113.8" font-family="arial" font-size="14.00">4-pin</text>
|
||
<polygon fill="none" stroke="black" points="441,-83 441,-106 481,-106 481,-83 441,-83"/>
|
||
<text text-anchor="start" x="457" y="-90.8" font-family="arial" font-size="14.00">1</text>
|
||
<polygon fill="none" stroke="black" points="441,-60 441,-83 481,-83 481,-60 441,-60"/>
|
||
<text text-anchor="start" x="457" y="-67.8" font-family="arial" font-size="14.00">2</text>
|
||
<polygon fill="none" stroke="black" points="441,-37 441,-60 481,-60 481,-37 441,-37"/>
|
||
<text text-anchor="start" x="457" y="-44.8" font-family="arial" font-size="14.00">3</text>
|
||
<polygon fill="none" stroke="black" points="441,-14 441,-37 481,-37 481,-14 441,-14"/>
|
||
<text text-anchor="start" x="457" y="-21.8" font-family="arial" font-size="14.00">4</text>
|
||
</g>
|
||
<!-- W1--X2 -->
|
||
<g id="edge2" class="edge">
|
||
<title>W1:e--X2:w</title>
|
||
<path fill="none" stroke="#000000" stroke-width="2" d="M297,-95C360.76,-95.02 376.75,-93.02 441,-93"/>
|
||
<path fill="none" stroke="#ffffff" stroke-width="2" d="M297,-97C361.01,-97 376.99,-95 441,-95"/>
|
||
<path fill="none" stroke="#000000" stroke-width="2" d="M297,-99C361.25,-98.98 377.24,-96.98 441,-97"/>
|
||
</g>
|
||
<!-- W1--X2 -->
|
||
<g id="edge4" class="edge">
|
||
<title>W1:e--X2:w</title>
|
||
<path fill="none" stroke="#000000" stroke-width="2" d="M297,-70C360.88,-70 376.87,-69 441,-69"/>
|
||
<path fill="none" stroke="#ffffff" stroke-width="2" d="M297,-72C361,-72 377,-71 441,-71"/>
|
||
<path fill="none" stroke="#000000" stroke-width="2" d="M297,-74C361.13,-74 377.12,-73 441,-73"/>
|
||
</g>
|
||
<!-- W1--X2 -->
|
||
<g id="edge6" class="edge">
|
||
<title>W1:e--X2:w</title>
|
||
<path fill="none" stroke="#000000" stroke-width="2" d="M297,-45C361.13,-45 377.12,-46 441,-46"/>
|
||
<path fill="none" stroke="#ffffff" stroke-width="2" d="M297,-47C361,-47 377,-48 441,-48"/>
|
||
<path fill="none" stroke="#000000" stroke-width="2" d="M297,-49C360.88,-49 376.87,-50 441,-50"/>
|
||
</g>
|
||
<!-- W1--X2 -->
|
||
<g id="edge8" class="edge">
|
||
<title>W1:e--X2:w</title>
|
||
<path fill="none" stroke="#000000" stroke-width="2" d="M297,-20C361.38,-20.03 377.36,-23.03 441,-23"/>
|
||
<path fill="none" stroke="#ffffff" stroke-width="2" d="M297,-22C361.01,-22 376.99,-25 441,-25"/>
|
||
<path fill="none" stroke="#000000" stroke-width="2" d="M297,-24C360.64,-23.97 376.62,-26.97 441,-27"/>
|
||
</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 wires</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, 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>
|