WireViz/examples/demo01.html
Tobias Falk 17407c195f
Some checks failed
Create Examples / build (ubuntu-22.04, 3.7) (push) Has been cancelled
Create Examples / build (ubuntu-22.04, 3.8) (push) Has been cancelled
Create Examples / build (ubuntu-latest, 3.10) (push) Has been cancelled
Create Examples / build (ubuntu-latest, 3.11) (push) Has been cancelled
Create Examples / build (ubuntu-latest, 3.12) (push) Has been cancelled
Create Examples / build (ubuntu-latest, 3.9) (push) Has been cancelled
rerun examples
2025-03-12 23:02:46 +01: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.5-dev+refactor - https://github.com/wireviz/WireViz">
<title>demo01</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>demo01</h1>
<h2>Diagram</h2>
<div id="description">
<!-- %description% -->
</div>
<div id="diagram">
<!-- XML and DOCTYPE declarations from SVG file removed -->
<!-- Generated by graphviz version 11.0.0 (20240428.1522)
-->
<!-- Pages: 1 -->
<svg width="827pt" height="305pt"
viewBox="0.00 0.00 826.75 305.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 301)">
<polygon fill="#ffffff" stroke="none" points="-4,4 -4,-301 822.75,-301 822.75,4 -4,4"/>
<!-- X1 -->
<g id="node1" class="node">
<title>X1</title>
<polygon fill="#ffffff" stroke="black" points="139.5,-265 0,-265 0,0 139.5,0 139.5,-265"/>
<polygon fill="#ffffff" stroke="none" points="0,0 0,-265 139.5,-265 139.5,0 0,0"/>
<polygon fill="none" stroke="black" points="0,-240.5 0,-265 139.5,-265 139.5,-240.5 0,-240.5"/>
<text text-anchor="start" x="60.75" y="-247.7" font-family="arial" font-size="14.00">X1</text>
<polygon fill="none" stroke="black" points="0,-216 0,-240.5 48.5,-240.5 48.5,-216 0,-216"/>
<text text-anchor="start" x="4" y="-223.2" font-family="arial" font-size="14.00">D&#45;Sub</text>
<polygon fill="none" stroke="black" points="48.5,-216 48.5,-240.5 100,-240.5 100,-216 48.5,-216"/>
<text text-anchor="start" x="52.5" y="-223.2" font-family="arial" font-size="14.00">female</text>
<polygon fill="none" stroke="black" points="100,-216 100,-240.5 139.5,-240.5 139.5,-216 100,-216"/>
<text text-anchor="start" x="104" y="-223.2" font-family="arial" font-size="14.00">9&#45;pin</text>
<polygon fill="none" stroke="black" points="0,-192 0,-216 81.25,-216 81.25,-192 0,-192"/>
<text text-anchor="start" x="24.88" y="-198.7" font-family="arial" font-size="14.00">DCD</text>
<polygon fill="none" stroke="black" points="81.25,-192 81.25,-216 139.5,-216 139.5,-192 81.25,-192"/>
<text text-anchor="start" x="106.25" y="-198.7" font-family="arial" font-size="14.00">1</text>
<polygon fill="none" stroke="black" points="0,-168 0,-192 81.25,-192 81.25,-168 0,-168"/>
<text text-anchor="start" x="30.5" y="-174.7" font-family="arial" font-size="14.00">RX</text>
<polygon fill="none" stroke="black" points="81.25,-168 81.25,-192 139.5,-192 139.5,-168 81.25,-168"/>
<text text-anchor="start" x="106.25" y="-174.7" font-family="arial" font-size="14.00">2</text>
<polygon fill="none" stroke="black" points="0,-144 0,-168 81.25,-168 81.25,-144 0,-144"/>
<text text-anchor="start" x="31.25" y="-150.7" font-family="arial" font-size="14.00">TX</text>
<polygon fill="none" stroke="black" points="81.25,-144 81.25,-168 139.5,-168 139.5,-144 81.25,-144"/>
<text text-anchor="start" x="106.25" y="-150.7" font-family="arial" font-size="14.00">3</text>
<polygon fill="none" stroke="black" points="0,-120 0,-144 81.25,-144 81.25,-120 0,-120"/>
<text text-anchor="start" x="25.62" y="-126.7" font-family="arial" font-size="14.00">DTR</text>
<polygon fill="none" stroke="black" points="81.25,-120 81.25,-144 139.5,-144 139.5,-120 81.25,-120"/>
<text text-anchor="start" x="106.25" y="-126.7" font-family="arial" font-size="14.00">4</text>
<polygon fill="none" stroke="black" points="0,-96 0,-120 81.25,-120 81.25,-96 0,-96"/>
<text text-anchor="start" x="24.88" y="-102.7" font-family="arial" font-size="14.00">GND</text>
<polygon fill="none" stroke="black" points="81.25,-96 81.25,-120 139.5,-120 139.5,-96 81.25,-96"/>
<text text-anchor="start" x="106.25" y="-102.7" font-family="arial" font-size="14.00">5</text>
<polygon fill="none" stroke="black" points="0,-72 0,-96 81.25,-96 81.25,-72 0,-72"/>
<text text-anchor="start" x="25.25" y="-78.7" font-family="arial" font-size="14.00">DSR</text>
<polygon fill="none" stroke="black" points="81.25,-72 81.25,-96 139.5,-96 139.5,-72 81.25,-72"/>
<text text-anchor="start" x="106.25" y="-78.7" font-family="arial" font-size="14.00">6</text>
<polygon fill="none" stroke="black" points="0,-48 0,-72 81.25,-72 81.25,-48 0,-48"/>
<text text-anchor="start" x="26" y="-54.7" font-family="arial" font-size="14.00">RTS</text>
<polygon fill="none" stroke="black" points="81.25,-48 81.25,-72 139.5,-72 139.5,-48 81.25,-48"/>
<text text-anchor="start" x="106.25" y="-54.7" font-family="arial" font-size="14.00">7</text>
<polygon fill="none" stroke="black" points="0,-24 0,-48 81.25,-48 81.25,-24 0,-24"/>
<text text-anchor="start" x="26" y="-30.7" font-family="arial" font-size="14.00">CTS</text>
<polygon fill="none" stroke="black" points="81.25,-24 81.25,-48 139.5,-48 139.5,-24 81.25,-24"/>
<text text-anchor="start" x="106.25" y="-30.7" font-family="arial" font-size="14.00">8</text>
<polygon fill="none" stroke="black" points="0,0 0,-24 81.25,-24 81.25,0 0,0"/>
<text text-anchor="start" x="33.12" y="-6.7" font-family="arial" font-size="14.00">RI</text>
<polygon fill="none" stroke="black" points="81.25,0 81.25,-24 139.5,-24 139.5,0 81.25,0"/>
<text text-anchor="start" x="106.25" y="-6.7" font-family="arial" font-size="14.00">9</text>
</g>
<!-- X1&#45;&#45;X1 -->
<g id="edge1" class="edge">
<title>X1:e&#45;&#45;X1:e</title>
<path fill="none" stroke="#000000" stroke-width="2" d="M139.5,-60C163.12,-72 210.38,-72 210.38,-48 210.38,-24 163.12,-24 139.5,-36"/>
</g>
<!-- W1 -->
<g id="node2" class="node">
<title>W1</title>
<polygon fill="#ffffff" stroke="black" points="486.5,-297 283.5,-297 283.5,-84 486.5,-84 486.5,-297"/>
<polygon fill="#ffffff" stroke="none" points="283.5,-84 283.5,-297 486.5,-297 486.5,-84 283.5,-84"/>
<polygon fill="none" stroke="black" points="283.5,-272.5 283.5,-297 486.5,-297 486.5,-272.5 283.5,-272.5"/>
<text text-anchor="start" x="373.75" y="-279.7" font-family="arial" font-size="14.00">W1</text>
<polygon fill="none" stroke="black" points="283.5,-248 283.5,-272.5 315.88,-272.5 315.88,-248 283.5,-248"/>
<text text-anchor="start" x="292.19" y="-255.2" font-family="arial" font-size="14.00">3x</text>
<polygon fill="none" stroke="black" points="315.88,-248 315.88,-272.5 394,-272.5 394,-248 315.88,-248"/>
<text text-anchor="start" x="324.56" y="-255.2" font-family="arial" font-size="14.00">0.25 mm²</text>
<polygon fill="none" stroke="black" points="394,-248 394,-272.5 433.12,-272.5 433.12,-248 394,-248"/>
<text text-anchor="start" x="402.69" y="-255.2" font-family="arial" font-size="14.00">+ S</text>
<polygon fill="none" stroke="black" points="433.12,-248 433.12,-272.5 486.5,-272.5 486.5,-248 433.12,-248"/>
<text text-anchor="start" x="441.81" y="-255.2" font-family="arial" font-size="14.00">0.2 m</text>
<text text-anchor="start" x="318.12" y="-232.7" font-family="arial" font-size="14.00"> </text>
<text text-anchor="start" x="285.5" y="-212.7" font-family="arial" font-size="14.00"> X1:5:GND</text>
<text text-anchor="start" x="358.12" y="-212.7" font-family="arial" font-size="14.00"> </text>
<text text-anchor="start" x="367" y="-212.7" font-family="arial" font-size="14.00">1:WH</text>
<text text-anchor="start" x="408.12" y="-212.7" font-family="arial" font-size="14.00"> </text>
<text text-anchor="start" x="415.5" y="-212.7" font-family="arial" font-size="14.00">X2:1:GND </text>
<text text-anchor="start" x="285.5" y="-186.7" font-family="arial" font-size="14.00"> X1:2:RX</text>
<text text-anchor="start" x="358.12" y="-186.7" font-family="arial" font-size="14.00"> </text>
<text text-anchor="start" x="369.25" y="-186.7" font-family="arial" font-size="14.00">2:BN</text>
<text text-anchor="start" x="408.12" y="-186.7" font-family="arial" font-size="14.00"> </text>
<text text-anchor="start" x="428.25" y="-186.7" font-family="arial" font-size="14.00">X2:3:TX </text>
<text text-anchor="start" x="285.5" y="-160.7" font-family="arial" font-size="14.00"> X1:3:TX</text>
<text text-anchor="start" x="358.12" y="-160.7" font-family="arial" font-size="14.00"> </text>
<text text-anchor="start" x="368.5" y="-160.7" font-family="arial" font-size="14.00">3:GN</text>
<text text-anchor="start" x="408.12" y="-160.7" font-family="arial" font-size="14.00"> </text>
<text text-anchor="start" x="426.75" y="-160.7" font-family="arial" font-size="14.00">X2:2:RX </text>
<text text-anchor="start" x="318.12" y="-134.7" font-family="arial" font-size="14.00"> </text>
<text text-anchor="start" x="285.5" y="-114.7" font-family="arial" font-size="14.00"> X1:5:GND</text>
<text text-anchor="start" x="358.12" y="-114.7" font-family="arial" font-size="14.00"> </text>
<text text-anchor="start" x="365.12" y="-114.7" font-family="arial" font-size="14.00">Shield</text>
<text text-anchor="start" x="408.12" y="-114.7" font-family="arial" font-size="14.00"> </text>
<text text-anchor="start" x="480.75" y="-114.7" font-family="arial" font-size="14.00"> </text>
<text text-anchor="start" x="318.12" y="-88.7" font-family="arial" font-size="14.00"> </text>
</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="M139.5,-106C218.66,-108.21 208.32,-205.21 283.5,-203"/>
<path fill="none" stroke="#ffffff" stroke-width="2" d="M139.5,-108C216.67,-108 206.33,-205 283.5,-205"/>
<path fill="none" stroke="#000000" stroke-width="2" d="M139.5,-110C214.68,-107.79 204.34,-204.79 283.5,-207"/>
</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="M139.5,-178C203.38,-178.01 219.38,-177.01 283.5,-177"/>
<path fill="none" stroke="#895956" stroke-width="2" d="M139.5,-180C203.5,-180 219.5,-179 283.5,-179"/>
<path fill="none" stroke="#000000" stroke-width="2" d="M139.5,-182C203.62,-182 219.62,-181 283.5,-181"/>
</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="M139.5,-154C203.14,-154.04 219.12,-151.04 283.5,-151"/>
<path fill="none" stroke="#00aa00" stroke-width="2" d="M139.5,-156C203.51,-156 219.49,-153 283.5,-153"/>
<path fill="none" stroke="#000000" stroke-width="2" d="M139.5,-158C203.88,-157.97 219.86,-154.97 283.5,-155"/>
</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="M139.5,-108C203.5,-108 219.5,-107 283.5,-107"/>
</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="M486.5,-207C418.83,-207 351.17,-207 283.5,-207"/>
<path fill="none" stroke="#ffffff" stroke-width="2" d="M486.5,-205C418.83,-205 351.17,-205 283.5,-205"/>
<path fill="none" stroke="#000000" stroke-width="2" d="M486.5,-203C418.83,-203 351.17,-203 283.5,-203"/>
</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="M486.5,-181C418.83,-181 351.17,-181 283.5,-181"/>
<path fill="none" stroke="#895956" stroke-width="2" d="M486.5,-179C418.83,-179 351.17,-179 283.5,-179"/>
<path fill="none" stroke="#000000" stroke-width="2" d="M486.5,-177C418.83,-177 351.17,-177 283.5,-177"/>
</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="M486.5,-155C418.83,-155 351.17,-155 283.5,-155"/>
<path fill="none" stroke="#00aa00" stroke-width="2" d="M486.5,-153C418.83,-153 351.17,-153 283.5,-153"/>
<path fill="none" stroke="#000000" stroke-width="2" d="M486.5,-151C418.83,-151 351.17,-151 283.5,-151"/>
</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="M486.5,-107C418.83,-107 351.17,-107 283.5,-107"/>
</g>
<!-- X2 -->
<g id="node3" class="node">
<title>X2</title>
<polygon fill="#ffffff" stroke="black" points="818.75,-269 630.49,-269 630.49,-148 818.75,-148 818.75,-269"/>
<polygon fill="#ffffff" stroke="none" points="630.5,-148 630.5,-269 818.75,-269 818.75,-148 630.5,-148"/>
<polygon fill="none" stroke="black" points="630.5,-244.5 630.5,-269 818.75,-269 818.75,-244.5 630.5,-244.5"/>
<text text-anchor="start" x="715.62" y="-251.7" font-family="arial" font-size="14.00">X2</text>
<polygon fill="none" stroke="black" points="630.5,-220 630.5,-244.5 727.75,-244.5 727.75,-220 630.5,-220"/>
<text text-anchor="start" x="634.5" y="-227.2" font-family="arial" font-size="14.00">Molex KK 254</text>
<polygon fill="none" stroke="black" points="727.75,-220 727.75,-244.5 779.25,-244.5 779.25,-220 727.75,-220"/>
<text text-anchor="start" x="731.75" y="-227.2" font-family="arial" font-size="14.00">female</text>
<polygon fill="none" stroke="black" points="779.25,-220 779.25,-244.5 818.75,-244.5 818.75,-220 779.25,-220"/>
<text text-anchor="start" x="783.25" y="-227.2" font-family="arial" font-size="14.00">3&#45;pin</text>
<polygon fill="none" stroke="black" points="630.5,-196 630.5,-220 713.12,-220 713.12,-196 630.5,-196"/>
<text text-anchor="start" x="667.68" y="-202.7" font-family="arial" font-size="14.00">1</text>
<polygon fill="none" stroke="black" points="713.12,-196 713.12,-220 818.75,-220 818.75,-196 713.12,-196"/>
<text text-anchor="start" x="750.18" y="-202.7" font-family="arial" font-size="14.00">GND</text>
<polygon fill="none" stroke="black" points="630.5,-172 630.5,-196 713.12,-196 713.12,-172 630.5,-172"/>
<text text-anchor="start" x="667.68" y="-178.7" font-family="arial" font-size="14.00">2</text>
<polygon fill="none" stroke="black" points="713.12,-172 713.12,-196 818.75,-196 818.75,-172 713.12,-172"/>
<text text-anchor="start" x="755.81" y="-178.7" font-family="arial" font-size="14.00">RX</text>
<polygon fill="none" stroke="black" points="630.5,-148 630.5,-172 713.12,-172 713.12,-148 630.5,-148"/>
<text text-anchor="start" x="667.68" y="-154.7" font-family="arial" font-size="14.00">3</text>
<polygon fill="none" stroke="black" points="713.12,-148 713.12,-172 818.75,-172 818.75,-148 713.12,-148"/>
<text text-anchor="start" x="756.56" y="-154.7" font-family="arial" font-size="14.00">TX</text>
</g>
<!-- W1&#45;&#45;X2 -->
<g id="edge10" class="edge">
<title>W1:e&#45;&#45;X2:w</title>
<path fill="none" stroke="#000000" stroke-width="2" d="M486.5,-203C550.88,-203.04 566.86,-206.04 630.5,-206"/>
<path fill="none" stroke="#ffffff" stroke-width="2" d="M486.5,-205C550.51,-205 566.49,-208 630.5,-208"/>
<path fill="none" stroke="#000000" stroke-width="2" d="M486.5,-207C550.14,-206.97 566.12,-209.97 630.5,-210"/>
</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="M486.5,-177C549.48,-177.77 564.38,-158.77 630.5,-158"/>
<path fill="none" stroke="#895956" stroke-width="2" d="M486.5,-179C551.05,-179 565.95,-160 630.5,-160"/>
<path fill="none" stroke="#000000" stroke-width="2" d="M486.5,-181C552.62,-180.24 567.52,-161.24 630.5,-162"/>
</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="M486.5,-151C553.81,-152.23 566.87,-183.23 630.5,-182"/>
<path fill="none" stroke="#00aa00" stroke-width="2" d="M486.5,-153C551.97,-153 565.03,-184 630.5,-184"/>
<path fill="none" stroke="#000000" stroke-width="2" d="M486.5,-155C550.13,-153.78 563.19,-184.78 630.5,-186"/>
</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">1</td>
<td class="bom_col_unit"></td>
<td class="bom_col_description">Connector, D-Sub, female, 9 pins</td>
<td class="bom_col_designators">X1</td>
</tr>
<tr>
<td class="bom_col_#">2</td>
<td class="bom_col_qty">1</td>
<td class="bom_col_unit"></td>
<td class="bom_col_description">Connector, Molex KK 254, female, 3 pins</td>
<td class="bom_col_designators">X2</td>
</tr>
<tr>
<td class="bom_col_#">3</td>
<td class="bom_col_qty">1</td>
<td class="bom_col_unit">m</td>
<td class="bom_col_description">Cable, 3 x 0.25 mm² shielded</td>
<td class="bom_col_designators">W1</td>
</tr>
</table>
</div>
</body></html>