WireViz/examples/ex01.html
2020-07-21 22:08:25 +02:00

180 lines
14 KiB
HTML
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><head><meta charset="UTF-8"></head><body style="font-family:Arial"><h1>Diagram</h1><!-- XML and DOCTYPE declarations from SVG file removed -->
<!-- Generated by graphviz version 2.44.0 (20200408.0750)
-->
<!-- Pages: 1 -->
<svg width="931pt" height="232pt"
viewBox="0.00 0.00 931.00 232.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 228)">
<polygon fill="white" stroke="transparent" points="-4,4 -4,-228 927,-228 927,4 -4,4"/>
<!-- X1 -->
<g id="node1" class="node">
<title>X1</title>
<polygon fill="white" stroke="transparent" points="182,-195 0,-195 0,-57 182,-57 182,-195"/>
<polygon fill="none" stroke="black" points="0,-172 0,-195 182,-195 182,-172 0,-172"/>
<text text-anchor="start" x="82.5" y="-179.8" font-family="arial" font-size="14.00">X1</text>
<polygon fill="none" stroke="black" points="0,-149 0,-172 93,-172 93,-149 0,-149"/>
<text text-anchor="start" x="4" y="-156.8" font-family="arial" font-size="14.00">Molex KK 254</text>
<polygon fill="none" stroke="black" points="93,-149 93,-172 143,-172 143,-149 93,-149"/>
<text text-anchor="start" x="97" y="-156.8" font-family="arial" font-size="14.00">female</text>
<polygon fill="none" stroke="black" points="143,-149 143,-172 182,-172 182,-149 143,-149"/>
<text text-anchor="start" x="147" y="-156.8" font-family="arial" font-size="14.00">4&#45;pin</text>
<polygon fill="none" stroke="black" points="0,-126 0,-149 103,-149 103,-126 0,-126"/>
<text text-anchor="start" x="36" y="-133.8" font-family="arial" font-size="14.00">GND</text>
<polygon fill="none" stroke="black" points="103,-126 103,-149 182,-149 182,-126 103,-126"/>
<text text-anchor="start" x="138.5" y="-133.8" font-family="arial" font-size="14.00">1</text>
<polygon fill="none" stroke="black" points="0,-103 0,-126 103,-126 103,-103 0,-103"/>
<text text-anchor="start" x="37" y="-110.8" font-family="arial" font-size="14.00">VCC</text>
<polygon fill="none" stroke="black" points="103,-103 103,-126 182,-126 182,-103 103,-103"/>
<text text-anchor="start" x="138.5" y="-110.8" font-family="arial" font-size="14.00">2</text>
<polygon fill="none" stroke="black" points="0,-80 0,-103 103,-103 103,-80 0,-80"/>
<text text-anchor="start" x="42" y="-87.8" font-family="arial" font-size="14.00">RX</text>
<polygon fill="none" stroke="black" points="103,-80 103,-103 182,-103 182,-80 103,-80"/>
<text text-anchor="start" x="138.5" y="-87.8" font-family="arial" font-size="14.00">3</text>
<polygon fill="none" stroke="black" points="0,-57 0,-80 103,-80 103,-57 0,-57"/>
<text text-anchor="start" x="42.5" y="-64.8" font-family="arial" font-size="14.00">TX</text>
<polygon fill="none" stroke="black" points="103,-57 103,-80 182,-80 182,-57 103,-57"/>
<text text-anchor="start" x="138.5" y="-64.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="597,-224 326,-224 326,0 597,0 597,-224"/>
<polygon fill="none" stroke="black" points="326.5,-201 326.5,-224 597.5,-224 597.5,-201 326.5,-201"/>
<text text-anchor="start" x="451" y="-208.8" font-family="arial" font-size="14.00">W1</text>
<polygon fill="none" stroke="black" points="326.5,-178 326.5,-201 369.5,-201 369.5,-178 326.5,-178"/>
<text text-anchor="start" x="330.5" y="-185.8" font-family="arial" font-size="14.00">Serial</text>
<polygon fill="none" stroke="black" points="369.5,-178 369.5,-201 392.5,-201 392.5,-178 369.5,-178"/>
<text text-anchor="start" x="373.5" y="-185.8" font-family="arial" font-size="14.00">4x</text>
<polygon fill="none" stroke="black" points="392.5,-178 392.5,-201 524.5,-201 524.5,-178 392.5,-178"/>
<text text-anchor="start" x="396.5" y="-185.8" font-family="arial" font-size="14.00">0.25 mm² (24 AWG)</text>
<polygon fill="none" stroke="black" points="524.5,-178 524.5,-201 554.5,-201 554.5,-178 524.5,-178"/>
<text text-anchor="start" x="528.5" y="-185.8" font-family="arial" font-size="14.00">+ S</text>
<polygon fill="none" stroke="black" points="554.5,-178 554.5,-201 597.5,-201 597.5,-178 554.5,-178"/>
<text text-anchor="start" x="558.5" y="-185.8" font-family="arial" font-size="14.00">0.2 m</text>
<text text-anchor="start" x="460" y="-166.8" font-family="arial" font-size="14.00"> </text>
<text text-anchor="start" x="356" y="-149.8" font-family="arial" font-size="14.00">X1:1</text>
<text text-anchor="start" x="452.5" y="-149.8" font-family="arial" font-size="14.00">BN</text>
<text text-anchor="start" x="540" y="-149.8" font-family="arial" font-size="14.00">X2:1</text>
<polygon fill="#000000" stroke="transparent" points="326.5,-142 326.5,-144 597.5,-144 597.5,-142 326.5,-142"/>
<polygon fill="#895956" stroke="transparent" points="326.5,-140 326.5,-142 597.5,-142 597.5,-140 326.5,-140"/>
<polygon fill="#000000" stroke="transparent" points="326.5,-138 326.5,-140 597.5,-140 597.5,-138 326.5,-138"/>
<text text-anchor="start" x="356" y="-124.8" font-family="arial" font-size="14.00">X1:2</text>
<text text-anchor="start" x="452" y="-124.8" font-family="arial" font-size="14.00">RD</text>
<text text-anchor="start" x="540" y="-124.8" font-family="arial" font-size="14.00">X2:2</text>
<polygon fill="#000000" stroke="transparent" points="326.5,-117 326.5,-119 597.5,-119 597.5,-117 326.5,-117"/>
<polygon fill="#ff0000" stroke="transparent" points="326.5,-115 326.5,-117 597.5,-117 597.5,-115 326.5,-115"/>
<polygon fill="#000000" stroke="transparent" points="326.5,-113 326.5,-115 597.5,-115 597.5,-113 326.5,-113"/>
<text text-anchor="start" x="356" y="-99.8" font-family="arial" font-size="14.00">X1:3</text>
<text text-anchor="start" x="450.5" y="-99.8" font-family="arial" font-size="14.00">OG</text>
<text text-anchor="start" x="540" y="-99.8" font-family="arial" font-size="14.00">X2:4</text>
<polygon fill="#000000" stroke="transparent" points="326.5,-92 326.5,-94 597.5,-94 597.5,-92 326.5,-92"/>
<polygon fill="#ff8000" stroke="transparent" points="326.5,-90 326.5,-92 597.5,-92 597.5,-90 326.5,-90"/>
<polygon fill="#000000" stroke="transparent" points="326.5,-88 326.5,-90 597.5,-90 597.5,-88 326.5,-88"/>
<text text-anchor="start" x="356" y="-74.8" font-family="arial" font-size="14.00">X1:4</text>
<text text-anchor="start" x="452.5" y="-74.8" font-family="arial" font-size="14.00">YE</text>
<text text-anchor="start" x="540" y="-74.8" font-family="arial" font-size="14.00">X2:3</text>
<polygon fill="#000000" stroke="transparent" points="326.5,-67 326.5,-69 597.5,-69 597.5,-67 326.5,-67"/>
<polygon fill="#ffff00" stroke="transparent" points="326.5,-65 326.5,-67 597.5,-67 597.5,-65 326.5,-65"/>
<polygon fill="#000000" stroke="transparent" points="326.5,-63 326.5,-65 597.5,-65 597.5,-63 326.5,-63"/>
<text text-anchor="start" x="368" y="-49.8" font-family="arial" font-size="14.00"> </text>
<text text-anchor="start" x="356" y="-30.8" font-family="arial" font-size="14.00">X1:1</text>
<text text-anchor="start" x="443" y="-30.8" font-family="arial" font-size="14.00">Shield</text>
<polyline fill="none" stroke="black" stroke-width="2" points="327.5,-20 596.5,-20 "/>
<text text-anchor="start" x="368" 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="M182,-136C246.38,-136.03 262.36,-139.03 326,-139"/>
<path fill="none" stroke="#895956" stroke-width="2" d="M182,-138C246.01,-138 261.99,-141 326,-141"/>
<path fill="none" stroke="#000000" stroke-width="2" d="M182,-140C245.64,-139.97 261.62,-142.97 326,-143"/>
</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="M182,-112C246.25,-112.02 262.24,-114.02 326,-114"/>
<path fill="none" stroke="#ff0000" stroke-width="2" d="M182,-114C246.01,-114 261.99,-116 326,-116"/>
<path fill="none" stroke="#000000" stroke-width="2" d="M182,-116C245.76,-115.98 261.75,-117.98 326,-118"/>
</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="M182,-89C246,-89 262,-89 326,-89"/>
<path fill="none" stroke="#ff8000" stroke-width="2" d="M182,-91C246,-91 262,-91 326,-91"/>
<path fill="none" stroke="#000000" stroke-width="2" d="M182,-93C246,-93 262,-93 326,-93"/>
</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="M182,-66C245.76,-66.02 261.75,-64.02 326,-64"/>
<path fill="none" stroke="#ffff00" stroke-width="2" d="M182,-68C246.01,-68 261.99,-66 326,-66"/>
<path fill="none" stroke="#000000" stroke-width="2" d="M182,-70C246.25,-69.98 262.24,-67.98 326,-68"/>
</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="M182,-136C262.21,-138.35 241.85,-22.35 326,-20"/>
<path fill="none" stroke="#aaaaaa" stroke-width="2" d="M182,-138C264.18,-138 243.82,-22 326,-22"/>
<path fill="none" stroke="#000000" stroke-width="2" d="M182,-140C266.15,-137.65 245.79,-21.65 326,-24"/>
</g>
<!-- X2 -->
<g id="node2" class="node">
<title>X2</title>
<polygon fill="white" stroke="transparent" points="923,-197 741,-197 741,-59 923,-59 923,-197"/>
<polygon fill="none" stroke="black" points="741,-174 741,-197 923,-197 923,-174 741,-174"/>
<text text-anchor="start" x="823.5" y="-181.8" font-family="arial" font-size="14.00">X2</text>
<polygon fill="none" stroke="black" points="741,-151 741,-174 834,-174 834,-151 741,-151"/>
<text text-anchor="start" x="745" y="-158.8" font-family="arial" font-size="14.00">Molex KK 254</text>
<polygon fill="none" stroke="black" points="834,-151 834,-174 884,-174 884,-151 834,-151"/>
<text text-anchor="start" x="838" y="-158.8" font-family="arial" font-size="14.00">female</text>
<polygon fill="none" stroke="black" points="884,-151 884,-174 923,-174 923,-151 884,-151"/>
<text text-anchor="start" x="888" y="-158.8" font-family="arial" font-size="14.00">4&#45;pin</text>
<polygon fill="none" stroke="black" points="741,-128 741,-151 821,-151 821,-128 741,-128"/>
<text text-anchor="start" x="777" y="-135.8" font-family="arial" font-size="14.00">1</text>
<polygon fill="none" stroke="black" points="821,-128 821,-151 923,-151 923,-128 821,-128"/>
<text text-anchor="start" x="856.5" y="-135.8" font-family="arial" font-size="14.00">GND</text>
<polygon fill="none" stroke="black" points="741,-105 741,-128 821,-128 821,-105 741,-105"/>
<text text-anchor="start" x="777" y="-112.8" font-family="arial" font-size="14.00">2</text>
<polygon fill="none" stroke="black" points="821,-105 821,-128 923,-128 923,-105 821,-105"/>
<text text-anchor="start" x="857.5" y="-112.8" font-family="arial" font-size="14.00">VCC</text>
<polygon fill="none" stroke="black" points="741,-82 741,-105 821,-105 821,-82 741,-82"/>
<text text-anchor="start" x="777" y="-89.8" font-family="arial" font-size="14.00">3</text>
<polygon fill="none" stroke="black" points="821,-82 821,-105 923,-105 923,-82 821,-82"/>
<text text-anchor="start" x="862.5" y="-89.8" font-family="arial" font-size="14.00">RX</text>
<polygon fill="none" stroke="black" points="741,-59 741,-82 821,-82 821,-59 741,-59"/>
<text text-anchor="start" x="777" y="-66.8" font-family="arial" font-size="14.00">4</text>
<polygon fill="none" stroke="black" points="821,-59 821,-82 923,-82 923,-59 821,-59"/>
<text text-anchor="start" x="863" y="-66.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="M597,-139C660.88,-139 676.87,-138 741,-138"/>
<path fill="none" stroke="#895956" stroke-width="2" d="M597,-141C661,-141 677,-140 741,-140"/>
<path fill="none" stroke="#000000" stroke-width="2" d="M597,-143C661.13,-143 677.12,-142 741,-142"/>
</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="M597,-114C661,-114 677,-114 741,-114"/>
<path fill="none" stroke="#ff0000" stroke-width="2" d="M597,-116C661,-116 677,-116 741,-116"/>
<path fill="none" stroke="#000000" stroke-width="2" d="M597,-118C661,-118 677,-118 741,-118"/>
</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="M597,-89C660.04,-89.86 674.68,-68.86 741,-68"/>
<path fill="none" stroke="#ff8000" stroke-width="2" d="M597,-91C661.68,-91 676.32,-70 741,-70"/>
<path fill="none" stroke="#000000" stroke-width="2" d="M597,-93C663.32,-92.14 677.96,-71.14 741,-72"/>
</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="M597,-64C663.9,-65.09 677.67,-92.09 741,-91"/>
<path fill="none" stroke="#ffff00" stroke-width="2" d="M597,-66C662.12,-66 675.88,-93 741,-93"/>
<path fill="none" stroke="#000000" stroke-width="2" d="M597,-68C660.33,-66.91 674.1,-93.91 741,-95"/>
</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, Serial, 4 x 0.25 mm&sup2; shielded</td><td align="right" style="border:1px solid #000000; padding: 4px">0.2</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>