WireViz/tutorial/tutorial02.html
2020-06-15 16:49:42 +02:00

164 lines
12 KiB
HTML
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.

<html><body style="font-family:Arial"><h1>Diagram</h1><?xml version="1.0" encoding="UTF-8" standalone="no"?>
<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN"
"http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd">
<!-- Generated by graphviz version 2.44.0 (20200408.0750)
-->
<!-- Pages: 1 -->
<svg width="895pt" height="188pt"
viewBox="0.00 0.00 895.00 188.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 184)">
<polygon fill="white" stroke="transparent" points="-4,4 -4,-184 891,-184 891,4 -4,4"/>
<!-- X1 -->
<g id="node1" class="node">
<title>X1</title>
<polygon fill="white" stroke="black" points="0,-14 0,-152 206,-152 206,-14 0,-14"/>
<text text-anchor="middle" x="103" y="-136.8" font-family="arial" font-size="14.00">X1</text>
<polyline fill="none" stroke="black" points="0,-129 206,-129 "/>
<text text-anchor="middle" x="50.5" y="-113.8" font-family="arial" font-size="14.00">Molex KK 254</text>
<polyline fill="none" stroke="black" points="101,-106 101,-129 "/>
<text text-anchor="middle" x="130" y="-113.8" font-family="arial" font-size="14.00">female</text>
<polyline fill="none" stroke="black" points="159,-106 159,-129 "/>
<text text-anchor="middle" x="182.5" y="-113.8" font-family="arial" font-size="14.00">4&#45;pin</text>
<polyline fill="none" stroke="black" points="0,-106 206,-106 "/>
<text text-anchor="middle" x="57" y="-90.8" font-family="arial" font-size="14.00">GND</text>
<polyline fill="none" stroke="black" points="0,-83 114,-83 "/>
<text text-anchor="middle" x="57" y="-67.8" font-family="arial" font-size="14.00">VCC</text>
<polyline fill="none" stroke="black" points="0,-60 114,-60 "/>
<text text-anchor="middle" x="57" y="-44.8" font-family="arial" font-size="14.00">RX</text>
<polyline fill="none" stroke="black" points="0,-37 114,-37 "/>
<text text-anchor="middle" x="57" y="-21.8" font-family="arial" font-size="14.00">TX</text>
<polyline fill="none" stroke="black" points="114,-14 114,-106 "/>
<text text-anchor="middle" x="160" y="-90.8" font-family="arial" font-size="14.00">1</text>
<polyline fill="none" stroke="black" points="114,-83 206,-83 "/>
<text text-anchor="middle" x="160" y="-67.8" font-family="arial" font-size="14.00">2</text>
<polyline fill="none" stroke="black" points="114,-60 206,-60 "/>
<text text-anchor="middle" x="160" y="-44.8" font-family="arial" font-size="14.00">3</text>
<polyline fill="none" stroke="black" points="114,-37 206,-37 "/>
<text text-anchor="middle" x="160" y="-21.8" font-family="arial" font-size="14.00">4</text>
</g>
<!-- W1 -->
<g id="node3" class="node">
<title>W1</title>
<polygon fill="none" stroke="black" points="537,-180 350,-180 350,0 537,0 537,-180"/>
<polygon fill="none" stroke="black" points="350.5,-157 350.5,-180 537.5,-180 537.5,-157 350.5,-157"/>
<text text-anchor="start" x="433" y="-164.8" font-family="arial" font-size="14.00">W1</text>
<polygon fill="none" stroke="black" points="350.5,-134 350.5,-157 373.5,-157 373.5,-134 350.5,-134"/>
<text text-anchor="start" x="354.5" y="-141.8" font-family="arial" font-size="14.00">4x</text>
<polygon fill="none" stroke="black" points="373.5,-134 373.5,-157 505.5,-157 505.5,-134 373.5,-134"/>
<text text-anchor="start" x="377.5" y="-141.8" font-family="arial" font-size="14.00">0.25 mm² (24 AWG)</text>
<polygon fill="none" stroke="black" points="505.5,-134 505.5,-157 537.5,-157 537.5,-134 505.5,-134"/>
<text text-anchor="start" x="509.5" y="-141.8" font-family="arial" font-size="14.00">1 m</text>
<text text-anchor="start" x="442" y="-122.8" font-family="arial" font-size="14.00"> </text>
<text text-anchor="start" x="368.5" y="-105.8" font-family="arial" font-size="14.00">X1:1</text>
<text text-anchor="start" x="432.5" y="-105.8" font-family="arial" font-size="14.00">WH</text>
<text text-anchor="start" x="492" y="-105.8" font-family="arial" font-size="14.00">X2:1</text>
<polygon fill="#ffffff" stroke="transparent" points="350.5,-94 350.5,-100 537.5,-100 537.5,-94 350.5,-94"/>
<polyline fill="none" stroke="black" stroke-width="2" points="351.5,-95 536.5,-95 "/>
<polyline fill="none" stroke="black" stroke-width="2" points="536.5,-99 351.5,-99 "/>
<text text-anchor="start" x="368.5" y="-80.8" font-family="arial" font-size="14.00">X1:2</text>
<text text-anchor="start" x="435" y="-80.8" font-family="arial" font-size="14.00">BN</text>
<text text-anchor="start" x="492" y="-80.8" font-family="arial" font-size="14.00">X2:2</text>
<polygon fill="#666600" stroke="transparent" stroke-width="2" points="350.5,-69 350.5,-75 537.5,-75 537.5,-69 350.5,-69"/>
<polyline fill="none" stroke="black" stroke-width="2" points="351.5,-70 536.5,-70 "/>
<polyline fill="none" stroke="black" stroke-width="2" points="536.5,-74 351.5,-74 "/>
<text text-anchor="start" x="368.5" y="-55.8" font-family="arial" font-size="14.00">X1:3</text>
<text text-anchor="start" x="433.5" y="-55.8" font-family="arial" font-size="14.00">GN</text>
<text text-anchor="start" x="492" y="-55.8" font-family="arial" font-size="14.00">X2:4</text>
<polygon fill="#00ff00" stroke="transparent" stroke-width="2" points="350.5,-44 350.5,-50 537.5,-50 537.5,-44 350.5,-44"/>
<polyline fill="none" stroke="black" stroke-width="2" points="351.5,-45 536.5,-45 "/>
<polyline fill="none" stroke="black" stroke-width="2" points="536.5,-49 351.5,-49 "/>
<text text-anchor="start" x="368.5" y="-30.8" font-family="arial" font-size="14.00">X1:4</text>
<text text-anchor="start" x="435" y="-30.8" font-family="arial" font-size="14.00">YE</text>
<text text-anchor="start" x="492" y="-30.8" font-family="arial" font-size="14.00">X2:3</text>
<polygon fill="#ffff00" stroke="transparent" stroke-width="2" points="350.5,-19 350.5,-25 537.5,-25 537.5,-19 350.5,-19"/>
<polyline fill="none" stroke="black" stroke-width="2" points="351.5,-20 536.5,-20 "/>
<polyline fill="none" stroke="black" stroke-width="2" points="536.5,-24 351.5,-24 "/>
<text text-anchor="start" x="380.5" 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="M206,-93C270.25,-93.02 286.24,-95.02 350,-95"/>
<path fill="none" stroke="#ffffff" stroke-width="2" d="M206,-95C270.01,-95 285.99,-97 350,-97"/>
<path fill="none" stroke="#000000" stroke-width="2" d="M206,-97C269.76,-96.98 285.75,-98.98 350,-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="M206,-69C270.13,-69 286.12,-70 350,-70"/>
<path fill="none" stroke="#666600" stroke-width="2" d="M206,-71C270,-71 286,-72 350,-72"/>
<path fill="none" stroke="#000000" stroke-width="2" d="M206,-73C269.88,-73 285.87,-74 350,-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="M206,-46C269.88,-46 285.87,-45 350,-45"/>
<path fill="none" stroke="#00ff00" stroke-width="2" d="M206,-48C270,-48 286,-47 350,-47"/>
<path fill="none" stroke="#000000" stroke-width="2" d="M206,-50C270.13,-50 286.12,-49 350,-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="M206,-23C269.64,-23.03 285.62,-20.03 350,-20"/>
<path fill="none" stroke="#ffff00" stroke-width="2" d="M206,-25C270.01,-25 285.99,-22 350,-22"/>
<path fill="none" stroke="#000000" stroke-width="2" d="M206,-27C270.38,-26.97 286.36,-23.97 350,-24"/>
</g>
<!-- X2 -->
<g id="node2" class="node">
<title>X2</title>
<polygon fill="white" stroke="black" points="681,-16 681,-154 887,-154 887,-16 681,-16"/>
<text text-anchor="middle" x="784" y="-138.8" font-family="arial" font-size="14.00">X2</text>
<polyline fill="none" stroke="black" points="681,-131 887,-131 "/>
<text text-anchor="middle" x="731.5" y="-115.8" font-family="arial" font-size="14.00">Molex KK 254</text>
<polyline fill="none" stroke="black" points="782,-108 782,-131 "/>
<text text-anchor="middle" x="811" y="-115.8" font-family="arial" font-size="14.00">female</text>
<polyline fill="none" stroke="black" points="840,-108 840,-131 "/>
<text text-anchor="middle" x="863.5" y="-115.8" font-family="arial" font-size="14.00">4&#45;pin</text>
<polyline fill="none" stroke="black" points="681,-108 887,-108 "/>
<text text-anchor="middle" x="726.5" y="-92.8" font-family="arial" font-size="14.00">1</text>
<polyline fill="none" stroke="black" points="681,-85 772,-85 "/>
<text text-anchor="middle" x="726.5" y="-69.8" font-family="arial" font-size="14.00">2</text>
<polyline fill="none" stroke="black" points="681,-62 772,-62 "/>
<text text-anchor="middle" x="726.5" y="-46.8" font-family="arial" font-size="14.00">3</text>
<polyline fill="none" stroke="black" points="681,-39 772,-39 "/>
<text text-anchor="middle" x="726.5" y="-23.8" font-family="arial" font-size="14.00">4</text>
<polyline fill="none" stroke="black" points="772,-16 772,-108 "/>
<text text-anchor="middle" x="829.5" y="-92.8" font-family="arial" font-size="14.00">GND</text>
<polyline fill="none" stroke="black" points="772,-85 887,-85 "/>
<text text-anchor="middle" x="829.5" y="-69.8" font-family="arial" font-size="14.00">VCC</text>
<polyline fill="none" stroke="black" points="772,-62 887,-62 "/>
<text text-anchor="middle" x="829.5" y="-46.8" font-family="arial" font-size="14.00">RX</text>
<polyline fill="none" stroke="black" points="772,-39 887,-39 "/>
<text text-anchor="middle" x="829.5" y="-23.8" 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,-95C601,-95 617,-95 681,-95"/>
<path fill="none" stroke="#ffffff" stroke-width="2" d="M537,-97C601,-97 617,-97 681,-97"/>
<path fill="none" stroke="#000000" stroke-width="2" d="M537,-99C601,-99 617,-99 681,-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="M537,-70C601.13,-70 617.12,-71 681,-71"/>
<path fill="none" stroke="#666600" stroke-width="2" d="M537,-72C601,-72 617,-73 681,-73"/>
<path fill="none" stroke="#000000" stroke-width="2" d="M537,-74C600.88,-74 616.87,-75 681,-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="M537,-45C600.01,-45.81 614.78,-25.81 681,-25"/>
<path fill="none" stroke="#00ff00" stroke-width="2" d="M537,-47C601.61,-47 616.39,-27 681,-27"/>
<path fill="none" stroke="#000000" stroke-width="2" d="M537,-49C603.22,-48.19 617.99,-28.19 681,-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="M537,-20C604,-21.13 617.6,-49.13 681,-48"/>
<path fill="none" stroke="#ffff00" stroke-width="2" d="M537,-22C602.2,-22 615.8,-50 681,-50"/>
<path fill="none" stroke="#000000" stroke-width="2" d="M537,-24C600.4,-22.87 614,-50.87 681,-52"/>
</g>
</g>
</svg>
<h1>Bill of Materials</h1><table style="border:1px solid #000000; font-size: 14pt; border-spacing: 0px"><tr><th align="left" style="border:1px solid #000000; padding: 8px">Item</th><th align="left" style="border:1px solid #000000; padding: 8px">Qty</th><th align="left" style="border:1px solid #000000; padding: 8px">Unit</th><th align="left" style="border:1px solid #000000; padding: 8px">Designators</th></tr><tr><td style="border:1px solid #000000; padding: 4px">Connector, Molex KK 254, female, 4 pins</td><td align="right" style="border:1px solid #000000; padding: 4px">2</td><td style="border:1px solid #000000; padding: 4px"></td><td style="border:1px solid #000000; padding: 4px">X1, X2</td></tr><tr><td style="border:1px solid #000000; padding: 4px">Cable, 4 x 0.25 mm²</td><td align="right" style="border:1px solid #000000; padding: 4px">1</td><td style="border:1px solid #000000; padding: 4px">m</td><td style="border:1px solid #000000; padding: 4px">W1</td></tr></table></body></html>