WireViz/examples/ex01.html
2024-10-13 21:11:58 +02:00

279 lines
16 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-dev251 - https://github.com/formatc1702/WireViz">
<title>ex01</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>ex01</h1>
<h2>Diagram</h2>
<div id="description">
<!-- %description% -->
</div>
<div id="diagram">
<!-- XML and DOCTYPE declarations from SVG file removed -->
<!-- Generated by graphviz version 12.1.2 (0)
-->
<!-- Pages: 1 -->
<svg width="923pt" height="238pt"
viewBox="0.00 0.00 923.25 237.50" 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 233.5)">
<polygon fill="#ffffff" stroke="none" points="-4,4 -4,-233.5 919.25,-233.5 919.25,4 -4,4"/>
<!-- X1 -->
<g id="node1" class="node">
<title>X1</title>
<polygon fill="#ffffff" stroke="black" points="180,-195.5 0,-195.5 0,-56 180,-56 180,-195.5"/>
<polygon fill="#ffffff" stroke="none" points="0,-56 0,-195.5 180,-195.5 180,-56 0,-56"/>
<polygon fill="none" stroke="black" points="0,-171.75 0,-195.5 180,-195.5 180,-171.75 0,-171.75"/>
<text text-anchor="start" x="81.75" y="-178.2" font-family="arial" font-size="14.00">X1</text>
<polygon fill="none" stroke="black" points="0,-148 0,-171.75 92.75,-171.75 92.75,-148 0,-148"/>
<text text-anchor="start" x="4" y="-154.45" font-family="arial" font-size="14.00">Molex KK 254</text>
<polygon fill="none" stroke="black" points="92.75,-148 92.75,-171.75 142,-171.75 142,-148 92.75,-148"/>
<text text-anchor="start" x="96.75" y="-154.45" font-family="arial" font-size="14.00">female</text>
<polygon fill="none" stroke="black" points="142,-148 142,-171.75 180,-171.75 180,-148 142,-148"/>
<text text-anchor="start" x="146" y="-154.45" font-family="arial" font-size="14.00">4&#45;pin</text>
<polygon fill="none" stroke="black" points="0,-125 0,-148 101.5,-148 101.5,-125 0,-125"/>
<text text-anchor="start" x="35.38" y="-130.7" font-family="arial" font-size="14.00">GND</text>
<polygon fill="none" stroke="black" points="101.5,-125 101.5,-148 180,-148 180,-125 101.5,-125"/>
<text text-anchor="start" x="137" y="-130.7" font-family="arial" font-size="14.00">1</text>
<polygon fill="none" stroke="black" points="0,-102 0,-125 101.5,-125 101.5,-102 0,-102"/>
<text text-anchor="start" x="36.5" y="-107.7" font-family="arial" font-size="14.00">VCC</text>
<polygon fill="none" stroke="black" points="101.5,-102 101.5,-125 180,-125 180,-102 101.5,-102"/>
<text text-anchor="start" x="137" y="-107.7" font-family="arial" font-size="14.00">2</text>
<polygon fill="none" stroke="black" points="0,-79 0,-102 101.5,-102 101.5,-79 0,-79"/>
<text text-anchor="start" x="41.38" y="-84.7" font-family="arial" font-size="14.00">RX</text>
<polygon fill="none" stroke="black" points="101.5,-79 101.5,-102 180,-102 180,-79 101.5,-79"/>
<text text-anchor="start" x="137" y="-84.7" font-family="arial" font-size="14.00">3</text>
<polygon fill="none" stroke="black" points="0,-56 0,-79 101.5,-79 101.5,-56 0,-56"/>
<text text-anchor="start" x="42.12" y="-61.7" font-family="arial" font-size="14.00">TX</text>
<polygon fill="none" stroke="black" points="101.5,-56 101.5,-79 180,-79 180,-56 101.5,-56"/>
<text text-anchor="start" x="137" y="-61.7" font-family="arial" font-size="14.00">4</text>
</g>
<!-- W1 -->
<g id="node2" class="node">
<title>W1</title>
<polygon fill="#ffffff" stroke="black" points="591.25,-229.5 324,-229.5 324,0 591.25,0 591.25,-229.5"/>
<polygon fill="#ffffff" stroke="none" points="324,0 324,-229.5 591.25,-229.5 591.25,0 324,0"/>
<polygon fill="none" stroke="black" points="324,-205.75 324,-229.5 591.25,-229.5 591.25,-205.75 324,-205.75"/>
<text text-anchor="start" x="447.12" y="-212.2" font-family="arial" font-size="14.00">W1</text>
<polygon fill="none" stroke="black" points="324,-182 324,-205.75 366.5,-205.75 366.5,-182 324,-182"/>
<text text-anchor="start" x="328" y="-188.45" font-family="arial" font-size="14.00">Serial</text>
<polygon fill="none" stroke="black" points="366.5,-182 366.5,-205.75 388.75,-205.75 388.75,-182 366.5,-182"/>
<text text-anchor="start" x="370.5" y="-188.45" font-family="arial" font-size="14.00">4x</text>
<polygon fill="none" stroke="black" points="388.75,-182 388.75,-205.75 519.75,-205.75 519.75,-182 388.75,-182"/>
<text text-anchor="start" x="392.75" y="-188.45" font-family="arial" font-size="14.00">0.25 mm² (24 AWG)</text>
<polygon fill="none" stroke="black" points="519.75,-182 519.75,-205.75 548.75,-205.75 548.75,-182 519.75,-182"/>
<text text-anchor="start" x="523.75" y="-188.45" font-family="arial" font-size="14.00">+ S</text>
<polygon fill="none" stroke="black" points="548.75,-182 548.75,-205.75 591.25,-205.75 591.25,-182 548.75,-182"/>
<text text-anchor="start" x="552.75" y="-188.45" font-family="arial" font-size="14.00">0.2 m</text>
<text text-anchor="start" x="364.35" y="-166.7" font-family="arial" font-size="14.00"> </text>
<text text-anchor="start" x="326" y="-147.7" font-family="arial" font-size="14.00"> X1:1:GND</text>
<text text-anchor="start" x="417.3" y="-147.7" font-family="arial" font-size="14.00"> </text>
<text text-anchor="start" x="442.62" y="-147.7" font-family="arial" font-size="14.00">1:BN</text>
<text text-anchor="start" x="494.19" y="-147.7" font-family="arial" font-size="14.00"> </text>
<text text-anchor="start" x="523.25" y="-147.7" font-family="arial" font-size="14.00">X2:1:GND </text>
<text text-anchor="start" x="326" y="-122.7" font-family="arial" font-size="14.00"> X1:2:VCC</text>
<text text-anchor="start" x="417.3" y="-122.7" font-family="arial" font-size="14.00"> </text>
<text text-anchor="start" x="442.25" y="-122.7" font-family="arial" font-size="14.00">2:RD</text>
<text text-anchor="start" x="494.19" y="-122.7" font-family="arial" font-size="14.00"> </text>
<text text-anchor="start" x="525.5" y="-122.7" font-family="arial" font-size="14.00">X2:2:VCC </text>
<text text-anchor="start" x="326" y="-97.7" font-family="arial" font-size="14.00"> X1:3:RX</text>
<text text-anchor="start" x="417.3" y="-97.7" font-family="arial" font-size="14.00"> </text>
<text text-anchor="start" x="440.75" y="-97.7" font-family="arial" font-size="14.00">3:OG</text>
<text text-anchor="start" x="494.19" y="-97.7" font-family="arial" font-size="14.00"> </text>
<text text-anchor="start" x="536.75" y="-97.7" font-family="arial" font-size="14.00">X2:4:TX </text>
<text text-anchor="start" x="326" y="-72.7" font-family="arial" font-size="14.00"> X1:4:TX</text>
<text text-anchor="start" x="417.3" y="-72.7" font-family="arial" font-size="14.00"> </text>
<text text-anchor="start" x="443" y="-72.7" font-family="arial" font-size="14.00">4:YE</text>
<text text-anchor="start" x="494.19" y="-72.7" font-family="arial" font-size="14.00"> </text>
<text text-anchor="start" x="535.25" y="-72.7" font-family="arial" font-size="14.00">X2:3:RX </text>
<text text-anchor="start" x="364.35" y="-47.7" font-family="arial" font-size="14.00"> </text>
<text text-anchor="start" x="326" y="-28.7" font-family="arial" font-size="14.00"> X1:1:GND</text>
<text text-anchor="start" x="417.3" y="-28.7" font-family="arial" font-size="14.00"> </text>
<text text-anchor="start" x="438.87" y="-28.7" font-family="arial" font-size="14.00">Shield</text>
<text text-anchor="start" x="494.19" y="-28.7" font-family="arial" font-size="14.00"> </text>
<text text-anchor="start" x="585.5" y="-28.7" font-family="arial" font-size="14.00"> </text>
<text text-anchor="start" x="364.35" y="-3.7" 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="M180,-134.5C244.57,-134.58 260.51,-139.08 324,-139"/>
<path fill="none" stroke="#895956" stroke-width="2" d="M180,-136.5C244.03,-136.5 259.97,-141 324,-141"/>
<path fill="none" stroke="#000000" stroke-width="2" d="M180,-138.5C243.49,-138.42 259.43,-142.92 324,-143"/>
</g>
<!-- X1&#45;&#45;W1 -->
<g id="edge2" class="edge">
<title>X1:e&#45;&#45;W1:w</title>
<path fill="none" stroke="#000000" stroke-width="2" d="M180,-111.5C244.32,-111.52 260.3,-114.02 324,-114"/>
<path fill="none" stroke="#ff0000" stroke-width="2" d="M180,-113.5C244.01,-113.5 259.99,-116 324,-116"/>
<path fill="none" stroke="#000000" stroke-width="2" d="M180,-115.5C243.7,-115.48 259.68,-117.98 324,-118"/>
</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="M180,-88.5C244.06,-88.5 260.06,-89 324,-89"/>
<path fill="none" stroke="#ff8000" stroke-width="2" d="M180,-90.5C244,-90.5 260,-91 324,-91"/>
<path fill="none" stroke="#000000" stroke-width="2" d="M180,-92.5C243.94,-92.5 259.94,-93 324,-93"/>
</g>
<!-- X1&#45;&#45;W1 -->
<g id="edge4" class="edge">
<title>X1:e&#45;&#45;W1:w</title>
<path fill="none" stroke="#000000" stroke-width="2" d="M180,-65.5C243.81,-65.51 259.81,-64.01 324,-64"/>
<path fill="none" stroke="#ffff00" stroke-width="2" d="M180,-67.5C244,-67.5 260,-66 324,-66"/>
<path fill="none" stroke="#000000" stroke-width="2" d="M180,-69.5C244.19,-69.49 260.19,-67.99 324,-68"/>
</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="M180,-136.5C261.77,-136.5 242.23,-22 324,-22"/>
</g>
<!-- W1&#45;&#45;W1 -->
<g id="edge6" class="edge">
<title>W1:e&#45;&#45;W1:w</title>
<path fill="none" stroke="#000000" stroke-width="2" d="M591.25,-143C502.17,-143 413.08,-143 324,-143"/>
<path fill="none" stroke="#895956" stroke-width="2" d="M591.25,-141C502.17,-141 413.08,-141 324,-141"/>
<path fill="none" stroke="#000000" stroke-width="2" d="M591.25,-139C502.17,-139 413.08,-139 324,-139"/>
</g>
<!-- W1&#45;&#45;W1 -->
<g id="edge7" class="edge">
<title>W1:e&#45;&#45;W1:w</title>
<path fill="none" stroke="#000000" stroke-width="2" d="M591.25,-118C502.17,-118 413.08,-118 324,-118"/>
<path fill="none" stroke="#ff0000" stroke-width="2" d="M591.25,-116C502.17,-116 413.08,-116 324,-116"/>
<path fill="none" stroke="#000000" stroke-width="2" d="M591.25,-114C502.17,-114 413.08,-114 324,-114"/>
</g>
<!-- W1&#45;&#45;W1 -->
<g id="edge8" class="edge">
<title>W1:e&#45;&#45;W1:w</title>
<path fill="none" stroke="#000000" stroke-width="2" d="M591.25,-93C502.17,-93 413.08,-93 324,-93"/>
<path fill="none" stroke="#ff8000" stroke-width="2" d="M591.25,-91C502.17,-91 413.08,-91 324,-91"/>
<path fill="none" stroke="#000000" stroke-width="2" d="M591.25,-89C502.17,-89 413.08,-89 324,-89"/>
</g>
<!-- W1&#45;&#45;W1 -->
<g id="edge9" class="edge">
<title>W1:e&#45;&#45;W1:w</title>
<path fill="none" stroke="#000000" stroke-width="2" d="M591.25,-68C502.17,-68 413.08,-68 324,-68"/>
<path fill="none" stroke="#ffff00" stroke-width="2" d="M591.25,-66C502.17,-66 413.08,-66 324,-66"/>
<path fill="none" stroke="#000000" stroke-width="2" d="M591.25,-64C502.17,-64 413.08,-64 324,-64"/>
</g>
<!-- W1&#45;&#45;W1 -->
<g id="edge10" class="edge">
<title>W1:e&#45;&#45;W1:w</title>
<path fill="none" stroke="#000000" stroke-width="2" d="M591.25,-22C502.17,-22 413.08,-22 324,-22"/>
</g>
<!-- X2 -->
<g id="node3" class="node">
<title>X2</title>
<polygon fill="#ffffff" stroke="black" points="915.25,-198.5 735.25,-198.5 735.25,-59 915.25,-59 915.25,-198.5"/>
<polygon fill="#ffffff" stroke="none" points="735.25,-59 735.25,-198.5 915.25,-198.5 915.25,-59 735.25,-59"/>
<polygon fill="none" stroke="black" points="735.25,-174.75 735.25,-198.5 915.25,-198.5 915.25,-174.75 735.25,-174.75"/>
<text text-anchor="start" x="817" y="-181.2" font-family="arial" font-size="14.00">X2</text>
<polygon fill="none" stroke="black" points="735.25,-151 735.25,-174.75 828,-174.75 828,-151 735.25,-151"/>
<text text-anchor="start" x="739.25" y="-157.45" font-family="arial" font-size="14.00">Molex KK 254</text>
<polygon fill="none" stroke="black" points="828,-151 828,-174.75 877.25,-174.75 877.25,-151 828,-151"/>
<text text-anchor="start" x="832" y="-157.45" font-family="arial" font-size="14.00">female</text>
<polygon fill="none" stroke="black" points="877.25,-151 877.25,-174.75 915.25,-174.75 915.25,-151 877.25,-151"/>
<text text-anchor="start" x="881.25" y="-157.45" font-family="arial" font-size="14.00">4&#45;pin</text>
<polygon fill="none" stroke="black" points="735.25,-128 735.25,-151 813.75,-151 813.75,-128 735.25,-128"/>
<text text-anchor="start" x="770.75" y="-133.7" font-family="arial" font-size="14.00">1</text>
<polygon fill="none" stroke="black" points="813.75,-128 813.75,-151 915.25,-151 915.25,-128 813.75,-128"/>
<text text-anchor="start" x="849.12" y="-133.7" font-family="arial" font-size="14.00">GND</text>
<polygon fill="none" stroke="black" points="735.25,-105 735.25,-128 813.75,-128 813.75,-105 735.25,-105"/>
<text text-anchor="start" x="770.75" y="-110.7" font-family="arial" font-size="14.00">2</text>
<polygon fill="none" stroke="black" points="813.75,-105 813.75,-128 915.25,-128 915.25,-105 813.75,-105"/>
<text text-anchor="start" x="850.25" y="-110.7" font-family="arial" font-size="14.00">VCC</text>
<polygon fill="none" stroke="black" points="735.25,-82 735.25,-105 813.75,-105 813.75,-82 735.25,-82"/>
<text text-anchor="start" x="770.75" y="-87.7" font-family="arial" font-size="14.00">3</text>
<polygon fill="none" stroke="black" points="813.75,-82 813.75,-105 915.25,-105 915.25,-82 813.75,-82"/>
<text text-anchor="start" x="855.12" y="-87.7" font-family="arial" font-size="14.00">RX</text>
<polygon fill="none" stroke="black" points="735.25,-59 735.25,-82 813.75,-82 813.75,-59 735.25,-59"/>
<text text-anchor="start" x="770.75" y="-64.7" font-family="arial" font-size="14.00">4</text>
<polygon fill="none" stroke="black" points="813.75,-59 813.75,-82 915.25,-82 915.25,-59 813.75,-59"/>
<text text-anchor="start" x="855.88" y="-64.7" font-family="arial" font-size="14.00">TX</text>
</g>
<!-- W1&#45;&#45;X2 -->
<g id="edge11" class="edge">
<title>W1:e&#45;&#45;X2:w</title>
<path fill="none" stroke="#000000" stroke-width="2" d="M591.25,-139C655.06,-139.01 671.06,-137.51 735.25,-137.5"/>
<path fill="none" stroke="#895956" stroke-width="2" d="M591.25,-141C655.25,-141 671.25,-139.5 735.25,-139.5"/>
<path fill="none" stroke="#000000" stroke-width="2" d="M591.25,-143C655.44,-142.99 671.44,-141.49 735.25,-141.5"/>
</g>
<!-- W1&#45;&#45;X2 -->
<g id="edge12" class="edge">
<title>W1:e&#45;&#45;X2:w</title>
<path fill="none" stroke="#000000" stroke-width="2" d="M591.25,-114C655.31,-114 671.31,-114.5 735.25,-114.5"/>
<path fill="none" stroke="#ff0000" stroke-width="2" d="M591.25,-116C655.25,-116 671.25,-116.5 735.25,-116.5"/>
<path fill="none" stroke="#000000" stroke-width="2" d="M591.25,-118C655.19,-118 671.19,-118.5 735.25,-118.5"/>
</g>
<!-- W1&#45;&#45;X2 -->
<g id="edge13" class="edge">
<title>W1:e&#45;&#45;X2:w</title>
<path fill="none" stroke="#000000" stroke-width="2" d="M591.25,-89C654.27,-89.83 668.97,-69.33 735.25,-68.5"/>
<path fill="none" stroke="#ff8000" stroke-width="2" d="M591.25,-91C655.9,-91 670.6,-70.5 735.25,-70.5"/>
<path fill="none" stroke="#000000" stroke-width="2" d="M591.25,-93C657.53,-92.17 672.23,-71.67 735.25,-72.5"/>
</g>
<!-- W1&#45;&#45;X2 -->
<g id="edge14" class="edge">
<title>W1:e&#45;&#45;X2:w</title>
<path fill="none" stroke="#000000" stroke-width="2" d="M591.25,-64C658.2,-65.11 671.88,-92.61 735.25,-91.5"/>
<path fill="none" stroke="#ffff00" stroke-width="2" d="M591.25,-66C656.41,-66 670.09,-93.5 735.25,-93.5"/>
<path fill="none" stroke="#000000" stroke-width="2" d="M591.25,-68C654.62,-66.89 668.3,-94.39 735.25,-95.5"/>
</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_#">#</th>
<th class="bom_col_qty">Qty</th>
<th class="bom_col_unit">Unit</th>
<th class="bom_col_description">Description</th>
<th class="bom_col_designators">Designators</th>
</tr>
<tr>
<td class="bom_col_#">1</td>
<td class="bom_col_qty">2</td>
<td class="bom_col_unit"></td>
<td class="bom_col_description">Connector, Molex KK 254, female, 4 pins</td>
<td class="bom_col_designators">X1, X2</td>
</tr>
<tr>
<td class="bom_col_#">2</td>
<td class="bom_col_qty">1</td>
<td class="bom_col_unit">m</td>
<td class="bom_col_description">Cable, Serial, 4 x 0.25 mm² shielded</td>
<td class="bom_col_designators">W1</td>
</tr>
</table>
</div>
</body></html>