warehack.ing/WireViz
2
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity
WireViz/examples/demo01.html
Daniel Rojas b1d02b9d7f Rebuild examples
2025-03-01 20:35:41 +01:00

258 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 12.2.1 (20241206.2353)
-->
<!-- Pages: 1 -->
<svg width="807pt" height="301pt"
viewBox="0.00 0.00 806.50 300.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 296.5)">
<polygon fill="#ffffff" stroke="none" points="-4,4 -4,-296.5 802.5,-296.5 802.5,4 -4,4"/>
<!-- X1 -->
<g id="node1" class="node">
<title>X1</title>
<polygon fill="#ffffff" stroke="black" points="133.5,-261.25 0,-261.25 0,0 133.5,0 133.5,-261.25"/>
<polygon fill="#ffffff" stroke="none" points="0,0 0,-261.25 133.5,-261.25 133.5,0 0,0"/>
<polygon fill="none" stroke="black" points="0,-237.5 0,-261.25 133.5,-261.25 133.5,-237.5 0,-237.5"/>
<text text-anchor="start" x="58.5" y="-243.95" font-family="arial" font-size="14.00">X1</text>
<polygon fill="none" stroke="black" points="0,-213.75 0,-237.5 46.25,-237.5 46.25,-213.75 0,-213.75"/>
<text text-anchor="start" x="4" y="-220.2" font-family="arial" font-size="14.00">D&#45;Sub</text>
<polygon fill="none" stroke="black" points="46.25,-213.75 46.25,-237.5 95.5,-237.5 95.5,-213.75 46.25,-213.75"/>
<text text-anchor="start" x="50.25" y="-220.2" font-family="arial" font-size="14.00">female</text>
<polygon fill="none" stroke="black" points="95.5,-213.75 95.5,-237.5 133.5,-237.5 133.5,-213.75 95.5,-213.75"/>
<text text-anchor="start" x="99.5" y="-220.2" font-family="arial" font-size="14.00">9&#45;pin</text>
<polygon fill="none" stroke="black" points="0,-190 0,-213.75 78.38,-213.75 78.38,-190 0,-190"/>
<text text-anchor="start" x="24.56" y="-196.45" font-family="arial" font-size="14.00">DCD</text>
<polygon fill="none" stroke="black" points="78.38,-190 78.38,-213.75 133.5,-213.75 133.5,-190 78.38,-190"/>
<text text-anchor="start" x="102.19" y="-196.45" font-family="arial" font-size="14.00">1</text>
<polygon fill="none" stroke="black" points="0,-166.25 0,-190 78.38,-190 78.38,-166.25 0,-166.25"/>
<text text-anchor="start" x="29.81" y="-172.7" font-family="arial" font-size="14.00">RX</text>
<polygon fill="none" stroke="black" points="78.38,-166.25 78.38,-190 133.5,-190 133.5,-166.25 78.38,-166.25"/>
<text text-anchor="start" x="102.19" y="-172.7" font-family="arial" font-size="14.00">2</text>
<polygon fill="none" stroke="black" points="0,-142.5 0,-166.25 78.38,-166.25 78.38,-142.5 0,-142.5"/>
<text text-anchor="start" x="30.56" y="-148.95" font-family="arial" font-size="14.00">TX</text>
<polygon fill="none" stroke="black" points="78.38,-142.5 78.38,-166.25 133.5,-166.25 133.5,-142.5 78.38,-142.5"/>
<text text-anchor="start" x="102.19" y="-148.95" font-family="arial" font-size="14.00">3</text>
<polygon fill="none" stroke="black" points="0,-118.75 0,-142.5 78.38,-142.5 78.38,-118.75 0,-118.75"/>
<text text-anchor="start" x="25.31" y="-125.2" font-family="arial" font-size="14.00">DTR</text>
<polygon fill="none" stroke="black" points="78.38,-118.75 78.38,-142.5 133.5,-142.5 133.5,-118.75 78.38,-118.75"/>
<text text-anchor="start" x="102.19" y="-125.2" font-family="arial" font-size="14.00">4</text>
<polygon fill="none" stroke="black" points="0,-95 0,-118.75 78.38,-118.75 78.38,-95 0,-95"/>
<text text-anchor="start" x="23.81" y="-101.45" font-family="arial" font-size="14.00">GND</text>
<polygon fill="none" stroke="black" points="78.38,-95 78.38,-118.75 133.5,-118.75 133.5,-95 78.38,-95"/>
<text text-anchor="start" x="102.19" y="-101.45" font-family="arial" font-size="14.00">5</text>
<polygon fill="none" stroke="black" points="0,-71.25 0,-95 78.38,-95 78.38,-71.25 0,-71.25"/>
<text text-anchor="start" x="24.94" y="-77.7" font-family="arial" font-size="14.00">DSR</text>
<polygon fill="none" stroke="black" points="78.38,-71.25 78.38,-95 133.5,-95 133.5,-71.25 78.38,-71.25"/>
<text text-anchor="start" x="102.19" y="-77.7" font-family="arial" font-size="14.00">6</text>
<polygon fill="none" stroke="black" points="0,-47.5 0,-71.25 78.38,-71.25 78.38,-47.5 0,-47.5"/>
<text text-anchor="start" x="25.69" y="-53.95" font-family="arial" font-size="14.00">RTS</text>
<polygon fill="none" stroke="black" points="78.38,-47.5 78.38,-71.25 133.5,-71.25 133.5,-47.5 78.38,-47.5"/>
<text text-anchor="start" x="102.19" y="-53.95" font-family="arial" font-size="14.00">7</text>
<polygon fill="none" stroke="black" points="0,-23.75 0,-47.5 78.38,-47.5 78.38,-23.75 0,-23.75"/>
<text text-anchor="start" x="25.69" y="-30.2" font-family="arial" font-size="14.00">CTS</text>
<polygon fill="none" stroke="black" points="78.38,-23.75 78.38,-47.5 133.5,-47.5 133.5,-23.75 78.38,-23.75"/>
<text text-anchor="start" x="102.19" y="-30.2" font-family="arial" font-size="14.00">8</text>
<polygon fill="none" stroke="black" points="0,0 0,-23.75 78.38,-23.75 78.38,0 0,0"/>
<text text-anchor="start" x="32.44" y="-6.45" font-family="arial" font-size="14.00">RI</text>
<polygon fill="none" stroke="black" points="78.38,0 78.38,-23.75 133.5,-23.75 133.5,0 78.38,0"/>
<text text-anchor="start" x="102.19" y="-6.45" font-family="arial" font-size="14.00">9</text>
</g>
<!-- W1 -->
<g id="node3" class="node">
<title>W1</title>
<polygon fill="#ffffff" stroke="black" points="474.5,-292.5 277.5,-292.5 277.5,-86.75 474.5,-86.75 474.5,-292.5"/>
<polygon fill="#ffffff" stroke="none" points="277.5,-86.75 277.5,-292.5 474.5,-292.5 474.5,-86.75 277.5,-86.75"/>
<polygon fill="none" stroke="black" points="277.5,-268.75 277.5,-292.5 474.5,-292.5 474.5,-268.75 277.5,-268.75"/>
<text text-anchor="start" x="365.5" y="-275.2" font-family="arial" font-size="14.00">W1</text>
<polygon fill="none" stroke="black" points="277.5,-245 277.5,-268.75 308.94,-268.75 308.94,-245 277.5,-245"/>
<text text-anchor="start" x="286.09" y="-251.45" font-family="arial" font-size="14.00">3x</text>
<polygon fill="none" stroke="black" points="308.94,-245 308.94,-268.75 384.62,-268.75 384.62,-245 308.94,-245"/>
<text text-anchor="start" x="317.53" y="-251.45" font-family="arial" font-size="14.00">0.25 mm²</text>
<polygon fill="none" stroke="black" points="384.62,-245 384.62,-268.75 422.81,-268.75 422.81,-245 384.62,-245"/>
<text text-anchor="start" x="393.22" y="-251.45" font-family="arial" font-size="14.00">+ S</text>
<polygon fill="none" stroke="black" points="422.81,-245 422.81,-268.75 474.5,-268.75 474.5,-245 422.81,-245"/>
<text text-anchor="start" x="431.41" y="-251.45" font-family="arial" font-size="14.00">0.2 m</text>
<text text-anchor="start" x="310.62" y="-229.7" font-family="arial" font-size="14.00"> </text>
<text text-anchor="start" x="279.5" y="-209.95" font-family="arial" font-size="14.00"> X1:5:GND</text>
<text text-anchor="start" x="349.5" y="-209.95" font-family="arial" font-size="14.00"> </text>
<text text-anchor="start" x="358.75" y="-209.95" font-family="arial" font-size="14.00">1:WH</text>
<text text-anchor="start" x="398.75" y="-209.95" font-family="arial" font-size="14.00"> </text>
<text text-anchor="start" x="406.5" y="-209.95" font-family="arial" font-size="14.00">X2:1:GND </text>
<polygon fill="#000000" stroke="none" points="277.5,-203.5 277.5,-205.5 474.5,-205.5 474.5,-203.5 277.5,-203.5"/>
<polygon fill="#ffffff" stroke="none" points="277.5,-201.5 277.5,-203.5 474.5,-203.5 474.5,-201.5 277.5,-201.5"/>
<polygon fill="#000000" stroke="none" points="277.5,-199.5 277.5,-201.5 474.5,-201.5 474.5,-199.5 277.5,-199.5"/>
<text text-anchor="start" x="279.5" y="-184.2" font-family="arial" font-size="14.00"> X1:2:RX</text>
<text text-anchor="start" x="349.5" y="-184.2" font-family="arial" font-size="14.00"> </text>
<text text-anchor="start" x="361" y="-184.2" font-family="arial" font-size="14.00">2:BN</text>
<text text-anchor="start" x="398.75" y="-184.2" font-family="arial" font-size="14.00"> </text>
<text text-anchor="start" x="420" y="-184.2" font-family="arial" font-size="14.00">X2:3:TX </text>
<polygon fill="#000000" stroke="none" points="277.5,-177.75 277.5,-179.75 474.5,-179.75 474.5,-177.75 277.5,-177.75"/>
<polygon fill="#895956" stroke="none" points="277.5,-175.75 277.5,-177.75 474.5,-177.75 474.5,-175.75 277.5,-175.75"/>
<polygon fill="#000000" stroke="none" points="277.5,-173.75 277.5,-175.75 474.5,-175.75 474.5,-173.75 277.5,-173.75"/>
<text text-anchor="start" x="279.5" y="-158.45" font-family="arial" font-size="14.00"> X1:3:TX</text>
<text text-anchor="start" x="349.5" y="-158.45" font-family="arial" font-size="14.00"> </text>
<text text-anchor="start" x="359.88" y="-158.45" font-family="arial" font-size="14.00">3:GN</text>
<text text-anchor="start" x="398.75" y="-158.45" font-family="arial" font-size="14.00"> </text>
<text text-anchor="start" x="418.5" y="-158.45" font-family="arial" font-size="14.00">X2:2:RX </text>
<polygon fill="#000000" stroke="none" points="277.5,-152 277.5,-154 474.5,-154 474.5,-152 277.5,-152"/>
<polygon fill="#00aa00" stroke="none" points="277.5,-150 277.5,-152 474.5,-152 474.5,-150 277.5,-150"/>
<polygon fill="#000000" stroke="none" points="277.5,-148 277.5,-150 474.5,-150 474.5,-148 277.5,-148"/>
<text text-anchor="start" x="310.62" y="-132.7" font-family="arial" font-size="14.00"> </text>
<text text-anchor="start" x="279.5" y="-112.95" font-family="arial" font-size="14.00"> X1:5:GND</text>
<text text-anchor="start" x="349.5" y="-112.95" font-family="arial" font-size="14.00"> </text>
<text text-anchor="start" x="357.25" y="-112.95" font-family="arial" font-size="14.00">Shield</text>
<text text-anchor="start" x="398.75" y="-112.95" font-family="arial" font-size="14.00"> </text>
<text text-anchor="start" x="468.75" y="-112.95" font-family="arial" font-size="14.00"> </text>
<polygon fill="#000000" stroke="none" points="277.5,-106.5 277.5,-108.5 474.5,-108.5 474.5,-106.5 277.5,-106.5"/>
<text text-anchor="start" x="310.62" y="-91.2" 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="M133.5,-104.88C212.32,-107.08 202.66,-202.7 277.5,-200.5"/>
<path fill="none" stroke="#ffffff" stroke-width="2" d="M133.5,-106.88C210.33,-106.88 200.67,-202.5 277.5,-202.5"/>
<path fill="none" stroke="#000000" stroke-width="2" d="M133.5,-108.87C208.34,-106.67 198.68,-202.3 277.5,-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="M133.5,-176.13C197.33,-176.13 213.33,-174.76 277.5,-174.75"/>
<path fill="none" stroke="#895956" stroke-width="2" d="M133.5,-178.12C197.5,-178.12 213.5,-176.75 277.5,-176.75"/>
<path fill="none" stroke="#000000" stroke-width="2" d="M133.5,-180.12C197.67,-180.12 213.67,-178.74 277.5,-178.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="M133.5,-152.38C197.1,-152.42 213.07,-149.04 277.5,-149"/>
<path fill="none" stroke="#00aa00" stroke-width="2" d="M133.5,-154.38C197.52,-154.38 213.48,-151 277.5,-151"/>
<path fill="none" stroke="#000000" stroke-width="2" d="M133.5,-156.37C197.93,-156.33 213.9,-152.96 277.5,-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="M133.5,-106.88C197.5,-106.88 213.5,-107.5 277.5,-107.5"/>
</g>
<!-- X2 -->
<g id="node2" class="node">
<title>X2</title>
<polygon fill="#ffffff" stroke="black" points="798.5,-261 618.5,-261 618.5,-142.25 798.5,-142.25 798.5,-261"/>
<polygon fill="#ffffff" stroke="none" points="618.5,-142.25 618.5,-261 798.5,-261 798.5,-142.25 618.5,-142.25"/>
<polygon fill="none" stroke="black" points="618.5,-237.25 618.5,-261 798.5,-261 798.5,-237.25 618.5,-237.25"/>
<text text-anchor="start" x="700.25" y="-243.7" font-family="arial" font-size="14.00">X2</text>
<polygon fill="none" stroke="black" points="618.5,-213.5 618.5,-237.25 711.25,-237.25 711.25,-213.5 618.5,-213.5"/>
<text text-anchor="start" x="622.5" y="-219.95" font-family="arial" font-size="14.00">Molex KK 254</text>
<polygon fill="none" stroke="black" points="711.25,-213.5 711.25,-237.25 760.5,-237.25 760.5,-213.5 711.25,-213.5"/>
<text text-anchor="start" x="715.25" y="-219.95" font-family="arial" font-size="14.00">female</text>
<polygon fill="none" stroke="black" points="760.5,-213.5 760.5,-237.25 798.5,-237.25 798.5,-213.5 760.5,-213.5"/>
<text text-anchor="start" x="764.5" y="-219.95" font-family="arial" font-size="14.00">3&#45;pin</text>
<polygon fill="none" stroke="black" points="618.5,-189.75 618.5,-213.5 696.88,-213.5 696.88,-189.75 618.5,-189.75"/>
<text text-anchor="start" x="653.94" y="-196.2" font-family="arial" font-size="14.00">1</text>
<polygon fill="none" stroke="black" points="696.88,-189.75 696.88,-213.5 798.5,-213.5 798.5,-189.75 696.88,-189.75"/>
<text text-anchor="start" x="732.31" y="-196.2" font-family="arial" font-size="14.00">GND</text>
<polygon fill="none" stroke="black" points="618.5,-166 618.5,-189.75 696.88,-189.75 696.88,-166 618.5,-166"/>
<text text-anchor="start" x="653.94" y="-172.45" font-family="arial" font-size="14.00">2</text>
<polygon fill="none" stroke="black" points="696.88,-166 696.88,-189.75 798.5,-189.75 798.5,-166 696.88,-166"/>
<text text-anchor="start" x="738.31" y="-172.45" font-family="arial" font-size="14.00">RX</text>
<polygon fill="none" stroke="black" points="618.5,-142.25 618.5,-166 696.88,-166 696.88,-142.25 618.5,-142.25"/>
<text text-anchor="start" x="653.94" y="-148.7" font-family="arial" font-size="14.00">3</text>
<polygon fill="none" stroke="black" points="696.88,-142.25 696.88,-166 798.5,-166 798.5,-142.25 696.88,-142.25"/>
<text text-anchor="start" x="739.06" y="-148.7" 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="M474.5,-200.5C538.39,-200.5 554.39,-199.63 618.5,-199.63"/>
<path fill="none" stroke="#ffffff" stroke-width="2" d="M474.5,-202.5C538.5,-202.5 554.5,-201.63 618.5,-201.62"/>
<path fill="none" stroke="#000000" stroke-width="2" d="M474.5,-204.5C538.61,-204.5 554.61,-203.62 618.5,-203.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="M474.5,-174.75C537.6,-175.67 552.03,-153.05 618.5,-152.13"/>
<path fill="none" stroke="#895956" stroke-width="2" d="M474.5,-176.75C539.29,-176.75 553.71,-154.12 618.5,-154.12"/>
<path fill="none" stroke="#000000" stroke-width="2" d="M474.5,-178.75C540.97,-177.83 555.4,-155.2 618.5,-156.12"/>
</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="M474.5,-149C541.38,-150.09 555.17,-176.96 618.5,-175.88"/>
<path fill="none" stroke="#00aa00" stroke-width="2" d="M474.5,-151C539.61,-151 553.39,-177.88 618.5,-177.87"/>
<path fill="none" stroke="#000000" stroke-width="2" d="M474.5,-153C537.83,-151.91 551.62,-178.79 618.5,-179.87"/>
</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>
Reference in New Issue View Git Blame Copy Permalink