WireViz/examples/demo01.html
2020-07-01 14:00:36 -04:00

167 lines
13 KiB
HTML
Raw Blame History

<html><body style="font-family:Arial"><h1>Diagram</h1><?xml version="1.0" encoding="UTF-8" standalone="no"?>
<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN"
"http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd">
<!-- Generated by graphviz version 2.38.0 (20140413.2041)
-->
<!-- Title: %3 Pages: 1 -->
<svg width="843pt" height="266pt"
viewBox="0.00 0.00 843.00 266.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 262)">
<title>%3</title>
<polygon fill="#fffbf8" stroke="none" points="-4,4 -4,-262 839,-262 839,4 -4,4"/>
<!-- X1 -->
<g id="node1" class="node"><title>X1</title>
<polygon fill="white" stroke="black" points="0,-0.5 0,-253.5 165,-253.5 165,-0.5 0,-0.5"/>
<text text-anchor="middle" x="82.5" y="-238.3" font-family="arial" font-size="14.00">X1</text>
<polyline fill="none" stroke="black" points="0,-230.5 165,-230.5 "/>
<text text-anchor="middle" x="28.5" y="-215.3" font-family="arial" font-size="14.00">D&#45;Sub</text>
<polyline fill="none" stroke="black" points="57,-207.5 57,-230.5 "/>
<text text-anchor="middle" x="87" y="-215.3" font-family="arial" font-size="14.00">female</text>
<polyline fill="none" stroke="black" points="117,-207.5 117,-230.5 "/>
<text text-anchor="middle" x="141" y="-215.3" font-family="arial" font-size="14.00">9&#45;pin</text>
<polyline fill="none" stroke="black" points="0,-207.5 165,-207.5 "/>
<text text-anchor="middle" x="47" y="-192.3" font-family="arial" font-size="14.00">DCD</text>
<polyline fill="none" stroke="black" points="0,-184.5 94,-184.5 "/>
<text text-anchor="middle" x="47" y="-169.3" font-family="arial" font-size="14.00">RX</text>
<polyline fill="none" stroke="black" points="0,-161.5 94,-161.5 "/>
<text text-anchor="middle" x="47" y="-146.3" font-family="arial" font-size="14.00">TX</text>
<polyline fill="none" stroke="black" points="0,-138.5 94,-138.5 "/>
<text text-anchor="middle" x="47" y="-123.3" font-family="arial" font-size="14.00">DTR</text>
<polyline fill="none" stroke="black" points="0,-115.5 94,-115.5 "/>
<text text-anchor="middle" x="47" y="-100.3" font-family="arial" font-size="14.00">GND</text>
<polyline fill="none" stroke="black" points="0,-92.5 94,-92.5 "/>
<text text-anchor="middle" x="47" y="-77.3" font-family="arial" font-size="14.00">DSR</text>
<polyline fill="none" stroke="black" points="0,-69.5 94,-69.5 "/>
<text text-anchor="middle" x="47" y="-54.3" font-family="arial" font-size="14.00">RTS</text>
<polyline fill="none" stroke="black" points="0,-46.5 94,-46.5 "/>
<text text-anchor="middle" x="47" y="-31.3" font-family="arial" font-size="14.00">CTS</text>
<polyline fill="none" stroke="black" points="0,-23.5 94,-23.5 "/>
<text text-anchor="middle" x="47" y="-8.3" font-family="arial" font-size="14.00">RI</text>
<polyline fill="none" stroke="black" points="94,-0.5 94,-207.5 "/>
<text text-anchor="middle" x="129.5" y="-192.3" font-family="arial" font-size="14.00">1</text>
<polyline fill="none" stroke="black" points="94,-184.5 165,-184.5 "/>
<text text-anchor="middle" x="129.5" y="-169.3" font-family="arial" font-size="14.00">2</text>
<polyline fill="none" stroke="black" points="94,-161.5 165,-161.5 "/>
<text text-anchor="middle" x="129.5" y="-146.3" font-family="arial" font-size="14.00">3</text>
<polyline fill="none" stroke="black" points="94,-138.5 165,-138.5 "/>
<text text-anchor="middle" x="129.5" y="-123.3" font-family="arial" font-size="14.00">4</text>
<polyline fill="none" stroke="black" points="94,-115.5 165,-115.5 "/>
<text text-anchor="middle" x="129.5" y="-100.3" font-family="arial" font-size="14.00">5</text>
<polyline fill="none" stroke="black" points="94,-92.5 165,-92.5 "/>
<text text-anchor="middle" x="129.5" y="-77.3" font-family="arial" font-size="14.00">6</text>
<polyline fill="none" stroke="black" points="94,-69.5 165,-69.5 "/>
<text text-anchor="middle" x="129.5" y="-54.3" font-family="arial" font-size="14.00">7</text>
<polyline fill="none" stroke="black" points="94,-46.5 165,-46.5 "/>
<text text-anchor="middle" x="129.5" y="-31.3" font-family="arial" font-size="14.00">8</text>
<polyline fill="none" stroke="black" points="94,-23.5 165,-23.5 "/>
<text text-anchor="middle" x="129.5" y="-8.3" font-family="arial" font-size="14.00">9</text>
</g>
<!-- W1 -->
<g id="node3" class="node"><title>W1</title>
<polygon fill="none" stroke="black" points="477,-258 309,-258 309,-104 477,-104 477,-258"/>
<polygon fill="none" stroke="black" points="309,-235 309,-258 477,-258 477,-235 309,-235"/>
<text text-anchor="start" x="381.5" y="-242.8" font-family="arial" font-size="14.00">W1</text>
<polygon fill="none" stroke="black" points="309,-212 309,-235 333,-235 333,-212 309,-212"/>
<text text-anchor="start" x="313" y="-219.8" font-family="arial" font-size="14.00">3x</text>
<polygon fill="none" stroke="black" points="333,-212 333,-235 402,-235 402,-212 333,-212"/>
<text text-anchor="start" x="337" y="-219.8" font-family="arial" font-size="14.00">0.25 mm²</text>
<polygon fill="none" stroke="black" points="402,-212 402,-235 432,-235 432,-212 402,-212"/>
<text text-anchor="start" x="406" y="-219.8" font-family="arial" font-size="14.00">+ S</text>
<polygon fill="none" stroke="black" points="432,-212 432,-235 477,-235 477,-212 432,-212"/>
<text text-anchor="start" x="436" y="-219.8" font-family="arial" font-size="14.00">0.2 m</text>
<text text-anchor="start" x="320" y="-198.8" font-family="arial" font-size="14.00">X1:5</text>
<text text-anchor="start" x="380.5" y="-198.8" font-family="arial" font-size="14.00">WH</text>
<text text-anchor="start" x="435" y="-198.8" font-family="arial" font-size="14.00">X2:1</text>
<polygon fill="#000000" stroke="none" points="309,-191 309,-193 477,-193 477,-191 309,-191"/>
<polygon fill="#ffffff" stroke="none" points="309,-189 309,-191 477,-191 477,-189 309,-189"/>
<polygon fill="#000000" stroke="none" points="309,-187 309,-189 477,-189 477,-187 309,-187"/>
<text text-anchor="start" x="320" y="-173.8" font-family="arial" font-size="14.00">X1:2</text>
<text text-anchor="start" x="383" y="-173.8" font-family="arial" font-size="14.00">BN</text>
<text text-anchor="start" x="435" y="-173.8" font-family="arial" font-size="14.00">X2:3</text>
<polygon fill="#000000" stroke="none" points="309,-166 309,-168 477,-168 477,-166 309,-166"/>
<polygon fill="#a52a2a" stroke="none" points="309,-164 309,-166 477,-166 477,-164 309,-164"/>
<polygon fill="#000000" stroke="none" points="309,-162 309,-164 477,-164 477,-162 309,-162"/>
<text text-anchor="start" x="320" y="-148.8" font-family="arial" font-size="14.00">X1:3</text>
<text text-anchor="start" x="382" y="-148.8" font-family="arial" font-size="14.00">GN</text>
<text text-anchor="start" x="435" y="-148.8" font-family="arial" font-size="14.00">X2:2</text>
<polygon fill="#000000" stroke="none" points="309,-141 309,-143 477,-143 477,-141 309,-141"/>
<polygon fill="#00ff00" stroke="none" points="309,-139 309,-141 477,-141 477,-139 309,-139"/>
<polygon fill="#000000" stroke="none" points="309,-137 309,-139 477,-139 477,-137 309,-137"/>
<text text-anchor="start" x="320" y="-119.8" font-family="arial" font-size="14.00">X1:5</text>
<text text-anchor="start" x="373" y="-119.8" font-family="arial" font-size="14.00">Shield</text>
<defs>
<linearGradient id="l_0" gradientUnits="userSpaceOnUse" x1="309" y1="-111" x2="477" y2="-111" >
<stop offset="0" style="stop-color:#aaaaaa;stop-opacity:1.;"/>
<stop offset="1" style="stop-color:#84878c;stop-opacity:1.;"/>
</linearGradient>
</defs>
<polygon fill="url(#l_0)" stroke="none" points="309,-108 309,-114 477,-114 477,-108 309,-108"/>
<polyline fill="none" stroke="black" stroke-width="2" points="310,-109 476,-109 "/>
</g>
<!-- X1&#45;&#45;W1 -->
<g id="edge1" class="edge"><title>X1:p5r:e&#45;&#45;W1:w1:w</title>
<path fill="none" stroke="#000000" stroke-width="2" d="M165,-102C241.541,-104.118 236.452,-190.118 309,-188"/>
<path fill="none" stroke="#ffffff" stroke-width="2" d="M165,-104C239.545,-104 234.455,-190 309,-190"/>
<path fill="none" stroke="#000000" stroke-width="2" d="M165,-106C237.548,-103.882 232.459,-189.882 309,-192"/>
</g>
<!-- X1&#45;&#45;W1 -->
<g id="edge3" class="edge"><title>X1:p2r:e&#45;&#45;W1:w2:w</title>
<path fill="none" stroke="#000000" stroke-width="2" d="M165,-171C228.195,-171.216 243.998,-163.216 309,-163"/>
<path fill="none" stroke="#a52a2a" stroke-width="2" d="M165,-173C229.099,-173 244.901,-165 309,-165"/>
<path fill="none" stroke="#000000" stroke-width="2" d="M165,-175C230.002,-174.784 245.805,-166.784 309,-167"/>
</g>
<!-- X1&#45;&#45;W1 -->
<g id="edge5" class="edge"><title>X1:p3r:e&#45;&#45;W1:w3:w</title>
<path fill="none" stroke="#000000" stroke-width="2" d="M165,-148C228.079,-148.313 243.771,-138.313 309,-138"/>
<path fill="none" stroke="#00ff00" stroke-width="2" d="M165,-150C229.154,-150 244.846,-140 309,-140"/>
<path fill="none" stroke="#000000" stroke-width="2" d="M165,-152C230.229,-151.687 245.921,-141.687 309,-142"/>
</g>
<!-- X1&#45;&#45;W1 -->
<g id="edge7" class="edge"><title>X1:p5r:e&#45;&#45;W1:ws:w</title>
<path fill="none" stroke="#aaaaaa" stroke-width="2" d="M165,-103C229.48,-103.085 245.328,-110.085 309,-110"/>
<path fill="none" stroke="#84878c" stroke-width="2" d="M165,-105C228.672,-104.915 244.52,-111.915 309,-112"/>
</g>
<!-- X2 -->
<g id="node2" class="node"><title>X2</title>
<polygon fill="white" stroke="black" points="621,-132.5 621,-247.5 835,-247.5 835,-132.5 621,-132.5"/>
<text text-anchor="middle" x="728" y="-232.3" font-family="arial" font-size="14.00">X2</text>
<polyline fill="none" stroke="black" points="621,-224.5 835,-224.5 "/>
<text text-anchor="middle" x="674" y="-209.3" font-family="arial" font-size="14.00">Molex KK 254</text>
<polyline fill="none" stroke="black" points="727,-201.5 727,-224.5 "/>
<text text-anchor="middle" x="757" y="-209.3" font-family="arial" font-size="14.00">female</text>
<polyline fill="none" stroke="black" points="787,-201.5 787,-224.5 "/>
<text text-anchor="middle" x="811" y="-209.3" font-family="arial" font-size="14.00">3&#45;pin</text>
<polyline fill="none" stroke="black" points="621,-201.5 835,-201.5 "/>
<text text-anchor="middle" x="668.5" y="-186.3" font-family="arial" font-size="14.00">1</text>
<polyline fill="none" stroke="black" points="621,-178.5 716,-178.5 "/>
<text text-anchor="middle" x="668.5" y="-163.3" font-family="arial" font-size="14.00">2</text>
<polyline fill="none" stroke="black" points="621,-155.5 716,-155.5 "/>
<text text-anchor="middle" x="668.5" y="-140.3" font-family="arial" font-size="14.00">3</text>
<polyline fill="none" stroke="black" points="716,-132.5 716,-201.5 "/>
<text text-anchor="middle" x="775.5" y="-186.3" font-family="arial" font-size="14.00">GND</text>
<polyline fill="none" stroke="black" points="716,-178.5 835,-178.5 "/>
<text text-anchor="middle" x="775.5" y="-163.3" font-family="arial" font-size="14.00">RX</text>
<polyline fill="none" stroke="black" points="716,-155.5 835,-155.5 "/>
<text text-anchor="middle" x="775.5" y="-140.3" font-family="arial" font-size="14.00">TX</text>
</g>
<!-- W1&#45;&#45;X2 -->
<g id="edge2" class="edge"><title>W1:w1:e&#45;&#45;X2:p1l:w</title>
<path fill="none" stroke="#000000" stroke-width="2" d="M477,-188C541,-188 557,-188 621,-188"/>
<path fill="none" stroke="#ffffff" stroke-width="2" d="M477,-190C541,-190 557,-190 621,-190"/>
<path fill="none" stroke="#000000" stroke-width="2" d="M477,-192C541,-192 557,-192 621,-192"/>
</g>
<!-- W1&#45;&#45;X2 -->
<g id="edge4" class="edge"><title>W1:w2:e&#45;&#45;X2:p3l:w</title>
<path fill="none" stroke="#000000" stroke-width="2" d="M477,-163C540.037,-163.856 554.683,-142.856 621,-142"/>
<path fill="none" stroke="#a52a2a" stroke-width="2" d="M477,-165C541.677,-165 556.323,-144 621,-144"/>
<path fill="none" stroke="#000000" stroke-width="2" d="M477,-167C543.317,-166.144 557.963,-145.144 621,-146"/>
</g>
<!-- W1&#45;&#45;X2 -->
<g id="edge6" class="edge"><title>W1:w3:e&#45;&#45;X2:p2l:w</title>
<path fill="none" stroke="#000000" stroke-width="2" d="M477,-138C543.897,-139.091 557.666,-166.091 621,-165"/>
<path fill="none" stroke="#00ff00" stroke-width="2" d="M477,-140C542.115,-140 555.885,-167 621,-167"/>
<path fill="none" stroke="#000000" stroke-width="2" d="M477,-142C540.334,-140.909 554.103,-167.909 621,-169"/>
</g>
</g>
</svg>
<h1>Bill of Materials</h1><table style="border:1px solid #000000; font-size: 14pt; border-spacing: 0px"><tr><th align="left" style="border:1px solid #000000; padding: 8px">Item</th><th align="left" style="border:1px solid #000000; padding: 8px">Qty</th><th align="left" style="border:1px solid #000000; padding: 8px">Unit</th><th align="left" style="border:1px solid #000000; padding: 8px">Designators</th></tr><tr><td style="border:1px solid #000000; padding: 4px">Connector, D-Sub, female, 9 pins</td><td align="right" style="border:1px solid #000000; padding: 4px">1</td><td style="border:1px solid #000000; padding: 4px"></td><td style="border:1px solid #000000; padding: 4px">X1</td></tr><tr><td style="border:1px solid #000000; padding: 4px">Connector, Molex KK 254, female, 3 pins</td><td align="right" style="border:1px solid #000000; padding: 4px">1</td><td style="border:1px solid #000000; padding: 4px"></td><td style="border:1px solid #000000; padding: 4px">X2</td></tr><tr><td style="border:1px solid #000000; padding: 4px">Cable, 3 x 0.25 mm<6D> shielded</td><td align="right" style="border:1px solid #000000; padding: 4px">0.2</td><td style="border:1px solid #000000; padding: 4px">m</td><td style="border:1px solid #000000; padding: 4px">W1</td></tr></table></body></html>