WireViz/examples/ex03.html
Daniel Rojas e034fb3519 Rebuild all examples before refactoring
no diff should ocurr as a result of the refactoring
2023-09-12 19:37:06 +02:00

312 lines
19 KiB
HTML
Generated
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 lang="en"><head>
<meta charset="UTF-8">
<meta name="generator" content="WireViz 0.4-dev - https://github.com/formatc1702/WireViz">
<title>ex03</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>ex03</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="873pt" height="332pt"
viewBox="0.00 0.00 873.00 332.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 328)">
<polygon fill="#ffffff" stroke="transparent" points="-4,4 -4,-328 869,-328 869,4 -4,4"/>
<!-- X1 -->
<g id="node1" class="node">
<title>X1</title>
<polygon fill="#ffffff" stroke="black" points="183,-208 0,-208 0,-116 183,-116 183,-208"/>
<polygon fill="none" stroke="black" points="0.5,-185 0.5,-208 183.5,-208 183.5,-185 0.5,-185"/>
<text text-anchor="start" x="83" y="-192.8" font-family="arial" font-size="14.00">X1</text>
<polygon fill="none" stroke="black" points="0.5,-162 0.5,-185 104.5,-185 104.5,-162 0.5,-162"/>
<text text-anchor="start" x="4.5" y="-169.8" font-family="arial" font-size="14.00">Molex Micro&#45;Fit</text>
<polygon fill="none" stroke="black" points="104.5,-162 104.5,-185 143.5,-185 143.5,-162 104.5,-162"/>
<text text-anchor="start" x="108.5" y="-169.8" font-family="arial" font-size="14.00">male</text>
<polygon fill="none" stroke="black" points="143.5,-162 143.5,-185 183.5,-185 183.5,-162 143.5,-162"/>
<text text-anchor="start" x="147.5" y="-169.8" font-family="arial" font-size="14.00">2&#45;pin</text>
<polygon fill="none" stroke="black" points="0.5,-139 0.5,-162 104.5,-162 104.5,-139 0.5,-139"/>
<text text-anchor="start" x="36.5" y="-146.8" font-family="arial" font-size="14.00">GND</text>
<polygon fill="none" stroke="black" points="104.5,-139 104.5,-162 183.5,-162 183.5,-139 104.5,-139"/>
<text text-anchor="start" x="140" y="-146.8" font-family="arial" font-size="14.00">1</text>
<polygon fill="none" stroke="black" points="0.5,-116 0.5,-139 104.5,-139 104.5,-116 0.5,-116"/>
<text text-anchor="start" x="37.5" y="-123.8" font-family="arial" font-size="14.00">VCC</text>
<polygon fill="none" stroke="black" points="104.5,-116 104.5,-139 183.5,-139 183.5,-116 104.5,-116"/>
<text text-anchor="start" x="140" y="-123.8" font-family="arial" font-size="14.00">2</text>
</g>
<!-- W1 -->
<g id="node5" class="node">
<title>W1</title>
<polygon fill="#ffffff" stroke="black" stroke-dasharray="5,2" points="526,-288 327,-288 327,-54 526,-54 526,-288"/>
<polygon fill="none" stroke="black" points="327.5,-265 327.5,-288 526.5,-288 526.5,-265 327.5,-265"/>
<text text-anchor="start" x="416.5" y="-272.8" font-family="arial" font-size="14.00">W1</text>
<polygon fill="none" stroke="black" points="327.5,-242 327.5,-265 350.5,-265 350.5,-242 327.5,-242"/>
<text text-anchor="start" x="331.5" y="-249.8" font-family="arial" font-size="14.00">6x</text>
<polygon fill="none" stroke="black" points="350.5,-242 350.5,-265 482.5,-265 482.5,-242 350.5,-242"/>
<text text-anchor="start" x="354.5" y="-249.8" font-family="arial" font-size="14.00">0.25 mm² (24 AWG)</text>
<polygon fill="none" stroke="black" points="482.5,-242 482.5,-265 526.5,-265 526.5,-242 482.5,-242"/>
<text text-anchor="start" x="486.5" y="-249.8" font-family="arial" font-size="14.00">0.2 m</text>
<text text-anchor="start" x="360" y="-228.8" font-family="arial" font-size="14.00"> </text>
<text text-anchor="start" x="330" y="-209.8" font-family="arial" font-size="14.00">X1:1:GND</text>
<text text-anchor="start" x="400" y="-209.8" font-family="arial" font-size="14.00"> &#160;&#160;&#160;&#160;BK &#160;&#160;&#160;</text>
<text text-anchor="start" x="460" y="-209.8" font-family="arial" font-size="14.00">X2:1:GND</text>
<polygon fill="#000000" stroke="transparent" points="327.5,-202 327.5,-204 526.5,-204 526.5,-202 327.5,-202"/>
<polygon fill="#000000" stroke="transparent" points="327.5,-200 327.5,-202 526.5,-202 526.5,-200 327.5,-200"/>
<polygon fill="#000000" stroke="transparent" points="327.5,-198 327.5,-200 526.5,-200 526.5,-198 327.5,-198"/>
<text text-anchor="start" x="330.5" y="-184.8" font-family="arial" font-size="14.00">X1:2:VCC</text>
<text text-anchor="start" x="399" y="-184.8" font-family="arial" font-size="14.00"> &#160;&#160;&#160;&#160;RD &#160;&#160;&#160;</text>
<text text-anchor="start" x="460.5" y="-184.8" font-family="arial" font-size="14.00">X2:2:VCC</text>
<polygon fill="#000000" stroke="transparent" points="327.5,-177 327.5,-179 526.5,-179 526.5,-177 327.5,-177"/>
<polygon fill="#ff0000" stroke="transparent" points="327.5,-175 327.5,-177 526.5,-177 526.5,-175 327.5,-175"/>
<polygon fill="#000000" stroke="transparent" points="327.5,-173 327.5,-175 526.5,-175 526.5,-173 327.5,-173"/>
<text text-anchor="start" x="330" y="-159.8" font-family="arial" font-size="14.00">X1:1:GND</text>
<text text-anchor="start" x="400" y="-159.8" font-family="arial" font-size="14.00"> &#160;&#160;&#160;&#160;BK &#160;&#160;&#160;</text>
<text text-anchor="start" x="460" y="-159.8" font-family="arial" font-size="14.00">X3:1:GND</text>
<polygon fill="#000000" stroke="transparent" points="327.5,-152 327.5,-154 526.5,-154 526.5,-152 327.5,-152"/>
<polygon fill="#000000" stroke="transparent" points="327.5,-150 327.5,-152 526.5,-152 526.5,-150 327.5,-150"/>
<polygon fill="#000000" stroke="transparent" points="327.5,-148 327.5,-150 526.5,-150 526.5,-148 327.5,-148"/>
<text text-anchor="start" x="330.5" y="-134.8" font-family="arial" font-size="14.00">X1:2:VCC</text>
<text text-anchor="start" x="399" y="-134.8" font-family="arial" font-size="14.00"> &#160;&#160;&#160;&#160;RD &#160;&#160;&#160;</text>
<text text-anchor="start" x="460.5" y="-134.8" font-family="arial" font-size="14.00">X3:2:VCC</text>
<polygon fill="#000000" stroke="transparent" points="327.5,-127 327.5,-129 526.5,-129 526.5,-127 327.5,-127"/>
<polygon fill="#ff0000" stroke="transparent" points="327.5,-125 327.5,-127 526.5,-127 526.5,-125 327.5,-125"/>
<polygon fill="#000000" stroke="transparent" points="327.5,-123 327.5,-125 526.5,-125 526.5,-123 327.5,-123"/>
<text text-anchor="start" x="330" y="-109.8" font-family="arial" font-size="14.00">X1:1:GND</text>
<text text-anchor="start" x="400" y="-109.8" font-family="arial" font-size="14.00"> &#160;&#160;&#160;&#160;BK &#160;&#160;&#160;</text>
<text text-anchor="start" x="460" y="-109.8" font-family="arial" font-size="14.00">X4:1:GND</text>
<polygon fill="#000000" stroke="transparent" points="327.5,-102 327.5,-104 526.5,-104 526.5,-102 327.5,-102"/>
<polygon fill="#000000" stroke="transparent" points="327.5,-100 327.5,-102 526.5,-102 526.5,-100 327.5,-100"/>
<polygon fill="#000000" stroke="transparent" points="327.5,-98 327.5,-100 526.5,-100 526.5,-98 327.5,-98"/>
<text text-anchor="start" x="330.5" y="-84.8" font-family="arial" font-size="14.00">X1:2:VCC</text>
<text text-anchor="start" x="399" y="-84.8" font-family="arial" font-size="14.00"> &#160;&#160;&#160;&#160;RD &#160;&#160;&#160;</text>
<text text-anchor="start" x="460.5" y="-84.8" font-family="arial" font-size="14.00">X4:2:VCC</text>
<polygon fill="#000000" stroke="transparent" points="327.5,-77 327.5,-79 526.5,-79 526.5,-77 327.5,-77"/>
<polygon fill="#ff0000" stroke="transparent" points="327.5,-75 327.5,-77 526.5,-77 526.5,-75 327.5,-75"/>
<polygon fill="#000000" stroke="transparent" points="327.5,-73 327.5,-75 526.5,-75 526.5,-73 327.5,-73"/>
<text text-anchor="start" x="360" y="-59.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="M183,-148C252.87,-149.68 261.08,-200.68 327,-199"/>
<path fill="none" stroke="#000000" stroke-width="2" d="M183,-150C250.9,-150 259.1,-201 327,-201"/>
<path fill="none" stroke="#000000" stroke-width="2" d="M183,-152C248.92,-150.32 257.13,-201.32 327,-203"/>
</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="M183,-125C252.57,-126.65 261.36,-175.65 327,-174"/>
<path fill="none" stroke="#ff0000" stroke-width="2" d="M183,-127C250.6,-127 259.4,-176 327,-176"/>
<path fill="none" stroke="#000000" stroke-width="2" d="M183,-129C248.64,-127.35 257.43,-176.35 327,-178"/>
</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="M183,-148C247.13,-148 263.12,-149 327,-149"/>
<path fill="none" stroke="#000000" stroke-width="2" d="M183,-150C247,-150 263,-151 327,-151"/>
<path fill="none" stroke="#000000" stroke-width="2" d="M183,-152C246.88,-152 262.87,-153 327,-153"/>
</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="M183,-125C246.88,-125 262.87,-124 327,-124"/>
<path fill="none" stroke="#ff0000" stroke-width="2" d="M183,-127C247,-127 263,-126 327,-126"/>
<path fill="none" stroke="#000000" stroke-width="2" d="M183,-129C247.13,-129 263.12,-128 327,-128"/>
</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="M183,-148C248.64,-149.65 257.43,-100.65 327,-99"/>
<path fill="none" stroke="#000000" stroke-width="2" d="M183,-150C250.6,-150 259.4,-101 327,-101"/>
<path fill="none" stroke="#000000" stroke-width="2" d="M183,-152C252.57,-150.35 261.36,-101.35 327,-103"/>
</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="M183,-125C248.92,-126.68 257.13,-75.68 327,-74"/>
<path fill="none" stroke="#ff0000" stroke-width="2" d="M183,-127C250.9,-127 259.1,-76 327,-76"/>
<path fill="none" stroke="#000000" stroke-width="2" d="M183,-129C252.87,-127.32 261.08,-76.32 327,-78"/>
</g>
<!-- X2 -->
<g id="node2" class="node">
<title>X2</title>
<polygon fill="#ffffff" stroke="black" points="865,-324 670,-324 670,-232 865,-232 865,-324"/>
<polygon fill="none" stroke="black" points="670.5,-301 670.5,-324 865.5,-324 865.5,-301 670.5,-301"/>
<text text-anchor="start" x="759" y="-308.8" font-family="arial" font-size="14.00">X2</text>
<polygon fill="none" stroke="black" points="670.5,-278 670.5,-301 774.5,-301 774.5,-278 670.5,-278"/>
<text text-anchor="start" x="674.5" y="-285.8" font-family="arial" font-size="14.00">Molex Micro&#45;Fit</text>
<polygon fill="none" stroke="black" points="774.5,-278 774.5,-301 825.5,-301 825.5,-278 774.5,-278"/>
<text text-anchor="start" x="778.5" y="-285.8" font-family="arial" font-size="14.00">female</text>
<polygon fill="none" stroke="black" points="825.5,-278 825.5,-301 865.5,-301 865.5,-278 825.5,-278"/>
<text text-anchor="start" x="829.5" y="-285.8" font-family="arial" font-size="14.00">2&#45;pin</text>
<polygon fill="none" stroke="black" points="670.5,-255 670.5,-278 756.5,-278 756.5,-255 670.5,-255"/>
<text text-anchor="start" x="709.5" y="-262.8" font-family="arial" font-size="14.00">1</text>
<polygon fill="none" stroke="black" points="756.5,-255 756.5,-278 865.5,-278 865.5,-255 756.5,-255"/>
<text text-anchor="start" x="795" y="-262.8" font-family="arial" font-size="14.00">GND</text>
<polygon fill="none" stroke="black" points="670.5,-232 670.5,-255 756.5,-255 756.5,-232 670.5,-232"/>
<text text-anchor="start" x="709.5" y="-239.8" font-family="arial" font-size="14.00">2</text>
<polygon fill="none" stroke="black" points="756.5,-232 756.5,-255 865.5,-255 865.5,-232 756.5,-232"/>
<text text-anchor="start" x="796" y="-239.8" font-family="arial" font-size="14.00">VCC</text>
</g>
<!-- X3 -->
<g id="node3" class="node">
<title>X3</title>
<polygon fill="#ffffff" stroke="black" points="865,-208 670,-208 670,-116 865,-116 865,-208"/>
<polygon fill="none" stroke="black" points="670.5,-185 670.5,-208 865.5,-208 865.5,-185 670.5,-185"/>
<text text-anchor="start" x="759" y="-192.8" font-family="arial" font-size="14.00">X3</text>
<polygon fill="none" stroke="black" points="670.5,-162 670.5,-185 774.5,-185 774.5,-162 670.5,-162"/>
<text text-anchor="start" x="674.5" y="-169.8" font-family="arial" font-size="14.00">Molex Micro&#45;Fit</text>
<polygon fill="none" stroke="black" points="774.5,-162 774.5,-185 825.5,-185 825.5,-162 774.5,-162"/>
<text text-anchor="start" x="778.5" y="-169.8" font-family="arial" font-size="14.00">female</text>
<polygon fill="none" stroke="black" points="825.5,-162 825.5,-185 865.5,-185 865.5,-162 825.5,-162"/>
<text text-anchor="start" x="829.5" y="-169.8" font-family="arial" font-size="14.00">2&#45;pin</text>
<polygon fill="none" stroke="black" points="670.5,-139 670.5,-162 756.5,-162 756.5,-139 670.5,-139"/>
<text text-anchor="start" x="709.5" y="-146.8" font-family="arial" font-size="14.00">1</text>
<polygon fill="none" stroke="black" points="756.5,-139 756.5,-162 865.5,-162 865.5,-139 756.5,-139"/>
<text text-anchor="start" x="795" y="-146.8" font-family="arial" font-size="14.00">GND</text>
<polygon fill="none" stroke="black" points="670.5,-116 670.5,-139 756.5,-139 756.5,-116 670.5,-116"/>
<text text-anchor="start" x="709.5" y="-123.8" font-family="arial" font-size="14.00">2</text>
<polygon fill="none" stroke="black" points="756.5,-116 756.5,-139 865.5,-139 865.5,-116 756.5,-116"/>
<text text-anchor="start" x="796" y="-123.8" font-family="arial" font-size="14.00">VCC</text>
</g>
<!-- X4 -->
<g id="node4" class="node">
<title>X4</title>
<polygon fill="#ffffff" stroke="black" points="865,-92 670,-92 670,0 865,0 865,-92"/>
<polygon fill="none" stroke="black" points="670.5,-69 670.5,-92 865.5,-92 865.5,-69 670.5,-69"/>
<text text-anchor="start" x="759" y="-76.8" font-family="arial" font-size="14.00">X4</text>
<polygon fill="none" stroke="black" points="670.5,-46 670.5,-69 774.5,-69 774.5,-46 670.5,-46"/>
<text text-anchor="start" x="674.5" y="-53.8" font-family="arial" font-size="14.00">Molex Micro&#45;Fit</text>
<polygon fill="none" stroke="black" points="774.5,-46 774.5,-69 825.5,-69 825.5,-46 774.5,-46"/>
<text text-anchor="start" x="778.5" y="-53.8" font-family="arial" font-size="14.00">female</text>
<polygon fill="none" stroke="black" points="825.5,-46 825.5,-69 865.5,-69 865.5,-46 825.5,-46"/>
<text text-anchor="start" x="829.5" y="-53.8" font-family="arial" font-size="14.00">2&#45;pin</text>
<polygon fill="none" stroke="black" points="670.5,-23 670.5,-46 756.5,-46 756.5,-23 670.5,-23"/>
<text text-anchor="start" x="709.5" y="-30.8" font-family="arial" font-size="14.00">1</text>
<polygon fill="none" stroke="black" points="756.5,-23 756.5,-46 865.5,-46 865.5,-23 756.5,-23"/>
<text text-anchor="start" x="795" y="-30.8" font-family="arial" font-size="14.00">GND</text>
<polygon fill="none" stroke="black" points="670.5,0 670.5,-23 756.5,-23 756.5,0 670.5,0"/>
<text text-anchor="start" x="709.5" y="-7.8" font-family="arial" font-size="14.00">2</text>
<polygon fill="none" stroke="black" points="756.5,0 756.5,-23 865.5,-23 865.5,0 756.5,0"/>
<text text-anchor="start" x="796" y="-7.8" 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="M526,-199C598.22,-200.89 601.78,-265.89 670,-264"/>
<path fill="none" stroke="#000000" stroke-width="2" d="M526,-201C596.22,-201 599.78,-266 670,-266"/>
<path fill="none" stroke="#000000" stroke-width="2" d="M526,-203C594.22,-201.11 597.78,-266.11 670,-268"/>
</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="M526,-174C598.59,-175.92 601.41,-242.92 670,-241"/>
<path fill="none" stroke="#ff0000" stroke-width="2" d="M526,-176C596.59,-176 599.41,-243 670,-243"/>
<path fill="none" stroke="#000000" stroke-width="2" d="M526,-178C594.59,-176.08 597.41,-243.08 670,-245"/>
</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="M526,-149C589.88,-149 605.87,-148 670,-148"/>
<path fill="none" stroke="#000000" stroke-width="2" d="M526,-151C590,-151 606,-150 670,-150"/>
<path fill="none" stroke="#000000" stroke-width="2" d="M526,-153C590.13,-153 606.12,-152 670,-152"/>
</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="M526,-124C590.13,-124 606.12,-125 670,-125"/>
<path fill="none" stroke="#ff0000" stroke-width="2" d="M526,-126C590,-126 606,-127 670,-127"/>
<path fill="none" stroke="#000000" stroke-width="2" d="M526,-128C589.88,-128 605.87,-129 670,-129"/>
</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="M526,-99C594.59,-100.92 597.41,-33.92 670,-32"/>
<path fill="none" stroke="#000000" stroke-width="2" d="M526,-101C596.59,-101 599.41,-34 670,-34"/>
<path fill="none" stroke="#000000" stroke-width="2" d="M526,-103C598.59,-101.08 601.41,-34.08 670,-36"/>
</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="M526,-74C594.22,-75.89 597.78,-10.89 670,-9"/>
<path fill="none" stroke="#ff0000" stroke-width="2" d="M526,-76C596.22,-76 599.78,-11 670,-11"/>
<path fill="none" stroke="#000000" stroke-width="2" d="M526,-78C598.22,-76.11 601.78,-11.11 670,-13"/>
</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">Connector, Molex Micro-Fit, female, 2 pins</td>
<td class="bom_col_qty">3</td>
<td class="bom_col_unit"></td>
<td class="bom_col_designators">X2, X3, X4</td>
</tr>
<tr>
<td class="bom_col_id">2</td>
<td class="bom_col_description">Connector, Molex Micro-Fit, male, 2 pins</td>
<td class="bom_col_qty">1</td>
<td class="bom_col_unit"></td>
<td class="bom_col_designators">X1</td>
</tr>
<tr>
<td class="bom_col_id">3</td>
<td class="bom_col_description">Wire, 0.25 mm², BK</td>
<td class="bom_col_qty">0.6</td>
<td class="bom_col_unit">m</td>
<td class="bom_col_designators">W1</td>
</tr>
<tr>
<td class="bom_col_id">4</td>
<td class="bom_col_description">Wire, 0.25 mm², RD</td>
<td class="bom_col_qty">0.6</td>
<td class="bom_col_unit">m</td>
<td class="bom_col_designators">W1</td>
</tr>
</table>
</div>
</body></html>