WireViz/examples/ex01.html
2025-03-01 20:35:41 +01:00

259 lines
16 KiB
HTML
Generated
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.

<!DOCTYPE html>
<html lang="en"><head>
<meta charset="UTF-8">
<meta name="generator" content="WireViz 0.5-dev+refactor - https://github.com/wireviz/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.2.1 (20241206.2353)
-->
<!-- Pages: 1 -->
<svg width="923pt" height="240pt"
viewBox="0.00 0.00 923.25 239.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 235.5)">
<polygon fill="#ffffff" stroke="none" points="-4,4 -4,-235.5 919.25,-235.5 919.25,4 -4,4"/>
<!-- X1 -->
<g id="node1" class="node">
<title>X1</title>
<polygon fill="#ffffff" stroke="black" points="180,-196 0,-196 0,-53.5 180,-53.5 180,-196"/>
<polygon fill="#ffffff" stroke="none" points="0,-53.5 0,-196 180,-196 180,-53.5 0,-53.5"/>
<polygon fill="none" stroke="black" points="0,-172.25 0,-196 180,-196 180,-172.25 0,-172.25"/>
<text text-anchor="start" x="81.75" y="-178.7" font-family="arial" font-size="14.00">X1</text>
<polygon fill="none" stroke="black" points="0,-148.5 0,-172.25 92.75,-172.25 92.75,-148.5 0,-148.5"/>
<text text-anchor="start" x="4" y="-154.95" font-family="arial" font-size="14.00">Molex KK 254</text>
<polygon fill="none" stroke="black" points="92.75,-148.5 92.75,-172.25 142,-172.25 142,-148.5 92.75,-148.5"/>
<text text-anchor="start" x="96.75" y="-154.95" font-family="arial" font-size="14.00">female</text>
<polygon fill="none" stroke="black" points="142,-148.5 142,-172.25 180,-172.25 180,-148.5 142,-148.5"/>
<text text-anchor="start" x="146" y="-154.95" font-family="arial" font-size="14.00">4&#45;pin</text>
<polygon fill="none" stroke="black" points="0,-124.75 0,-148.5 101.62,-148.5 101.62,-124.75 0,-124.75"/>
<text text-anchor="start" x="35.44" y="-131.2" font-family="arial" font-size="14.00">GND</text>
<polygon fill="none" stroke="black" points="101.62,-124.75 101.62,-148.5 180,-148.5 180,-124.75 101.62,-124.75"/>
<text text-anchor="start" x="137.06" y="-131.2" font-family="arial" font-size="14.00">1</text>
<polygon fill="none" stroke="black" points="0,-101 0,-124.75 101.62,-124.75 101.62,-101 0,-101"/>
<text text-anchor="start" x="36.56" y="-107.45" font-family="arial" font-size="14.00">VCC</text>
<polygon fill="none" stroke="black" points="101.62,-101 101.62,-124.75 180,-124.75 180,-101 101.62,-101"/>
<text text-anchor="start" x="137.06" y="-107.45" font-family="arial" font-size="14.00">2</text>
<polygon fill="none" stroke="black" points="0,-77.25 0,-101 101.62,-101 101.62,-77.25 0,-77.25"/>
<text text-anchor="start" x="41.44" y="-83.7" font-family="arial" font-size="14.00">RX</text>
<polygon fill="none" stroke="black" points="101.62,-77.25 101.62,-101 180,-101 180,-77.25 101.62,-77.25"/>
<text text-anchor="start" x="137.06" y="-83.7" font-family="arial" font-size="14.00">3</text>
<polygon fill="none" stroke="black" points="0,-53.5 0,-77.25 101.62,-77.25 101.62,-53.5 0,-53.5"/>
<text text-anchor="start" x="42.19" y="-59.95" font-family="arial" font-size="14.00">TX</text>
<polygon fill="none" stroke="black" points="101.62,-53.5 101.62,-77.25 180,-77.25 180,-53.5 101.62,-53.5"/>
<text text-anchor="start" x="137.06" y="-59.95" font-family="arial" font-size="14.00">4</text>
</g>
<!-- W1 -->
<g id="node3" class="node">
<title>W1</title>
<polygon fill="#ffffff" stroke="black" points="591.25,-231.5 324,-231.5 324,0 591.25,0 591.25,-231.5"/>
<polygon fill="#ffffff" stroke="none" points="324,0 324,-231.5 591.25,-231.5 591.25,0 324,0"/>
<polygon fill="none" stroke="black" points="324,-207.75 324,-231.5 591.25,-231.5 591.25,-207.75 324,-207.75"/>
<text text-anchor="start" x="447.12" y="-214.2" font-family="arial" font-size="14.00">W1</text>
<polygon fill="none" stroke="black" points="324,-184 324,-207.75 366.5,-207.75 366.5,-184 324,-184"/>
<text text-anchor="start" x="328" y="-190.45" font-family="arial" font-size="14.00">Serial</text>
<polygon fill="none" stroke="black" points="366.5,-184 366.5,-207.75 388.75,-207.75 388.75,-184 366.5,-184"/>
<text text-anchor="start" x="370.5" y="-190.45" font-family="arial" font-size="14.00">4x</text>
<polygon fill="none" stroke="black" points="388.75,-184 388.75,-207.75 519.75,-207.75 519.75,-184 388.75,-184"/>
<text text-anchor="start" x="392.75" y="-190.45" font-family="arial" font-size="14.00">0.25 mm² (24 AWG)</text>
<polygon fill="none" stroke="black" points="519.75,-184 519.75,-207.75 548.75,-207.75 548.75,-184 519.75,-184"/>
<text text-anchor="start" x="523.75" y="-190.45" font-family="arial" font-size="14.00">+ S</text>
<polygon fill="none" stroke="black" points="548.75,-184 548.75,-207.75 591.25,-207.75 591.25,-184 548.75,-184"/>
<text text-anchor="start" x="552.75" y="-190.45" font-family="arial" font-size="14.00">0.2 m</text>
<text text-anchor="start" x="364.15" y="-168.7" font-family="arial" font-size="14.00"> </text>
<text text-anchor="start" x="326" y="-148.95" font-family="arial" font-size="14.00"> X1:1:GND</text>
<text text-anchor="start" x="417.07" y="-148.95" font-family="arial" font-size="14.00"> </text>
<text text-anchor="start" x="442.62" y="-148.95" font-family="arial" font-size="14.00">1:BN</text>
<text text-anchor="start" x="494.43" y="-148.95" font-family="arial" font-size="14.00"> </text>
<text text-anchor="start" x="523.25" y="-148.95" font-family="arial" font-size="14.00">X2:1:GND </text>
<polygon fill="#000000" stroke="none" points="324,-142.5 324,-144.5 591.25,-144.5 591.25,-142.5 324,-142.5"/>
<polygon fill="#895956" stroke="none" points="324,-140.5 324,-142.5 591.25,-142.5 591.25,-140.5 324,-140.5"/>
<polygon fill="#000000" stroke="none" points="324,-138.5 324,-140.5 591.25,-140.5 591.25,-138.5 324,-138.5"/>
<text text-anchor="start" x="326" y="-123.2" font-family="arial" font-size="14.00"> X1:2:VCC</text>
<text text-anchor="start" x="417.07" y="-123.2" font-family="arial" font-size="14.00"> </text>
<text text-anchor="start" x="442.25" y="-123.2" font-family="arial" font-size="14.00">2:RD</text>
<text text-anchor="start" x="494.43" y="-123.2" font-family="arial" font-size="14.00"> </text>
<text text-anchor="start" x="525.5" y="-123.2" font-family="arial" font-size="14.00">X2:2:VCC </text>
<polygon fill="#000000" stroke="none" points="324,-116.75 324,-118.75 591.25,-118.75 591.25,-116.75 324,-116.75"/>
<polygon fill="#ff0000" stroke="none" points="324,-114.75 324,-116.75 591.25,-116.75 591.25,-114.75 324,-114.75"/>
<polygon fill="#000000" stroke="none" points="324,-112.75 324,-114.75 591.25,-114.75 591.25,-112.75 324,-112.75"/>
<text text-anchor="start" x="326" y="-97.45" font-family="arial" font-size="14.00"> X1:3:RX</text>
<text text-anchor="start" x="417.07" y="-97.45" font-family="arial" font-size="14.00"> </text>
<text text-anchor="start" x="440.75" y="-97.45" font-family="arial" font-size="14.00">3:OG</text>
<text text-anchor="start" x="494.43" y="-97.45" font-family="arial" font-size="14.00"> </text>
<text text-anchor="start" x="536.75" y="-97.45" font-family="arial" font-size="14.00">X2:4:TX </text>
<polygon fill="#000000" stroke="none" points="324,-91 324,-93 591.25,-93 591.25,-91 324,-91"/>
<polygon fill="#ff8000" stroke="none" points="324,-89 324,-91 591.25,-91 591.25,-89 324,-89"/>
<polygon fill="#000000" stroke="none" points="324,-87 324,-89 591.25,-89 591.25,-87 324,-87"/>
<text text-anchor="start" x="326" y="-71.7" font-family="arial" font-size="14.00"> X1:4:TX</text>
<text text-anchor="start" x="417.07" y="-71.7" font-family="arial" font-size="14.00"> </text>
<text text-anchor="start" x="443" y="-71.7" font-family="arial" font-size="14.00">4:YE</text>
<text text-anchor="start" x="494.43" y="-71.7" font-family="arial" font-size="14.00"> </text>
<text text-anchor="start" x="535.25" y="-71.7" font-family="arial" font-size="14.00">X2:3:RX </text>
<polygon fill="#000000" stroke="none" points="324,-65.25 324,-67.25 591.25,-67.25 591.25,-65.25 324,-65.25"/>
<polygon fill="#ffff00" stroke="none" points="324,-63.25 324,-65.25 591.25,-65.25 591.25,-63.25 324,-63.25"/>
<polygon fill="#000000" stroke="none" points="324,-61.25 324,-63.25 591.25,-63.25 591.25,-61.25 324,-61.25"/>
<text text-anchor="start" x="364.15" y="-45.95" font-family="arial" font-size="14.00"> </text>
<text text-anchor="start" x="326" y="-26.2" font-family="arial" font-size="14.00"> X1:1:GND</text>
<text text-anchor="start" x="417.07" y="-26.2" font-family="arial" font-size="14.00"> </text>
<text text-anchor="start" x="438.88" y="-26.2" font-family="arial" font-size="14.00">Shield</text>
<text text-anchor="start" x="494.43" y="-26.2" font-family="arial" font-size="14.00"> </text>
<text text-anchor="start" x="585.5" y="-26.2" font-family="arial" font-size="14.00"> </text>
<polygon fill="#000000" stroke="none" points="324,-19.75 324,-21.75 591.25,-21.75 591.25,-19.75 324,-19.75"/>
<text text-anchor="start" x="364.15" y="-4.45" 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.63C244.62,-134.71 260.55,-139.59 324,-139.5"/>
<path fill="none" stroke="#895956" stroke-width="2" d="M180,-136.62C244.04,-136.63 259.96,-141.5 324,-141.5"/>
<path fill="none" stroke="#000000" stroke-width="2" d="M180,-138.62C243.45,-138.54 259.38,-143.41 324,-143.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="M180,-110.88C244.37,-110.91 260.34,-113.78 324,-113.75"/>
<path fill="none" stroke="#ff0000" stroke-width="2" d="M180,-112.88C244.01,-112.87 259.99,-115.75 324,-115.75"/>
<path fill="none" stroke="#000000" stroke-width="2" d="M180,-114.87C243.66,-114.84 259.63,-117.72 324,-117.75"/>
</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,-87.13C244.11,-87.13 260.11,-88 324,-88"/>
<path fill="none" stroke="#ff8000" stroke-width="2" d="M180,-89.13C244,-89.12 260,-90 324,-90"/>
<path fill="none" stroke="#000000" stroke-width="2" d="M180,-91.12C243.89,-91.12 259.89,-92 324,-92"/>
</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="M180,-63.38C243.86,-63.38 259.86,-62.25 324,-62.25"/>
<path fill="none" stroke="#ffff00" stroke-width="2" d="M180,-65.38C244,-65.38 260,-64.25 324,-64.25"/>
<path fill="none" stroke="#000000" stroke-width="2" d="M180,-67.37C244.14,-67.37 260.14,-66.25 324,-66.25"/>
</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="M180,-136.62C262.15,-136.62 241.85,-20.75 324,-20.75"/>
</g>
<!-- X2 -->
<g id="node2" class="node">
<title>X2</title>
<polygon fill="#ffffff" stroke="black" points="915.25,-199 735.25,-199 735.25,-56.5 915.25,-56.5 915.25,-199"/>
<polygon fill="#ffffff" stroke="none" points="735.25,-56.5 735.25,-199 915.25,-199 915.25,-56.5 735.25,-56.5"/>
<polygon fill="none" stroke="black" points="735.25,-175.25 735.25,-199 915.25,-199 915.25,-175.25 735.25,-175.25"/>
<text text-anchor="start" x="817" y="-181.7" font-family="arial" font-size="14.00">X2</text>
<polygon fill="none" stroke="black" points="735.25,-151.5 735.25,-175.25 828,-175.25 828,-151.5 735.25,-151.5"/>
<text text-anchor="start" x="739.25" y="-157.95" font-family="arial" font-size="14.00">Molex KK 254</text>
<polygon fill="none" stroke="black" points="828,-151.5 828,-175.25 877.25,-175.25 877.25,-151.5 828,-151.5"/>
<text text-anchor="start" x="832" y="-157.95" font-family="arial" font-size="14.00">female</text>
<polygon fill="none" stroke="black" points="877.25,-151.5 877.25,-175.25 915.25,-175.25 915.25,-151.5 877.25,-151.5"/>
<text text-anchor="start" x="881.25" y="-157.95" font-family="arial" font-size="14.00">4&#45;pin</text>
<polygon fill="none" stroke="black" points="735.25,-127.75 735.25,-151.5 813.62,-151.5 813.62,-127.75 735.25,-127.75"/>
<text text-anchor="start" x="770.69" y="-134.2" font-family="arial" font-size="14.00">1</text>
<polygon fill="none" stroke="black" points="813.62,-127.75 813.62,-151.5 915.25,-151.5 915.25,-127.75 813.62,-127.75"/>
<text text-anchor="start" x="849.06" y="-134.2" font-family="arial" font-size="14.00">GND</text>
<polygon fill="none" stroke="black" points="735.25,-104 735.25,-127.75 813.62,-127.75 813.62,-104 735.25,-104"/>
<text text-anchor="start" x="770.69" y="-110.45" font-family="arial" font-size="14.00">2</text>
<polygon fill="none" stroke="black" points="813.62,-104 813.62,-127.75 915.25,-127.75 915.25,-104 813.62,-104"/>
<text text-anchor="start" x="850.19" y="-110.45" font-family="arial" font-size="14.00">VCC</text>
<polygon fill="none" stroke="black" points="735.25,-80.25 735.25,-104 813.62,-104 813.62,-80.25 735.25,-80.25"/>
<text text-anchor="start" x="770.69" y="-86.7" font-family="arial" font-size="14.00">3</text>
<polygon fill="none" stroke="black" points="813.62,-80.25 813.62,-104 915.25,-104 915.25,-80.25 813.62,-80.25"/>
<text text-anchor="start" x="855.06" y="-86.7" font-family="arial" font-size="14.00">RX</text>
<polygon fill="none" stroke="black" points="735.25,-56.5 735.25,-80.25 813.62,-80.25 813.62,-56.5 735.25,-56.5"/>
<text text-anchor="start" x="770.69" y="-62.95" font-family="arial" font-size="14.00">4</text>
<polygon fill="none" stroke="black" points="813.62,-56.5 813.62,-80.25 915.25,-80.25 915.25,-56.5 813.62,-56.5"/>
<text text-anchor="start" x="855.81" y="-62.95" 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="M591.25,-139.5C655.02,-139.51 671.01,-137.64 735.25,-137.63"/>
<path fill="none" stroke="#895956" stroke-width="2" d="M591.25,-141.5C655.26,-141.5 671.24,-139.62 735.25,-139.62"/>
<path fill="none" stroke="#000000" stroke-width="2" d="M591.25,-143.5C655.49,-143.49 671.48,-141.61 735.25,-141.62"/>
</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="M591.25,-113.75C655.27,-113.75 671.27,-113.88 735.25,-113.88"/>
<path fill="none" stroke="#ff0000" stroke-width="2" d="M591.25,-115.75C655.25,-115.75 671.25,-115.87 735.25,-115.87"/>
<path fill="none" stroke="#000000" stroke-width="2" d="M591.25,-117.75C655.23,-117.75 671.23,-117.87 735.25,-117.87"/>
</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="M591.25,-88C654.31,-88.88 668.87,-67.26 735.25,-66.38"/>
<path fill="none" stroke="#ff8000" stroke-width="2" d="M591.25,-90C655.97,-90 670.53,-68.38 735.25,-68.38"/>
<path fill="none" stroke="#000000" stroke-width="2" d="M591.25,-92C657.63,-91.12 672.19,-69.49 735.25,-70.37"/>
</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="M591.25,-62.25C658.23,-63.37 671.86,-91.25 735.25,-90.13"/>
<path fill="none" stroke="#ffff00" stroke-width="2" d="M591.25,-64.25C656.44,-64.25 670.06,-92.13 735.25,-92.12"/>
<path fill="none" stroke="#000000" stroke-width="2" d="M591.25,-66.25C654.64,-65.13 668.27,-93 735.25,-94.12"/>
</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>