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

97 lines
7.8 KiB
HTML

<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="514pt" height="162pt"
viewBox="0.00 0.00 514.00 162.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 158)">
<title>%3</title>
<polygon fill="#fffbf8" stroke="none" points="-4,4 -4,-158 510,-158 510,4 -4,4"/>
<!-- Key -->
<g id="node1" class="node"><title>Key</title>
<polygon fill="white" stroke="black" points="0,-11.5 0,-126.5 199,-126.5 199,-11.5 0,-11.5"/>
<text text-anchor="middle" x="99.5" y="-111.3" font-family="arial" font-size="14.00">Key</text>
<polyline fill="none" stroke="black" points="0,-103.5 199,-103.5 "/>
<text text-anchor="middle" x="64" y="-88.3" font-family="arial" font-size="14.00">Phone Connector</text>
<polyline fill="none" stroke="black" points="128,-80.5 128,-103.5 "/>
<text text-anchor="middle" x="163.5" y="-88.3" font-family="arial" font-size="14.00">male 3.5</text>
<polyline fill="none" stroke="black" points="0,-80.5 199,-80.5 "/>
<text text-anchor="middle" x="59" y="-65.3" font-family="arial" font-size="14.00">Dot</text>
<polyline fill="none" stroke="black" points="0,-57.5 118,-57.5 "/>
<text text-anchor="middle" x="59" y="-42.3" font-family="arial" font-size="14.00">Dash</text>
<polyline fill="none" stroke="black" points="0,-34.5 118,-34.5 "/>
<text text-anchor="middle" x="59" y="-19.3" font-family="arial" font-size="14.00">Ground</text>
<polyline fill="none" stroke="black" points="118,-11.5 118,-80.5 "/>
<text text-anchor="middle" x="158.5" y="-65.3" font-family="arial" font-size="14.00">T</text>
<polyline fill="none" stroke="black" points="118,-57.5 199,-57.5 "/>
<text text-anchor="middle" x="158.5" y="-42.3" font-family="arial" font-size="14.00">R</text>
<polyline fill="none" stroke="black" points="118,-34.5 199,-34.5 "/>
<text text-anchor="middle" x="158.5" y="-19.3" font-family="arial" font-size="14.00">S</text>
</g>
<!-- W1 -->
<g id="node2" class="node"><title>W1</title>
<polygon fill="none" stroke="black" points="506,-154 343,-154 343,-0 506,-0 506,-154"/>
<polygon fill="none" stroke="black" points="343.5,-131 343.5,-154 506.5,-154 506.5,-131 343.5,-131"/>
<text text-anchor="start" x="413.5" y="-138.8" font-family="arial" font-size="14.00">W1</text>
<polygon fill="none" stroke="black" points="343.5,-108 343.5,-131 367.5,-131 367.5,-108 343.5,-108"/>
<text text-anchor="start" x="347.5" y="-115.8" font-family="arial" font-size="14.00">3x</text>
<polygon fill="none" stroke="black" points="367.5,-108 367.5,-131 431.5,-131 431.5,-108 367.5,-108"/>
<text text-anchor="start" x="371.5" y="-115.8" font-family="arial" font-size="14.00">24 AWG</text>
<polygon fill="none" stroke="black" points="431.5,-108 431.5,-131 461.5,-131 461.5,-108 431.5,-108"/>
<text text-anchor="start" x="435.5" y="-115.8" font-family="arial" font-size="14.00">+ S</text>
<polygon fill="none" stroke="black" points="461.5,-108 461.5,-131 506.5,-131 506.5,-108 461.5,-108"/>
<text text-anchor="start" x="465.5" y="-115.8" font-family="arial" font-size="14.00">0.2 m</text>
<text text-anchor="start" x="358" y="-94.8" font-family="arial" font-size="14.00">Key:S</text>
<text text-anchor="start" x="433" y="-94.8" font-family="arial" font-size="14.00">WH</text>
<polygon fill="#000000" stroke="none" points="343.5,-87 343.5,-89 506.5,-89 506.5,-87 343.5,-87"/>
<polygon fill="#ffffff" stroke="none" points="343.5,-85 343.5,-87 506.5,-87 506.5,-85 343.5,-85"/>
<polygon fill="#000000" stroke="none" points="343.5,-83 343.5,-85 506.5,-85 506.5,-83 343.5,-83"/>
<text text-anchor="start" x="357.5" y="-69.8" font-family="arial" font-size="14.00">Key:R</text>
<text text-anchor="start" x="435.5" y="-69.8" font-family="arial" font-size="14.00">BN</text>
<polygon fill="#000000" stroke="none" points="343.5,-62 343.5,-64 506.5,-64 506.5,-62 343.5,-62"/>
<polygon fill="#a52a2a" stroke="none" points="343.5,-60 343.5,-62 506.5,-62 506.5,-60 343.5,-60"/>
<polygon fill="#000000" stroke="none" points="343.5,-58 343.5,-60 506.5,-60 506.5,-58 343.5,-58"/>
<text text-anchor="start" x="358.5" y="-44.8" font-family="arial" font-size="14.00">Key:T</text>
<text text-anchor="start" x="434.5" y="-44.8" font-family="arial" font-size="14.00">GN</text>
<polygon fill="#000000" stroke="none" points="343.5,-37 343.5,-39 506.5,-39 506.5,-37 343.5,-37"/>
<polygon fill="#00ff00" stroke="none" points="343.5,-35 343.5,-37 506.5,-37 506.5,-35 343.5,-35"/>
<polygon fill="#000000" stroke="none" points="343.5,-33 343.5,-35 506.5,-35 506.5,-33 343.5,-33"/>
<text text-anchor="start" x="358" y="-15.8" font-family="arial" font-size="14.00">Key:S</text>
<text text-anchor="start" x="425.5" y="-15.8" font-family="arial" font-size="14.00">Shield</text>
<defs>
<linearGradient id="l_0" gradientUnits="userSpaceOnUse" x1="343.5" y1="-7" x2="506.5" y2="-7" >
<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="343.5,-4 343.5,-10 506.5,-10 506.5,-4 343.5,-4"/>
<polyline fill="none" stroke="black" stroke-width="2" points="344.5,-5 505.5,-5 "/>
</g>
<!-- Key&#45;&#45;W1 -->
<g id="edge1" class="edge"><title>Key:pSr:e&#45;&#45;W1:w1:w</title>
<path fill="none" stroke="#000000" stroke-width="2" d="M199,-21C270.852,-22.8643 275.138,-85.8643 343,-84"/>
<path fill="none" stroke="#ffffff" stroke-width="2" d="M199,-23C268.857,-23 273.143,-86 343,-86"/>
<path fill="none" stroke="#000000" stroke-width="2" d="M199,-25C266.862,-23.1357 271.148,-86.1357 343,-88"/>
</g>
<!-- Key&#45;&#45;W1 -->
<g id="edge2" class="edge"><title>Key:pRr:e&#45;&#45;W1:w2:w</title>
<path fill="none" stroke="#000000" stroke-width="2" d="M199,-44C264.746,-44.5715 280.054,-59.5715 343,-59"/>
<path fill="none" stroke="#a52a2a" stroke-width="2" d="M199,-46C263.346,-46 278.654,-61 343,-61"/>
<path fill="none" stroke="#000000" stroke-width="2" d="M199,-48C261.946,-47.4285 277.254,-62.4285 343,-63"/>
</g>
<!-- Key&#45;&#45;W1 -->
<g id="edge3" class="edge"><title>Key:pTr:e&#45;&#45;W1:w3:w</title>
<path fill="none" stroke="#000000" stroke-width="2" d="M199,-67C262.792,-68.2826 275.474,-35.2826 343,-34"/>
<path fill="none" stroke="#00ff00" stroke-width="2" d="M199,-69C264.659,-69 277.341,-36 343,-36"/>
<path fill="none" stroke="#000000" stroke-width="2" d="M199,-71C266.526,-69.7174 279.208,-36.7174 343,-38"/>
</g>
<!-- Key&#45;&#45;W1 -->
<g id="edge4" class="edge"><title>Key:pSr:e&#45;&#45;W1:ws:w</title>
<path fill="none" stroke="#aaaaaa" stroke-width="2" d="M199,-22C262.669,-22.311 277.881,-6.31096 343,-6"/>
<path fill="none" stroke="#84878c" stroke-width="2" d="M199,-24C264.119,-23.689 279.331,-7.68904 343,-8"/>
</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, Phone Connector, male 3.5, 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">Key</td></tr><tr><td style="border:1px solid #000000; padding: 4px">Cable, 3 x 24 AWG 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>