forked from wireviz/WireViz
-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathtutorial03.html
207 lines (207 loc) · 14.4 KB
/
tutorial03.html
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
142
143
144
145
146
147
148
149
150
151
152
153
154
155
156
157
158
159
160
161
162
163
164
165
166
167
168
169
170
171
172
173
174
175
176
177
178
179
180
181
182
183
184
185
186
187
188
189
190
191
192
193
194
195
196
197
198
199
200
201
202
203
204
205
206
207
<!DOCTYPE html>
<html lang="en"><head>
<meta charset="UTF-8">
<meta name="generator" content="WireViz 0.3 - https://github.com/formatc1702/WireViz">
<title>tutorial03</title>
</head><body style="font-family:arial;background-color:#FFFFFF">
<h1>tutorial03</h1>
<h2>Diagram</h2>
<!-- XML and DOCTYPE declarations from SVG file removed -->
<!-- Generated by graphviz version 2.49.0 (20210828.1703)
-->
<!-- Pages: 1 -->
<svg width="887pt" height="232pt"
viewBox="0.00 0.00 887.00 232.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 228)">
<polygon fill="#ffffff" stroke="transparent" points="-4,4 -4,-228 883,-228 883,4 -4,4"/>
<!-- X1 -->
<g id="node1" class="node">
<title>X1</title>
<polygon fill="#ffffff" stroke="black" points="187,-191 0,-191 0,-53 187,-53 187,-191"/>
<polygon fill="none" stroke="black" points="0.5,-168 0.5,-191 187.5,-191 187.5,-168 0.5,-168"/>
<text text-anchor="start" x="85" y="-175.8" font-family="arial" font-size="14.00">X1</text>
<polygon fill="none" stroke="black" points="0.5,-145 0.5,-168 96.5,-168 96.5,-145 0.5,-145"/>
<text text-anchor="start" x="4.5" y="-152.8" font-family="arial" font-size="14.00">Molex KK 254</text>
<polygon fill="none" stroke="black" points="96.5,-145 96.5,-168 147.5,-168 147.5,-145 96.5,-145"/>
<text text-anchor="start" x="100.5" y="-152.8" font-family="arial" font-size="14.00">female</text>
<polygon fill="none" stroke="black" points="147.5,-145 147.5,-168 187.5,-168 187.5,-145 147.5,-145"/>
<text text-anchor="start" x="151.5" y="-152.8" font-family="arial" font-size="14.00">4-pin</text>
<polygon fill="none" stroke="black" points="0.5,-122 0.5,-145 106.5,-145 106.5,-122 0.5,-122"/>
<text text-anchor="start" x="37.5" y="-129.8" font-family="arial" font-size="14.00">GND</text>
<polygon fill="none" stroke="black" points="106.5,-122 106.5,-145 187.5,-145 187.5,-122 106.5,-122"/>
<text text-anchor="start" x="143" y="-129.8" font-family="arial" font-size="14.00">1</text>
<polygon fill="none" stroke="black" points="0.5,-99 0.5,-122 106.5,-122 106.5,-99 0.5,-99"/>
<text text-anchor="start" x="38.5" y="-106.8" font-family="arial" font-size="14.00">VCC</text>
<polygon fill="none" stroke="black" points="106.5,-99 106.5,-122 187.5,-122 187.5,-99 106.5,-99"/>
<text text-anchor="start" x="143" y="-106.8" font-family="arial" font-size="14.00">2</text>
<polygon fill="none" stroke="black" points="0.5,-76 0.5,-99 106.5,-99 106.5,-76 0.5,-76"/>
<text text-anchor="start" x="43.5" y="-83.8" font-family="arial" font-size="14.00">RX</text>
<polygon fill="none" stroke="black" points="106.5,-76 106.5,-99 187.5,-99 187.5,-76 106.5,-76"/>
<text text-anchor="start" x="143" y="-83.8" font-family="arial" font-size="14.00">3</text>
<polygon fill="none" stroke="black" points="0.5,-53 0.5,-76 106.5,-76 106.5,-53 0.5,-53"/>
<text text-anchor="start" x="44.5" y="-60.8" font-family="arial" font-size="14.00">TX</text>
<polygon fill="none" stroke="black" points="106.5,-53 106.5,-76 187.5,-76 187.5,-53 106.5,-53"/>
<text text-anchor="start" x="143" y="-60.8" 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="548,-224 331,-224 331,0 548,0 548,-224"/>
<polygon fill="none" stroke="black" points="331.5,-201 331.5,-224 548.5,-224 548.5,-201 331.5,-201"/>
<text text-anchor="start" x="429.5" y="-208.8" font-family="arial" font-size="14.00">W1</text>
<polygon fill="none" stroke="black" points="331.5,-178 331.5,-201 354.5,-201 354.5,-178 331.5,-178"/>
<text text-anchor="start" x="335.5" y="-185.8" font-family="arial" font-size="14.00">4x</text>
<polygon fill="none" stroke="black" points="354.5,-178 354.5,-201 486.5,-201 486.5,-178 354.5,-178"/>
<text text-anchor="start" x="358.5" y="-185.8" font-family="arial" font-size="14.00">0.25 mm² (24 AWG)</text>
<polygon fill="none" stroke="black" points="486.5,-178 486.5,-201 516.5,-201 516.5,-178 486.5,-178"/>
<text text-anchor="start" x="490.5" y="-185.8" font-family="arial" font-size="14.00">+ S</text>
<polygon fill="none" stroke="black" points="516.5,-178 516.5,-201 548.5,-201 548.5,-178 516.5,-178"/>
<text text-anchor="start" x="520.5" y="-185.8" font-family="arial" font-size="14.00">1 m</text>
<text text-anchor="start" x="364.5" y="-164.8" font-family="arial" font-size="14.00"> </text>
<text text-anchor="start" x="334.5" y="-145.8" font-family="arial" font-size="14.00">X1:1:GND</text>
<text text-anchor="start" x="404.5" y="-145.8" font-family="arial" font-size="14.00">     1:WH    </text>
<text text-anchor="start" x="481.5" y="-145.8" font-family="arial" font-size="14.00">X2:1:GND</text>
<polygon fill="#000000" stroke="transparent" points="331.5,-138 331.5,-140 548.5,-140 548.5,-138 331.5,-138"/>
<polygon fill="#ffffff" stroke="transparent" points="331.5,-136 331.5,-138 548.5,-138 548.5,-136 331.5,-136"/>
<polygon fill="#000000" stroke="transparent" points="331.5,-134 331.5,-136 548.5,-136 548.5,-134 331.5,-134"/>
<text text-anchor="start" x="335" y="-120.8" font-family="arial" font-size="14.00">X1:2:VCC</text>
<text text-anchor="start" x="406.5" y="-120.8" font-family="arial" font-size="14.00">     2:BN    </text>
<text text-anchor="start" x="482" y="-120.8" font-family="arial" font-size="14.00">X2:2:VCC</text>
<polygon fill="#000000" stroke="transparent" points="331.5,-113 331.5,-115 548.5,-115 548.5,-113 331.5,-113"/>
<polygon fill="#895956" stroke="transparent" points="331.5,-111 331.5,-113 548.5,-113 548.5,-111 331.5,-111"/>
<polygon fill="#000000" stroke="transparent" points="331.5,-109 331.5,-111 548.5,-111 548.5,-109 331.5,-109"/>
<text text-anchor="start" x="340" y="-95.8" font-family="arial" font-size="14.00">X1:3:RX</text>
<text text-anchor="start" x="406" y="-95.8" font-family="arial" font-size="14.00">     3:GN    </text>
<text text-anchor="start" x="488" y="-95.8" font-family="arial" font-size="14.00">X2:4:TX</text>
<polygon fill="#000000" stroke="transparent" points="331.5,-88 331.5,-90 548.5,-90 548.5,-88 331.5,-88"/>
<polygon fill="#00ff00" stroke="transparent" points="331.5,-86 331.5,-88 548.5,-88 548.5,-86 331.5,-86"/>
<polygon fill="#000000" stroke="transparent" points="331.5,-84 331.5,-86 548.5,-86 548.5,-84 331.5,-84"/>
<text text-anchor="start" x="341" y="-70.8" font-family="arial" font-size="14.00">X1:4:TX</text>
<text text-anchor="start" x="407" y="-70.8" font-family="arial" font-size="14.00">     4:YE    </text>
<text text-anchor="start" x="487" y="-70.8" font-family="arial" font-size="14.00">X2:3:RX</text>
<polygon fill="#000000" stroke="transparent" points="331.5,-63 331.5,-65 548.5,-65 548.5,-63 331.5,-63"/>
<polygon fill="#ffff00" stroke="transparent" points="331.5,-61 331.5,-63 548.5,-63 548.5,-61 331.5,-61"/>
<polygon fill="#000000" stroke="transparent" points="331.5,-59 331.5,-61 548.5,-61 548.5,-59 331.5,-59"/>
<text text-anchor="start" x="364.5" y="-45.8" font-family="arial" font-size="14.00"> </text>
<text text-anchor="start" x="334.5" y="-26.8" font-family="arial" font-size="14.00">X1:1:GND</text>
<text text-anchor="start" x="420.5" y="-26.8" font-family="arial" font-size="14.00">Shield</text>
<polygon fill="#000000" stroke="transparent" points="331.5,-19 331.5,-21 548.5,-21 548.5,-19 331.5,-19"/>
<text text-anchor="start" x="364.5" y="-5.8" font-family="arial" font-size="14.00"> </text>
</g>
<!-- X1--W1 -->
<g id="edge1" class="edge">
<title>X1:e--W1:w</title>
<path fill="none" stroke="#000000" stroke-width="2" d="M187,-132C251.38,-132.03 267.36,-135.03 331,-135"/>
<path fill="none" stroke="#ffffff" stroke-width="2" d="M187,-134C251.01,-134 266.99,-137 331,-137"/>
<path fill="none" stroke="#000000" stroke-width="2" d="M187,-136C250.64,-135.97 266.62,-138.97 331,-139"/>
</g>
<!-- X1--W1 -->
<g id="edge3" class="edge">
<title>X1:e--W1:w</title>
<path fill="none" stroke="#000000" stroke-width="2" d="M187,-108C251.25,-108.02 267.24,-110.02 331,-110"/>
<path fill="none" stroke="#895956" stroke-width="2" d="M187,-110C251.01,-110 266.99,-112 331,-112"/>
<path fill="none" stroke="#000000" stroke-width="2" d="M187,-112C250.76,-111.98 266.75,-113.98 331,-114"/>
</g>
<!-- X1--W1 -->
<g id="edge5" class="edge">
<title>X1:e--W1:w</title>
<path fill="none" stroke="#000000" stroke-width="2" d="M187,-85C251,-85 267,-85 331,-85"/>
<path fill="none" stroke="#00ff00" stroke-width="2" d="M187,-87C251,-87 267,-87 331,-87"/>
<path fill="none" stroke="#000000" stroke-width="2" d="M187,-89C251,-89 267,-89 331,-89"/>
</g>
<!-- X1--W1 -->
<g id="edge7" class="edge">
<title>X1:e--W1:w</title>
<path fill="none" stroke="#000000" stroke-width="2" d="M187,-62C250.76,-62.02 266.75,-60.02 331,-60"/>
<path fill="none" stroke="#ffff00" stroke-width="2" d="M187,-64C251.01,-64 266.99,-62 331,-62"/>
<path fill="none" stroke="#000000" stroke-width="2" d="M187,-66C251.25,-65.98 267.24,-63.98 331,-64"/>
</g>
<!-- X1--W1 -->
<g id="edge9" class="edge">
<title>X1:e--W1:w</title>
<path fill="none" stroke="#000000" stroke-width="2" d="M187,-134C268.63,-134 249.37,-20 331,-20"/>
</g>
<!-- X2 -->
<g id="node2" class="node">
<title>X2</title>
<polygon fill="#ffffff" stroke="black" points="879,-193 692,-193 692,-55 879,-55 879,-193"/>
<polygon fill="none" stroke="black" points="692.5,-170 692.5,-193 879.5,-193 879.5,-170 692.5,-170"/>
<text text-anchor="start" x="777" y="-177.8" font-family="arial" font-size="14.00">X2</text>
<polygon fill="none" stroke="black" points="692.5,-147 692.5,-170 788.5,-170 788.5,-147 692.5,-147"/>
<text text-anchor="start" x="696.5" y="-154.8" font-family="arial" font-size="14.00">Molex KK 254</text>
<polygon fill="none" stroke="black" points="788.5,-147 788.5,-170 839.5,-170 839.5,-147 788.5,-147"/>
<text text-anchor="start" x="792.5" y="-154.8" font-family="arial" font-size="14.00">female</text>
<polygon fill="none" stroke="black" points="839.5,-147 839.5,-170 879.5,-170 879.5,-147 839.5,-147"/>
<text text-anchor="start" x="843.5" y="-154.8" font-family="arial" font-size="14.00">4-pin</text>
<polygon fill="none" stroke="black" points="692.5,-124 692.5,-147 774.5,-147 774.5,-124 692.5,-124"/>
<text text-anchor="start" x="729.5" y="-131.8" font-family="arial" font-size="14.00">1</text>
<polygon fill="none" stroke="black" points="774.5,-124 774.5,-147 879.5,-147 879.5,-124 774.5,-124"/>
<text text-anchor="start" x="811" y="-131.8" font-family="arial" font-size="14.00">GND</text>
<polygon fill="none" stroke="black" points="692.5,-101 692.5,-124 774.5,-124 774.5,-101 692.5,-101"/>
<text text-anchor="start" x="729.5" y="-108.8" font-family="arial" font-size="14.00">2</text>
<polygon fill="none" stroke="black" points="774.5,-101 774.5,-124 879.5,-124 879.5,-101 774.5,-101"/>
<text text-anchor="start" x="812" y="-108.8" font-family="arial" font-size="14.00">VCC</text>
<polygon fill="none" stroke="black" points="692.5,-78 692.5,-101 774.5,-101 774.5,-78 692.5,-78"/>
<text text-anchor="start" x="729.5" y="-85.8" font-family="arial" font-size="14.00">3</text>
<polygon fill="none" stroke="black" points="774.5,-78 774.5,-101 879.5,-101 879.5,-78 774.5,-78"/>
<text text-anchor="start" x="817" y="-85.8" font-family="arial" font-size="14.00">RX</text>
<polygon fill="none" stroke="black" points="692.5,-55 692.5,-78 774.5,-78 774.5,-55 692.5,-55"/>
<text text-anchor="start" x="729.5" y="-62.8" font-family="arial" font-size="14.00">4</text>
<polygon fill="none" stroke="black" points="774.5,-55 774.5,-78 879.5,-78 879.5,-55 774.5,-55"/>
<text text-anchor="start" x="818" y="-62.8" font-family="arial" font-size="14.00">TX</text>
</g>
<!-- W1--X2 -->
<g id="edge2" class="edge">
<title>W1:e--X2:w</title>
<path fill="none" stroke="#000000" stroke-width="2" d="M548,-135C611.88,-135 627.87,-134 692,-134"/>
<path fill="none" stroke="#ffffff" stroke-width="2" d="M548,-137C612,-137 628,-136 692,-136"/>
<path fill="none" stroke="#000000" stroke-width="2" d="M548,-139C612.13,-139 628.12,-138 692,-138"/>
</g>
<!-- W1--X2 -->
<g id="edge4" class="edge">
<title>W1:e--X2:w</title>
<path fill="none" stroke="#000000" stroke-width="2" d="M548,-110C612,-110 628,-110 692,-110"/>
<path fill="none" stroke="#895956" stroke-width="2" d="M548,-112C612,-112 628,-112 692,-112"/>
<path fill="none" stroke="#000000" stroke-width="2" d="M548,-114C612,-114 628,-114 692,-114"/>
</g>
<!-- W1--X2 -->
<g id="edge6" class="edge">
<title>W1:e--X2:w</title>
<path fill="none" stroke="#000000" stroke-width="2" d="M548,-85C611.04,-85.86 625.68,-64.86 692,-64"/>
<path fill="none" stroke="#00ff00" stroke-width="2" d="M548,-87C612.68,-87 627.32,-66 692,-66"/>
<path fill="none" stroke="#000000" stroke-width="2" d="M548,-89C614.32,-88.14 628.96,-67.14 692,-68"/>
</g>
<!-- W1--X2 -->
<g id="edge8" class="edge">
<title>W1:e--X2:w</title>
<path fill="none" stroke="#000000" stroke-width="2" d="M548,-60C614.9,-61.09 628.67,-88.09 692,-87"/>
<path fill="none" stroke="#ffff00" stroke-width="2" d="M548,-62C613.12,-62 626.88,-89 692,-89"/>
<path fill="none" stroke="#000000" stroke-width="2" d="M548,-64C611.33,-62.91 625.1,-89.91 692,-91"/>
</g>
</g>
</svg>
<h2>Bill of Materials</h2>
<table style="border:1px solid #000000; font-size: 14pt; border-spacing: 0px">
<tr>
<th style="text-align:left; border:1px solid #000000; padding: 8px">Id</th>
<th style="text-align:left; border:1px solid #000000; padding: 8px">Description</th>
<th style="text-align:left; border:1px solid #000000; padding: 8px">Qty</th>
<th style="text-align:left; border:1px solid #000000; padding: 8px">Unit</th>
<th style="text-align:left; border:1px solid #000000; padding: 8px">Designators</th>
</tr>
<tr>
<td style="border:1px solid #000000; padding: 4px">1</td>
<td style="border:1px solid #000000; padding: 4px">Cable, 4 x 0.25 mm² shielded</td>
<td style="border:1px solid #000000; padding: 4px; text-align:right">1</td>
<td style="border:1px solid #000000; padding: 4px">m</td>
<td style="border:1px solid #000000; padding: 4px">W1</td>
</tr>
<tr>
<td style="border:1px solid #000000; padding: 4px">2</td>
<td style="border:1px solid #000000; padding: 4px">Connector, Molex KK 254, female, 4 pins</td>
<td style="border:1px solid #000000; padding: 4px; text-align:right">2</td>
<td style="border:1px solid #000000; padding: 4px"></td>
<td style="border:1px solid #000000; padding: 4px">X1, X2</td>
</tr>
</table>
</body></html>