WireViz/examples/ex03.html
Daniel Rojas ccf4db5555 Update examples and readme
Tune demo 02
2020-06-14 21:56:06 +02:00

228 lines
17 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="913pt" height="335pt"
viewBox="0.00 0.00 913.00 335.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 331)">
<polygon fill="white" stroke="transparent" points="-4,4 -4,-331 909,-331 909,4 -4,4"/>
<!-- X1 -->
<g id="node1" class="node">
<title>X1</title>
<polygon fill="white" stroke="black" points="0,-117.5 0,-209.5 204,-209.5 204,-117.5 0,-117.5"/>
<text text-anchor="middle" x="102" y="-194.3" font-family="arial" font-size="14.00">X1</text>
<polyline fill="none" stroke="black" points="0,-186.5 204,-186.5 "/>
<text text-anchor="middle" x="55" y="-171.3" font-family="arial" font-size="14.00">Molex Micro&#45;Fit</text>
<polyline fill="none" stroke="black" points="110,-163.5 110,-186.5 "/>
<text text-anchor="middle" x="133.5" y="-171.3" font-family="arial" font-size="14.00">male</text>
<polyline fill="none" stroke="black" points="157,-163.5 157,-186.5 "/>
<text text-anchor="middle" x="180.5" y="-171.3" font-family="arial" font-size="14.00">2&#45;pin</text>
<polyline fill="none" stroke="black" points="0,-163.5 204,-163.5 "/>
<text text-anchor="middle" x="56.5" y="-148.3" font-family="arial" font-size="14.00">GND</text>
<polyline fill="none" stroke="black" points="0,-140.5 113,-140.5 "/>
<text text-anchor="middle" x="56.5" y="-125.3" font-family="arial" font-size="14.00">VCC</text>
<polyline fill="none" stroke="black" points="113,-117.5 113,-163.5 "/>
<text text-anchor="middle" x="158.5" y="-148.3" font-family="arial" font-size="14.00">1</text>
<polyline fill="none" stroke="black" points="113,-140.5 204,-140.5 "/>
<text text-anchor="middle" x="158.5" y="-125.3" font-family="arial" font-size="14.00">2</text>
</g>
<!-- W1 -->
<g id="node5" class="node">
<title>W1</title>
<polygon fill="white" stroke="black" stroke-dasharray="5,2" points="546,-285.5 348,-285.5 348,-55.5 546,-55.5 546,-285.5"/>
<polygon fill="none" stroke="black" points="348,-262.5 348,-285.5 546,-285.5 546,-262.5 348,-262.5"/>
<text text-anchor="start" x="436" y="-270.3" font-family="arial" font-size="14.00">W1</text>
<polygon fill="none" stroke="black" points="348,-239.5 348,-262.5 371,-262.5 371,-239.5 348,-239.5"/>
<text text-anchor="start" x="352" y="-247.3" font-family="arial" font-size="14.00">6x</text>
<polygon fill="none" stroke="black" points="371,-239.5 371,-262.5 503,-262.5 503,-239.5 371,-239.5"/>
<text text-anchor="start" x="375" y="-247.3" font-family="arial" font-size="14.00">0.25 mm² (24 AWG)</text>
<polygon fill="none" stroke="black" points="503,-239.5 503,-262.5 546,-262.5 546,-239.5 503,-239.5"/>
<text text-anchor="start" x="507" y="-247.3" font-family="arial" font-size="14.00">0.2 m</text>
<text text-anchor="start" x="445" y="-228.3" font-family="arial" font-size="14.00"> </text>
<text text-anchor="start" x="368.5" y="-211.3" font-family="arial" font-size="14.00">X1:1</text>
<text text-anchor="start" x="438" y="-211.3" font-family="arial" font-size="14.00">BK</text>
<text text-anchor="start" x="498" y="-211.3" font-family="arial" font-size="14.00">X2:1</text>
<polygon fill="#000000" stroke="transparent" points="348,-199.5 348,-205.5 546,-205.5 546,-199.5 348,-199.5"/>
<polyline fill="none" stroke="black" stroke-width="2" points="349,-200.5 545,-200.5 "/>
<polyline fill="none" stroke="black" stroke-width="2" points="545,-204.5 349,-204.5 "/>
<text text-anchor="start" x="368.5" y="-186.3" font-family="arial" font-size="14.00">X1:2</text>
<text text-anchor="start" x="437.5" y="-186.3" font-family="arial" font-size="14.00">RD</text>
<text text-anchor="start" x="498" y="-186.3" font-family="arial" font-size="14.00">X2:2</text>
<polygon fill="#ff0000" stroke="transparent" stroke-width="2" points="348,-174.5 348,-180.5 546,-180.5 546,-174.5 348,-174.5"/>
<polyline fill="none" stroke="black" stroke-width="2" points="349,-175.5 545,-175.5 "/>
<polyline fill="none" stroke="black" stroke-width="2" points="545,-179.5 349,-179.5 "/>
<text text-anchor="start" x="368.5" y="-161.3" font-family="arial" font-size="14.00">X1:1</text>
<text text-anchor="start" x="438" y="-161.3" font-family="arial" font-size="14.00">BK</text>
<text text-anchor="start" x="498" y="-161.3" font-family="arial" font-size="14.00">X3:1</text>
<polygon fill="#000000" stroke="transparent" stroke-width="2" points="348,-149.5 348,-155.5 546,-155.5 546,-149.5 348,-149.5"/>
<polyline fill="none" stroke="black" stroke-width="2" points="349,-150.5 545,-150.5 "/>
<polyline fill="none" stroke="black" stroke-width="2" points="545,-154.5 349,-154.5 "/>
<text text-anchor="start" x="368.5" y="-136.3" font-family="arial" font-size="14.00">X1:2</text>
<text text-anchor="start" x="437.5" y="-136.3" font-family="arial" font-size="14.00">RD</text>
<text text-anchor="start" x="498" y="-136.3" font-family="arial" font-size="14.00">X3:2</text>
<polygon fill="#ff0000" stroke="transparent" stroke-width="2" points="348,-124.5 348,-130.5 546,-130.5 546,-124.5 348,-124.5"/>
<polyline fill="none" stroke="black" stroke-width="2" points="349,-125.5 545,-125.5 "/>
<polyline fill="none" stroke="black" stroke-width="2" points="545,-129.5 349,-129.5 "/>
<text text-anchor="start" x="368.5" y="-111.3" font-family="arial" font-size="14.00">X1:1</text>
<text text-anchor="start" x="438" y="-111.3" font-family="arial" font-size="14.00">BK</text>
<text text-anchor="start" x="498" y="-111.3" font-family="arial" font-size="14.00">X4:1</text>
<polygon fill="#000000" stroke="transparent" stroke-width="2" points="348,-99.5 348,-105.5 546,-105.5 546,-99.5 348,-99.5"/>
<polyline fill="none" stroke="black" stroke-width="2" points="349,-100.5 545,-100.5 "/>
<polyline fill="none" stroke="black" stroke-width="2" points="545,-104.5 349,-104.5 "/>
<text text-anchor="start" x="368.5" y="-86.3" font-family="arial" font-size="14.00">X1:2</text>
<text text-anchor="start" x="437.5" y="-86.3" font-family="arial" font-size="14.00">RD</text>
<text text-anchor="start" x="498" y="-86.3" font-family="arial" font-size="14.00">X4:2</text>
<polygon fill="#ff0000" stroke="transparent" stroke-width="2" points="348,-74.5 348,-80.5 546,-80.5 546,-74.5 348,-74.5"/>
<polyline fill="none" stroke="black" stroke-width="2" points="349,-75.5 545,-75.5 "/>
<polyline fill="none" stroke="black" stroke-width="2" points="545,-79.5 349,-79.5 "/>
<text text-anchor="start" x="380.5" y="-61.3" 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="M204,-149.5C273.87,-151.18 282.08,-202.18 348,-200.5"/>
<path fill="none" stroke="#000000" stroke-width="2" d="M204,-151.5C271.9,-151.5 280.1,-202.5 348,-202.5"/>
<path fill="none" stroke="#000000" stroke-width="2" d="M204,-153.5C269.92,-151.82 278.13,-202.82 348,-204.5"/>
</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="M204,-126.5C273.57,-128.15 282.36,-177.15 348,-175.5"/>
<path fill="none" stroke="#ff0000" stroke-width="2" d="M204,-128.5C271.6,-128.5 280.4,-177.5 348,-177.5"/>
<path fill="none" stroke="#000000" stroke-width="2" d="M204,-130.5C269.64,-128.85 278.43,-177.85 348,-179.5"/>
</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="M204,-149.5C268.13,-149.5 284.12,-150.5 348,-150.5"/>
<path fill="none" stroke="#000000" stroke-width="2" d="M204,-151.5C268,-151.5 284,-152.5 348,-152.5"/>
<path fill="none" stroke="#000000" stroke-width="2" d="M204,-153.5C267.88,-153.5 283.87,-154.5 348,-154.5"/>
</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="M204,-126.5C267.88,-126.5 283.87,-125.5 348,-125.5"/>
<path fill="none" stroke="#ff0000" stroke-width="2" d="M204,-128.5C268,-128.5 284,-127.5 348,-127.5"/>
<path fill="none" stroke="#000000" stroke-width="2" d="M204,-130.5C268.13,-130.5 284.12,-129.5 348,-129.5"/>
</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="M204,-149.5C269.64,-151.15 278.43,-102.15 348,-100.5"/>
<path fill="none" stroke="#000000" stroke-width="2" d="M204,-151.5C271.6,-151.5 280.4,-102.5 348,-102.5"/>
<path fill="none" stroke="#000000" stroke-width="2" d="M204,-153.5C273.57,-151.85 282.36,-102.85 348,-104.5"/>
</g>
<!-- X1&#45;&#45;W1 -->
<g id="edge11" class="edge">
<title>X1:e&#45;&#45;W1:w</title>
<path fill="none" stroke="#000000" stroke-width="2" d="M204,-126.5C269.92,-128.18 278.13,-77.18 348,-75.5"/>
<path fill="none" stroke="#ff0000" stroke-width="2" d="M204,-128.5C271.9,-128.5 280.1,-77.5 348,-77.5"/>
<path fill="none" stroke="#000000" stroke-width="2" d="M204,-130.5C273.87,-128.82 282.08,-77.82 348,-79.5"/>
</g>
<!-- X2 -->
<g id="node2" class="node">
<title>X2</title>
<polygon fill="white" stroke="black" points="690,-234.5 690,-326.5 905,-326.5 905,-234.5 690,-234.5"/>
<text text-anchor="middle" x="797.5" y="-311.3" font-family="arial" font-size="14.00">X2</text>
<polyline fill="none" stroke="black" points="690,-303.5 905,-303.5 "/>
<text text-anchor="middle" x="745" y="-288.3" font-family="arial" font-size="14.00">Molex Micro&#45;Fit</text>
<polyline fill="none" stroke="black" points="800,-280.5 800,-303.5 "/>
<text text-anchor="middle" x="829" y="-288.3" font-family="arial" font-size="14.00">female</text>
<polyline fill="none" stroke="black" points="858,-280.5 858,-303.5 "/>
<text text-anchor="middle" x="881.5" y="-288.3" font-family="arial" font-size="14.00">2&#45;pin</text>
<polyline fill="none" stroke="black" points="690,-280.5 905,-280.5 "/>
<text text-anchor="middle" x="738" y="-265.3" font-family="arial" font-size="14.00">1</text>
<polyline fill="none" stroke="black" points="690,-257.5 786,-257.5 "/>
<text text-anchor="middle" x="738" y="-242.3" font-family="arial" font-size="14.00">2</text>
<polyline fill="none" stroke="black" points="786,-234.5 786,-280.5 "/>
<text text-anchor="middle" x="845.5" y="-265.3" font-family="arial" font-size="14.00">GND</text>
<polyline fill="none" stroke="black" points="786,-257.5 905,-257.5 "/>
<text text-anchor="middle" x="845.5" y="-242.3" font-family="arial" font-size="14.00">VCC</text>
</g>
<!-- X3 -->
<g id="node3" class="node">
<title>X3</title>
<polygon fill="white" stroke="black" points="690,-117.5 690,-209.5 905,-209.5 905,-117.5 690,-117.5"/>
<text text-anchor="middle" x="797.5" y="-194.3" font-family="arial" font-size="14.00">X3</text>
<polyline fill="none" stroke="black" points="690,-186.5 905,-186.5 "/>
<text text-anchor="middle" x="745" y="-171.3" font-family="arial" font-size="14.00">Molex Micro&#45;Fit</text>
<polyline fill="none" stroke="black" points="800,-163.5 800,-186.5 "/>
<text text-anchor="middle" x="829" y="-171.3" font-family="arial" font-size="14.00">female</text>
<polyline fill="none" stroke="black" points="858,-163.5 858,-186.5 "/>
<text text-anchor="middle" x="881.5" y="-171.3" font-family="arial" font-size="14.00">2&#45;pin</text>
<polyline fill="none" stroke="black" points="690,-163.5 905,-163.5 "/>
<text text-anchor="middle" x="738" y="-148.3" font-family="arial" font-size="14.00">1</text>
<polyline fill="none" stroke="black" points="690,-140.5 786,-140.5 "/>
<text text-anchor="middle" x="738" y="-125.3" font-family="arial" font-size="14.00">2</text>
<polyline fill="none" stroke="black" points="786,-117.5 786,-163.5 "/>
<text text-anchor="middle" x="845.5" y="-148.3" font-family="arial" font-size="14.00">GND</text>
<polyline fill="none" stroke="black" points="786,-140.5 905,-140.5 "/>
<text text-anchor="middle" x="845.5" y="-125.3" font-family="arial" font-size="14.00">VCC</text>
</g>
<!-- X4 -->
<g id="node4" class="node">
<title>X4</title>
<polygon fill="white" stroke="black" points="690,-0.5 690,-92.5 905,-92.5 905,-0.5 690,-0.5"/>
<text text-anchor="middle" x="797.5" y="-77.3" font-family="arial" font-size="14.00">X4</text>
<polyline fill="none" stroke="black" points="690,-69.5 905,-69.5 "/>
<text text-anchor="middle" x="745" y="-54.3" font-family="arial" font-size="14.00">Molex Micro&#45;Fit</text>
<polyline fill="none" stroke="black" points="800,-46.5 800,-69.5 "/>
<text text-anchor="middle" x="829" y="-54.3" font-family="arial" font-size="14.00">female</text>
<polyline fill="none" stroke="black" points="858,-46.5 858,-69.5 "/>
<text text-anchor="middle" x="881.5" y="-54.3" font-family="arial" font-size="14.00">2&#45;pin</text>
<polyline fill="none" stroke="black" points="690,-46.5 905,-46.5 "/>
<text text-anchor="middle" x="738" y="-31.3" font-family="arial" font-size="14.00">1</text>
<polyline fill="none" stroke="black" points="690,-23.5 786,-23.5 "/>
<text text-anchor="middle" x="738" y="-8.3" font-family="arial" font-size="14.00">2</text>
<polyline fill="none" stroke="black" points="786,-0.5 786,-46.5 "/>
<text text-anchor="middle" x="845.5" y="-31.3" font-family="arial" font-size="14.00">GND</text>
<polyline fill="none" stroke="black" points="786,-23.5 905,-23.5 "/>
<text text-anchor="middle" x="845.5" y="-8.3" font-family="arial" font-size="14.00">VCC</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="M546,-200.5C618.4,-202.4 621.6,-268.4 690,-266.5"/>
<path fill="none" stroke="#000000" stroke-width="2" d="M546,-202.5C616.4,-202.5 619.6,-268.5 690,-268.5"/>
<path fill="none" stroke="#000000" stroke-width="2" d="M546,-204.5C614.4,-202.6 617.6,-268.6 690,-270.5"/>
</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="M546,-175.5C618.78,-177.43 621.22,-245.43 690,-243.5"/>
<path fill="none" stroke="#ff0000" stroke-width="2" d="M546,-177.5C616.78,-177.5 619.22,-245.5 690,-245.5"/>
<path fill="none" stroke="#000000" stroke-width="2" d="M546,-179.5C614.78,-177.57 617.22,-245.57 690,-247.5"/>
</g>
<!-- W1&#45;&#45;X3 -->
<g id="edge6" class="edge">
<title>W1:e&#45;&#45;X3:w</title>
<path fill="none" stroke="#000000" stroke-width="2" d="M546,-150.5C609.88,-150.5 625.87,-149.5 690,-149.5"/>
<path fill="none" stroke="#000000" stroke-width="2" d="M546,-152.5C610,-152.5 626,-151.5 690,-151.5"/>
<path fill="none" stroke="#000000" stroke-width="2" d="M546,-154.5C610.13,-154.5 626.12,-153.5 690,-153.5"/>
</g>
<!-- W1&#45;&#45;X3 -->
<g id="edge8" class="edge">
<title>W1:e&#45;&#45;X3:w</title>
<path fill="none" stroke="#000000" stroke-width="2" d="M546,-125.5C610.13,-125.5 626.12,-126.5 690,-126.5"/>
<path fill="none" stroke="#ff0000" stroke-width="2" d="M546,-127.5C610,-127.5 626,-128.5 690,-128.5"/>
<path fill="none" stroke="#000000" stroke-width="2" d="M546,-129.5C609.88,-129.5 625.87,-130.5 690,-130.5"/>
</g>
<!-- W1&#45;&#45;X4 -->
<g id="edge10" class="edge">
<title>W1:e&#45;&#45;X4:w</title>
<path fill="none" stroke="#000000" stroke-width="2" d="M546,-100.5C614.78,-102.43 617.22,-34.43 690,-32.5"/>
<path fill="none" stroke="#000000" stroke-width="2" d="M546,-102.5C616.78,-102.5 619.22,-34.5 690,-34.5"/>
<path fill="none" stroke="#000000" stroke-width="2" d="M546,-104.5C618.78,-102.57 621.22,-34.57 690,-36.5"/>
</g>
<!-- W1&#45;&#45;X4 -->
<g id="edge12" class="edge">
<title>W1:e&#45;&#45;X4:w</title>
<path fill="none" stroke="#000000" stroke-width="2" d="M546,-75.5C614.4,-77.4 617.6,-11.4 690,-9.5"/>
<path fill="none" stroke="#ff0000" stroke-width="2" d="M546,-77.5C616.4,-77.5 619.6,-11.5 690,-11.5"/>
<path fill="none" stroke="#000000" stroke-width="2" d="M546,-79.5C618.4,-77.6 621.6,-11.6 690,-13.5"/>
</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">Molex Micro-Fit, female, 2 pins</td><td align="right" style="border:1px solid #000000; padding: 4px">3</td><td style="border:1px solid #000000; padding: 4px"></td><td style="border:1px solid #000000; padding: 4px">X2, X3, X4</td></tr><tr><td style="border:1px solid #000000; padding: 4px">Molex Micro-Fit, male, 2 pins</td><td align="right" style="border:1px solid #000000; padding: 4px">1</td><td style="border:1px solid #000000; padding: 4px"></td><td style="border:1px solid #000000; padding: 4px">X1</td></tr><tr><td style="border:1px solid #000000; padding: 4px">Wire 0.25 mm² BK</td><td align="right" style="border:1px solid #000000; padding: 4px">0.6</td><td style="border:1px solid #000000; padding: 4px">m</td><td style="border:1px solid #000000; padding: 4px">W1</td></tr><tr><td style="border:1px solid #000000; padding: 4px">Wire 0.25 mm² RD</td><td align="right" style="border:1px solid #000000; padding: 4px">0.6</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>