WireViz/examples/ex01.html
2020-07-02 19:16:56 +02:00

177 lines
13 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.

<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="979pt" height="232pt"
viewBox="0.00 0.00 979.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 975,-228 975,4 -4,4"/>
<!-- X1 -->
<g id="node1" class="node">
<title>X1</title>
<polygon fill="white" stroke="black" points="0,-57 0,-195 206,-195 206,-57 0,-57"/>
<text text-anchor="middle" x="103" y="-179.8" font-family="arial" font-size="14.00">X1</text>
<polyline fill="none" stroke="black" points="0,-172 206,-172 "/>
<text text-anchor="middle" x="50.5" y="-156.8" font-family="arial" font-size="14.00">Molex KK 254</text>
<polyline fill="none" stroke="black" points="101,-149 101,-172 "/>
<text text-anchor="middle" x="130" y="-156.8" font-family="arial" font-size="14.00">female</text>
<polyline fill="none" stroke="black" points="159,-149 159,-172 "/>
<text text-anchor="middle" x="182.5" y="-156.8" font-family="arial" font-size="14.00">4&#45;pin</text>
<polyline fill="none" stroke="black" points="0,-149 206,-149 "/>
<text text-anchor="middle" x="57" y="-133.8" font-family="arial" font-size="14.00">GND</text>
<polyline fill="none" stroke="black" points="0,-126 114,-126 "/>
<text text-anchor="middle" x="57" y="-110.8" font-family="arial" font-size="14.00">VCC</text>
<polyline fill="none" stroke="black" points="0,-103 114,-103 "/>
<text text-anchor="middle" x="57" y="-87.8" font-family="arial" font-size="14.00">RX</text>
<polyline fill="none" stroke="black" points="0,-80 114,-80 "/>
<text text-anchor="middle" x="57" y="-64.8" font-family="arial" font-size="14.00">TX</text>
<polyline fill="none" stroke="black" points="114,-57 114,-149 "/>
<text text-anchor="middle" x="160" y="-133.8" font-family="arial" font-size="14.00">1</text>
<polyline fill="none" stroke="black" points="114,-126 206,-126 "/>
<text text-anchor="middle" x="160" y="-110.8" font-family="arial" font-size="14.00">2</text>
<polyline fill="none" stroke="black" points="114,-103 206,-103 "/>
<text text-anchor="middle" x="160" y="-87.8" font-family="arial" font-size="14.00">3</text>
<polyline fill="none" stroke="black" points="114,-80 206,-80 "/>
<text text-anchor="middle" x="160" 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="621,-224 350,-224 350,0 621,0 621,-224"/>
<polygon fill="none" stroke="black" points="350.5,-201 350.5,-224 621.5,-224 621.5,-201 350.5,-201"/>
<text text-anchor="start" x="475" y="-208.8" font-family="arial" font-size="14.00">W1</text>
<polygon fill="none" stroke="black" points="350.5,-178 350.5,-201 393.5,-201 393.5,-178 350.5,-178"/>
<text text-anchor="start" x="354.5" y="-185.8" font-family="arial" font-size="14.00">Serial</text>
<polygon fill="none" stroke="black" points="393.5,-178 393.5,-201 416.5,-201 416.5,-178 393.5,-178"/>
<text text-anchor="start" x="397.5" y="-185.8" font-family="arial" font-size="14.00">4x</text>
<polygon fill="none" stroke="black" points="416.5,-178 416.5,-201 548.5,-201 548.5,-178 416.5,-178"/>
<text text-anchor="start" x="420.5" y="-185.8" font-family="arial" font-size="14.00">0.25 mm² (24 AWG)</text>
<polygon fill="none" stroke="black" points="548.5,-178 548.5,-201 578.5,-201 578.5,-178 548.5,-178"/>
<text text-anchor="start" x="552.5" y="-185.8" font-family="arial" font-size="14.00">+ S</text>
<polygon fill="none" stroke="black" points="578.5,-178 578.5,-201 621.5,-201 621.5,-178 578.5,-178"/>
<text text-anchor="start" x="582.5" y="-185.8" font-family="arial" font-size="14.00">0.2 m</text>
<text text-anchor="start" x="484" y="-166.8" font-family="arial" font-size="14.00"> </text>
<text text-anchor="start" x="380" y="-149.8" font-family="arial" font-size="14.00">X1:1</text>
<text text-anchor="start" x="476.5" y="-149.8" font-family="arial" font-size="14.00">BN</text>
<text text-anchor="start" x="564" y="-149.8" font-family="arial" font-size="14.00">X2:1</text>
<polygon fill="#666600" stroke="transparent" points="350.5,-138 350.5,-144 621.5,-144 621.5,-138 350.5,-138"/>
<polyline fill="none" stroke="black" stroke-width="2" points="351.5,-139 620.5,-139 "/>
<polyline fill="none" stroke="black" stroke-width="2" points="620.5,-143 351.5,-143 "/>
<text text-anchor="start" x="380" y="-124.8" font-family="arial" font-size="14.00">X1:2</text>
<text text-anchor="start" x="476" y="-124.8" font-family="arial" font-size="14.00">RD</text>
<text text-anchor="start" x="564" y="-124.8" font-family="arial" font-size="14.00">X2:2</text>
<polygon fill="#ff0000" stroke="transparent" stroke-width="2" points="350.5,-113 350.5,-119 621.5,-119 621.5,-113 350.5,-113"/>
<polyline fill="none" stroke="black" stroke-width="2" points="351.5,-114 620.5,-114 "/>
<polyline fill="none" stroke="black" stroke-width="2" points="620.5,-118 351.5,-118 "/>
<text text-anchor="start" x="380" y="-99.8" font-family="arial" font-size="14.00">X1:3</text>
<text text-anchor="start" x="474.5" y="-99.8" font-family="arial" font-size="14.00">OG</text>
<text text-anchor="start" x="564" y="-99.8" font-family="arial" font-size="14.00">X2:4</text>
<polygon fill="#ff8000" stroke="transparent" stroke-width="2" points="350.5,-88 350.5,-94 621.5,-94 621.5,-88 350.5,-88"/>
<polyline fill="none" stroke="black" stroke-width="2" points="351.5,-89 620.5,-89 "/>
<polyline fill="none" stroke="black" stroke-width="2" points="620.5,-93 351.5,-93 "/>
<text text-anchor="start" x="380" y="-74.8" font-family="arial" font-size="14.00">X1:4</text>
<text text-anchor="start" x="476.5" y="-74.8" font-family="arial" font-size="14.00">YE</text>
<text text-anchor="start" x="564" y="-74.8" font-family="arial" font-size="14.00">X2:3</text>
<polygon fill="#ffff00" stroke="transparent" stroke-width="2" points="350.5,-63 350.5,-69 621.5,-69 621.5,-63 350.5,-63"/>
<polyline fill="none" stroke="black" stroke-width="2" points="351.5,-64 620.5,-64 "/>
<polyline fill="none" stroke="black" stroke-width="2" points="620.5,-68 351.5,-68 "/>
<text text-anchor="start" x="392" y="-49.8" font-family="arial" font-size="14.00"> </text>
<text text-anchor="start" x="380" y="-30.8" font-family="arial" font-size="14.00">X1:1</text>
<text text-anchor="start" x="467" y="-30.8" font-family="arial" font-size="14.00">Shield</text>
<polyline fill="none" stroke="black" stroke-width="2" points="351.5,-20 620.5,-20 "/>
<text text-anchor="start" x="392" 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,-136C270.38,-136.03 286.36,-139.03 350,-139"/>
<path fill="none" stroke="#666600" stroke-width="2" d="M206,-138C270.01,-138 285.99,-141 350,-141"/>
<path fill="none" stroke="#000000" stroke-width="2" d="M206,-140C269.64,-139.97 285.62,-142.97 350,-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="M206,-112C270.25,-112.02 286.24,-114.02 350,-114"/>
<path fill="none" stroke="#ff0000" stroke-width="2" d="M206,-114C270.01,-114 285.99,-116 350,-116"/>
<path fill="none" stroke="#000000" stroke-width="2" d="M206,-116C269.76,-115.98 285.75,-117.98 350,-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="M206,-89C270,-89 286,-89 350,-89"/>
<path fill="none" stroke="#ff8000" stroke-width="2" d="M206,-91C270,-91 286,-91 350,-91"/>
<path fill="none" stroke="#000000" stroke-width="2" d="M206,-93C270,-93 286,-93 350,-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="M206,-66C269.76,-66.02 285.75,-64.02 350,-64"/>
<path fill="none" stroke="#ffff00" stroke-width="2" d="M206,-68C270.01,-68 285.99,-66 350,-66"/>
<path fill="none" stroke="#000000" stroke-width="2" d="M206,-70C270.25,-69.98 286.24,-67.98 350,-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="M206,-138C288.18,-138 267.82,-22 350,-22"/>
</g>
<!-- X2 -->
<g id="node2" class="node">
<title>X2</title>
<polygon fill="white" stroke="black" points="765,-59 765,-197 971,-197 971,-59 765,-59"/>
<text text-anchor="middle" x="868" y="-181.8" font-family="arial" font-size="14.00">X2</text>
<polyline fill="none" stroke="black" points="765,-174 971,-174 "/>
<text text-anchor="middle" x="815.5" y="-158.8" font-family="arial" font-size="14.00">Molex KK 254</text>
<polyline fill="none" stroke="black" points="866,-151 866,-174 "/>
<text text-anchor="middle" x="895" y="-158.8" font-family="arial" font-size="14.00">female</text>
<polyline fill="none" stroke="black" points="924,-151 924,-174 "/>
<text text-anchor="middle" x="947.5" y="-158.8" font-family="arial" font-size="14.00">4&#45;pin</text>
<polyline fill="none" stroke="black" points="765,-151 971,-151 "/>
<text text-anchor="middle" x="810.5" y="-135.8" font-family="arial" font-size="14.00">1</text>
<polyline fill="none" stroke="black" points="765,-128 856,-128 "/>
<text text-anchor="middle" x="810.5" y="-112.8" font-family="arial" font-size="14.00">2</text>
<polyline fill="none" stroke="black" points="765,-105 856,-105 "/>
<text text-anchor="middle" x="810.5" y="-89.8" font-family="arial" font-size="14.00">3</text>
<polyline fill="none" stroke="black" points="765,-82 856,-82 "/>
<text text-anchor="middle" x="810.5" y="-66.8" font-family="arial" font-size="14.00">4</text>
<polyline fill="none" stroke="black" points="856,-59 856,-151 "/>
<text text-anchor="middle" x="913.5" y="-135.8" font-family="arial" font-size="14.00">GND</text>
<polyline fill="none" stroke="black" points="856,-128 971,-128 "/>
<text text-anchor="middle" x="913.5" y="-112.8" font-family="arial" font-size="14.00">VCC</text>
<polyline fill="none" stroke="black" points="856,-105 971,-105 "/>
<text text-anchor="middle" x="913.5" y="-89.8" font-family="arial" font-size="14.00">RX</text>
<polyline fill="none" stroke="black" points="856,-82 971,-82 "/>
<text text-anchor="middle" x="913.5" 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="M621,-139C684.88,-139 700.87,-138 765,-138"/>
<path fill="none" stroke="#666600" stroke-width="2" d="M621,-141C685,-141 701,-140 765,-140"/>
<path fill="none" stroke="#000000" stroke-width="2" d="M621,-143C685.13,-143 701.12,-142 765,-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="M621,-114C685,-114 701,-114 765,-114"/>
<path fill="none" stroke="#ff0000" stroke-width="2" d="M621,-116C685,-116 701,-116 765,-116"/>
<path fill="none" stroke="#000000" stroke-width="2" d="M621,-118C685,-118 701,-118 765,-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="M621,-89C684.04,-89.86 698.68,-68.86 765,-68"/>
<path fill="none" stroke="#ff8000" stroke-width="2" d="M621,-91C685.68,-91 700.32,-70 765,-70"/>
<path fill="none" stroke="#000000" stroke-width="2" d="M621,-93C687.32,-92.14 701.96,-71.14 765,-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="M621,-64C687.9,-65.09 701.67,-92.09 765,-91"/>
<path fill="none" stroke="#ffff00" stroke-width="2" d="M621,-66C686.12,-66 699.88,-93 765,-93"/>
<path fill="none" stroke="#000000" stroke-width="2" d="M621,-68C684.33,-66.91 698.1,-93.91 765,-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² 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>