← Commit history

Update 2 file(s)

Ray ·1fc86d7eb7 ·1d ago ·parent 7a0d95e
2 files changed +6−6
viewers/footprint.html+3−3
@@ -1,5 +1,5 @@ <!doctype html><html lang=en><head><meta charset=utf-8>-<meta name=viewport content="width=device-width,initial-scale=1"><title>MCP23017 footprint</title>+<meta name=viewport content="width=device-width,initial-scale=1"><title>ADOM/MCP23017 footprint</title> <style> :root{--bg:#0d1117;--panel:#161b22;--edge:#30363d;--ink:#e6edf3;--mut:#8b949e;--acc:#00b8b0;--accb:#00e6dc;--hi:#6ea8fe} *{box-sizing:border-box;margin:0}html,body{height:100%}@@ -23,10 +23,10 @@ rect.pad.hi{stroke:var(--hi);stroke-width:.15;paint-order:stroke} #tip .td{font-size:11px;color:var(--ink);margin-top:5px;line-height:1.4} </style></head><body> <div class=bar><span class=h>PCB footprint</span><span class=sp></span><button class="lyrtog on" data-lyr="copper"><span class="d" style="background:#e35d5d"></span>Copper</button><button class="lyrtog on" data-lyr="silk"><span class="d" style="background:#e6edf3"></span>Silkscreen</button><button class="lyrtog" data-lyr="fab"><span class="d" style="background:#8b949e"></span>Fab</button><button class="lyrtog" data-lyr="courtyard"><span class="d" style="background:#bc8cff"></span>Courtyard</button></div>-<div class=stage id=stage><svg xmlns='http://www.w3.org/2000/svg' viewBox='-6.330 -9.600 12.660 19.200' style='width:100%;height:100%'><line class='ly-silk' x1='-3.860' y1='-9.060' x2='3.860' y2='-9.060' stroke='#d8b4fe' stroke-width='0.120'/><line class='ly-silk' x1='-3.860' y1='-8.815' x2='-3.860' y2='-9.060' stroke='#d8b4fe' stroke-width='0.120'/><line class='ly-silk' x1='-3.860' y1='9.060' x2='-3.860' y2='8.815' stroke='#d8b4fe' stroke-width='0.120'/><line class='ly-silk' x1='3.860' y1='-9.060' x2='3.860' y2='-8.815' stroke='#d8b4fe' stroke-width='0.120'/><line class='ly-silk' x1='3.860' y1='8.815' x2='3.860' y2='9.060' stroke='#d8b4fe' stroke-width='0.120'/><line class='ly-silk' x1='3.860' y1='9.060' x2='-3.860' y2='9.060' stroke='#d8b4fe' stroke-width='0.120'/><line class='ly-courtyard' x1='-5.930' y1='-8.810' x2='-4.000' y2='-8.810' stroke='#4ade80' stroke-width='0.050'/><line class='ly-courtyard' x1='-5.930' y1='8.810' x2='-5.930' y2='-8.810' stroke='#4ade80' stroke-width='0.050'/><line class='ly-courtyard' x1='-4.000' y1='-9.200' x2='4.000' y2='-9.200' stroke='#4ade80' stroke-width='0.050'/><line class='ly-courtyard' x1='-4.000' y1='-8.810' x2='-4.000' y2='-9.200' stroke='#4ade80' stroke-width='0.050'/><line class='ly-courtyard' x1='-4.000' y1='8.810' x2='-5.930' y2='8.810' stroke='#4ade80' stroke-width='0.050'/><line class='ly-courtyard' x1='-4.000' y1='9.200' x2='-4.000' y2='8.810' stroke='#4ade80' stroke-width='0.050'/><line class='ly-courtyard' x1='4.000' y1='-9.200' x2='4.000' y2='-8.810' stroke='#4ade80' stroke-width='0.050'/><line class='ly-courtyard' x1='4.000' y1='-8.810' x2='5.930' y2='-8.810' stroke='#4ade80' stroke-width='0.050'/><line class='ly-courtyard' x1='4.000' y1='8.810' x2='4.000' y2='9.200' stroke='#4ade80' stroke-width='0.050'/><line class='ly-courtyard' x1='4.000' y1='9.200' x2='-4.000' y2='9.200' stroke='#4ade80' stroke-width='0.050'/><line class='ly-courtyard' x1='5.930' y1='-8.810' x2='5.930' y2='8.810' stroke='#4ade80' stroke-width='0.050'/><line class='ly-courtyard' x1='5.930' y1='8.810' x2='4.000' y2='8.810' stroke='#4ade80' stroke-width='0.050'/><rect class='ly-copper pad' data-num='1' data-name='GPB0' x='-5.675' y='-8.555' width='2.050' height='0.600' rx='0.150' fill='#f59e0b' stroke='#00000033' stroke-width='0.03' opacity='0.94'/><text class='padnum' x='-4.650' y='-8.255' font-size='0.360' fill='#1c1206' text-anchor='middle' dominant-baseline='central' pointer-events='none' font-family='ui-monospace,monospace' font-weight='700'>1</text><rect class='ly-copper pad' data-num='2' data-name='GPB1' x='-5.675' y='-7.285' width='2.050' height='0.600' rx='0.150' fill='#f59e0b' stroke='#00000033' stroke-width='0.03' opacity='0.94'/><text class='padnum' x='-4.650' y='-6.985' font-size='0.360' fill='#1c1206' text-anchor='middle' dominant-baseline='central' pointer-events='none' font-family='ui-monospace,monospace' font-weight='700'>2</text><rect class='ly-copper pad' data-num='3' data-name='GPB2' x='-5.675' y='-6.015' width='2.050' height='0.600' rx='0.150' fill='#f59e0b' stroke='#00000033' stroke-width='0.03' opacity='0.94'/><text class='padnum' x='-4.650' y='-5.715' font-size='0.360' fill='#1c1206' text-anchor='middle' dominant-baseline='central' pointer-events='none' font-family='ui-monospace,monospace' font-weight='700'>3</text><rect class='ly-copper pad' data-num='4' data-name='GPB3' x='-5.675' y='-4.745' width='2.050' height='0.600' rx='0.150' fill='#f59e0b' stroke='#00000033' stroke-width='0.03' opacity='0.94'/><text class='padnum' x='-4.650' y='-4.445' font-size='0.360' fill='#1c1206' text-anchor='middle' dominant-baseline='central' pointer-events='none' font-family='ui-monospace,monospace' font-weight='700'>4</text><rect class='ly-copper pad' data-num='5' data-name='GPB4' x='-5.675' y='-3.475' width='2.050' height='0.600' rx='0.150' fill='#f59e0b' stroke='#00000033' stroke-width='0.03' opacity='0.94'/><text class='padnum' x='-4.650' y='-3.175' font-size='0.360' fill='#1c1206' text-anchor='middle' dominant-baseline='central' pointer-events='none' font-family='ui-monospace,monospace' font-weight='700'>5</text><rect class='ly-copper pad' data-num='6' data-name='GPB5' x='-5.675' y='-2.205' width='2.050' height='0.600' rx='0.150' fill='#f59e0b' stroke='#00000033' stroke-width='0.03' opacity='0.94'/><text class='padnum' x='-4.650' y='-1.905' font-size='0.360' fill='#1c1206' text-anchor='middle' dominant-baseline='central' pointer-events='none' font-family='ui-monospace,monospace' font-weight='700'>6</text><rect class='ly-copper pad' data-num='7' data-name='GPB6' x='-5.675' y='-0.935' width='2.050' height='0.600' rx='0.150' fill='#f59e0b' stroke='#00000033' stroke-width='0.03' opacity='0.94'/><text class='padnum' x='-4.650' y='-0.635' font-size='0.360' fill='#1c1206' text-anchor='middle' dominant-baseline='central' pointer-events='none' font-family='ui-monospace,monospace' font-weight='700'>7</text><rect class='ly-copper pad' data-num='8' data-name='GPB7' x='-5.675' y='0.335' width='2.050' height='0.600' rx='0.150' fill='#f59e0b' stroke='#00000033' stroke-width='0.03' opacity='0.94'/><text class='padnum' x='-4.650' y='0.635' font-size='0.360' fill='#1c1206' text-anchor='middle' dominant-baseline='central' pointer-events='none' font-family='ui-monospace,monospace' font-weight='700'>8</text><rect class='ly-copper pad' data-num='9' data-name='V_{DD}' x='-5.675' y='1.605' width='2.050' height='0.600' rx='0.150' fill='#f59e0b' stroke='#00000033' stroke-width='0.03' opacity='0.94'/><text class='padnum' x='-4.650' y='1.905' font-size='0.360' fill='#1c1206' text-anchor='middle' dominant-baseline='central' pointer-events='none' font-family='ui-monospace,monospace' font-weight='700'>9</text><rect class='ly-copper pad' data-num='10' data-name='V_{SS}' x='-5.675' y='2.875' width='2.050' height='0.600' rx='0.150' fill='#f59e0b' stroke='#00000033' stroke-width='0.03' opacity='0.94'/><text class='padnum' x='-4.650' y='3.175' font-size='0.360' fill='#1c1206' text-anchor='middle' dominant-baseline='central' pointer-events='none' font-family='ui-monospace,monospace' font-weight='700'>10</text><rect class='ly-copper pad' data-num='11' data-name='NC' x='-5.675' y='4.145' width='2.050' height='0.600' rx='0.150' fill='#f59e0b' stroke='#00000033' stroke-width='0.03' opacity='0.94'/><text class='padnum' x='-4.650' y='4.445' font-size='0.360' fill='#1c1206' text-anchor='middle' dominant-baseline='central' pointer-events='none' font-family='ui-monospace,monospace' font-weight='700'>11</text><rect class='ly-copper pad' data-num='12' data-name='SCK' x='-5.675' y='5.415' width='2.050' height='0.600' rx='0.150' fill='#f59e0b' stroke='#00000033' stroke-width='0.03' opacity='0.94'/><text class='padnum' x='-4.650' y='5.715' font-size='0.360' fill='#1c1206' text-anchor='middle' dominant-baseline='central' pointer-events='none' font-family='ui-monospace,monospace' font-weight='700'>12</text><rect class='ly-copper pad' data-num='13' data-name='SDA' x='-5.675' y='6.685' width='2.050' height='0.600' rx='0.150' fill='#f59e0b' stroke='#00000033' stroke-width='0.03' opacity='0.94'/><text class='padnum' x='-4.650' y='6.985' font-size='0.360' fill='#1c1206' text-anchor='middle' dominant-baseline='central' pointer-events='none' font-family='ui-monospace,monospace' font-weight='700'>13</text><rect class='ly-copper pad' data-num='14' data-name='NC' x='-5.675' y='7.955' width='2.050' height='0.600' rx='0.150' fill='#f59e0b' stroke='#00000033' stroke-width='0.03' opacity='0.94'/><text class='padnum' x='-4.650' y='8.255' font-size='0.360' fill='#1c1206' text-anchor='middle' dominant-baseline='central' pointer-events='none' font-family='ui-monospace,monospace' font-weight='700'>14</text><rect class='ly-copper pad' data-num='15' data-name='A0' x='3.625' y='7.955' width='2.050' height='0.600' rx='0.150' fill='#f59e0b' stroke='#00000033' stroke-width='0.03' opacity='0.94'/><text class='padnum' x='4.650' y='8.255' font-size='0.360' fill='#1c1206' text-anchor='middle' dominant-baseline='central' pointer-events='none' font-family='ui-monospace,monospace' font-weight='700'>15</text><rect class='ly-copper pad' data-num='16' data-name='A1' x='3.625' y='6.685' width='2.050' height='0.600' rx='0.150' fill='#f59e0b' stroke='#00000033' stroke-width='0.03' opacity='0.94'/><text class='padnum' x='4.650' y='6.985' font-size='0.360' fill='#1c1206' text-anchor='middle' dominant-baseline='central' pointer-events='none' font-family='ui-monospace,monospace' font-weight='700'>16</text><rect class='ly-copper pad' data-num='17' data-name='A2' x='3.625' y='5.415' width='2.050' height='0.600' rx='0.150' fill='#f59e0b' stroke='#00000033' stroke-width='0.03' opacity='0.94'/><text class='padnum' x='4.650' y='5.715' font-size='0.360' fill='#1c1206' text-anchor='middle' dominant-baseline='central' pointer-events='none' font-family='ui-monospace,monospace' font-weight='700'>17</text><rect class='ly-copper pad' data-num='18' data-name='~{RESET}' x='3.625' y='4.145' width='2.050' height='0.600' rx='0.150' fill='#f59e0b' stroke='#00000033' stroke-width='0.03' opacity='0.94'/><text class='padnum' x='4.650' y='4.445' font-size='0.360' fill='#1c1206' text-anchor='middle' dominant-baseline='central' pointer-events='none' font-family='ui-monospace,monospace' font-weight='700'>18</text><rect class='ly-copper pad' data-num='19' data-name='INTB' x='3.625' y='2.875' width='2.050' height='0.600' rx='0.150' fill='#f59e0b' stroke='#00000033' stroke-width='0.03' opacity='0.94'/><text class='padnum' x='4.650' y='3.175' font-size='0.360' fill='#1c1206' text-anchor='middle' dominant-baseline='central' pointer-events='none' font-family='ui-monospace,monospace' font-weight='700'>19</text><rect class='ly-copper pad' data-num='20' data-name='INTA' x='3.625' y='1.605' width='2.050' height='0.600' rx='0.150' fill='#f59e0b' stroke='#00000033' stroke-width='0.03' opacity='0.94'/><text class='padnum' x='4.650' y='1.905' font-size='0.360' fill='#1c1206' text-anchor='middle' dominant-baseline='central' pointer-events='none' font-family='ui-monospace,monospace' font-weight='700'>20</text><rect class='ly-copper pad' data-num='21' data-name='GPA0' x='3.625' y='0.335' width='2.050' height='0.600' rx='0.150' fill='#f59e0b' stroke='#00000033' stroke-width='0.03' opacity='0.94'/><text class='padnum' x='4.650' y='0.635' font-size='0.360' fill='#1c1206' text-anchor='middle' dominant-baseline='central' pointer-events='none' font-family='ui-monospace,monospace' font-weight='700'>21</text><rect class='ly-copper pad' data-num='22' data-name='GPA1' x='3.625' y='-0.935' width='2.050' height='0.600' rx='0.150' fill='#f59e0b' stroke='#00000033' stroke-width='0.03' opacity='0.94'/><text class='padnum' x='4.650' y='-0.635' font-size='0.360' fill='#1c1206' text-anchor='middle' dominant-baseline='central' pointer-events='none' font-family='ui-monospace,monospace' font-weight='700'>22</text><rect class='ly-copper pad' data-num='23' data-name='GPA2' x='3.625' y='-2.205' width='2.050' height='0.600' rx='0.150' fill='#f59e0b' stroke='#00000033' stroke-width='0.03' opacity='0.94'/><text class='padnum' x='4.650' y='-1.905' font-size='0.360' fill='#1c1206' text-anchor='middle' dominant-baseline='central' pointer-events='none' font-family='ui-monospace,monospace' font-weight='700'>23</text><rect class='ly-copper pad' data-num='24' data-name='GPA3' x='3.625' y='-3.475' width='2.050' height='0.600' rx='0.150' fill='#f59e0b' stroke='#00000033' stroke-width='0.03' opacity='0.94'/><text class='padnum' x='4.650' y='-3.175' font-size='0.360' fill='#1c1206' text-anchor='middle' dominant-baseline='central' pointer-events='none' font-family='ui-monospace,monospace' font-weight='700'>24</text><rect class='ly-copper pad' data-num='25' data-name='GPA4' x='3.625' y='-4.745' width='2.050' height='0.600' rx='0.150' fill='#f59e0b' stroke='#00000033' stroke-width='0.03' opacity='0.94'/><text class='padnum' x='4.650' y='-4.445' font-size='0.360' fill='#1c1206' text-anchor='middle' dominant-baseline='central' pointer-events='none' font-family='ui-monospace,monospace' font-weight='700'>25</text><rect class='ly-copper pad' data-num='26' data-name='GPA5' x='3.625' y='-6.015' width='2.050' height='0.600' rx='0.150' fill='#f59e0b' stroke='#00000033' stroke-width='0.03' opacity='0.94'/><text class='padnum' x='4.650' y='-5.715' font-size='0.360' fill='#1c1206' text-anchor='middle' dominant-baseline='central' pointer-events='none' font-family='ui-monospace,monospace' font-weight='700'>26</text><rect class='ly-copper pad' data-num='27' data-name='GPA6' x='3.625' y='-7.285' width='2.050' height='0.600' rx='0.150' fill='#f59e0b' stroke='#00000033' stroke-width='0.03' opacity='0.94'/><text class='padnum' x='4.650' y='-6.985' font-size='0.360' fill='#1c1206' text-anchor='middle' dominant-baseline='central' pointer-events='none' font-family='ui-monospace,monospace' font-weight='700'>27</text><rect class='ly-copper pad' data-num='28' data-name='GPA7' x='3.625' y='-8.555' width='2.050' height='0.600' rx='0.150' fill='#f59e0b' stroke='#00000033' stroke-width='0.03' opacity='0.94'/><text class='padnum' x='4.650' y='-8.255' font-size='0.360' fill='#1c1206' text-anchor='middle' dominant-baseline='central' pointer-events='none' font-family='ui-monospace,monospace' font-weight='700'>28</text></svg></div>+<div class=stage id=stage><svg xmlns='http://www.w3.org/2000/svg' viewBox='-6.330 -9.690 12.660 19.290' style='width:100%;height:100%'><line class='ly-silk' x1='-3.860' y1='-9.060' x2='3.860' y2='-9.060' stroke='#d8b4fe' stroke-width='0.120'/><line class='ly-silk' x1='-3.860' y1='-8.815' x2='-3.860' y2='-9.060' stroke='#d8b4fe' stroke-width='0.120'/><line class='ly-silk' x1='-3.860' y1='9.060' x2='-3.860' y2='8.815' stroke='#d8b4fe' stroke-width='0.120'/><line class='ly-silk' x1='3.860' y1='-9.060' x2='3.860' y2='-8.815' stroke='#d8b4fe' stroke-width='0.120'/><line class='ly-silk' x1='3.860' y1='8.815' x2='3.860' y2='9.060' stroke='#d8b4fe' stroke-width='0.120'/><line class='ly-silk' x1='3.860' y1='9.060' x2='-3.860' y2='9.060' stroke='#d8b4fe' stroke-width='0.120'/><line class='ly-courtyard' x1='-5.930' y1='-8.810' x2='-4.000' y2='-8.810' stroke='#4ade80' stroke-width='0.050'/><line class='ly-courtyard' x1='-5.930' y1='8.810' x2='-5.930' y2='-8.810' stroke='#4ade80' stroke-width='0.050'/><line class='ly-courtyard' x1='-4.000' y1='-9.200' x2='4.000' y2='-9.200' stroke='#4ade80' stroke-width='0.050'/><line class='ly-courtyard' x1='-4.000' y1='-8.810' x2='-4.000' y2='-9.200' stroke='#4ade80' stroke-width='0.050'/><line class='ly-courtyard' x1='-4.000' y1='8.810' x2='-5.930' y2='8.810' stroke='#4ade80' stroke-width='0.050'/><line class='ly-courtyard' x1='-4.000' y1='9.200' x2='-4.000' y2='8.810' stroke='#4ade80' stroke-width='0.050'/><line class='ly-courtyard' x1='4.000' y1='-9.200' x2='4.000' y2='-8.810' stroke='#4ade80' stroke-width='0.050'/><line class='ly-courtyard' x1='4.000' y1='-8.810' x2='5.930' y2='-8.810' stroke='#4ade80' stroke-width='0.050'/><line class='ly-courtyard' x1='4.000' y1='8.810' x2='4.000' y2='9.200' stroke='#4ade80' stroke-width='0.050'/><line class='ly-courtyard' x1='4.000' y1='9.200' x2='-4.000' y2='9.200' stroke='#4ade80' stroke-width='0.050'/><line class='ly-courtyard' x1='5.930' y1='-8.810' x2='5.930' y2='8.810' stroke='#4ade80' stroke-width='0.050'/><line class='ly-courtyard' x1='5.930' y1='8.810' x2='4.000' y2='8.810' stroke='#4ade80' stroke-width='0.050'/><polygon class='ly-silk' points='-4.650,-8.820 -4.990,-9.290 -4.310,-9.290' fill='#d8b4fe' stroke='none'/><polygon class='ly-fab' points='-2.750,-8.950 3.750,-8.950 3.750,8.950 -3.750,8.950 -3.750,-7.950' fill='none' stroke='#f472b6' stroke-width='0.100'/><rect class='ly-copper pad' data-num='1' data-name='GPB0' x='-5.675' y='-8.555' width='2.050' height='0.600' rx='0.150' fill='#f59e0b' stroke='#00000033' stroke-width='0.03' opacity='0.94'/><text class='padnum' x='-4.650' y='-8.255' font-size='0.360' fill='#1c1206' text-anchor='middle' dominant-baseline='central' pointer-events='none' font-family='ui-monospace,monospace' font-weight='700'>1</text><rect class='ly-copper pad' data-num='2' data-name='GPB1' x='-5.675' y='-7.285' width='2.050' height='0.600' rx='0.150' fill='#f59e0b' stroke='#00000033' stroke-width='0.03' opacity='0.94'/><text class='padnum' x='-4.650' y='-6.985' font-size='0.360' fill='#1c1206' text-anchor='middle' dominant-baseline='central' pointer-events='none' font-family='ui-monospace,monospace' font-weight='700'>2</text><rect class='ly-copper pad' data-num='3' data-name='GPB2' x='-5.675' y='-6.015' width='2.050' height='0.600' rx='0.150' fill='#f59e0b' stroke='#00000033' stroke-width='0.03' opacity='0.94'/><text class='padnum' x='-4.650' y='-5.715' font-size='0.360' fill='#1c1206' text-anchor='middle' dominant-baseline='central' pointer-events='none' font-family='ui-monospace,monospace' font-weight='700'>3</text><rect class='ly-copper pad' data-num='4' data-name='GPB3' x='-5.675' y='-4.745' width='2.050' height='0.600' rx='0.150' fill='#f59e0b' stroke='#00000033' stroke-width='0.03' opacity='0.94'/><text class='padnum' x='-4.650' y='-4.445' font-size='0.360' fill='#1c1206' text-anchor='middle' dominant-baseline='central' pointer-events='none' font-family='ui-monospace,monospace' font-weight='700'>4</text><rect class='ly-copper pad' data-num='5' data-name='GPB4' x='-5.675' y='-3.475' width='2.050' height='0.600' rx='0.150' fill='#f59e0b' stroke='#00000033' stroke-width='0.03' opacity='0.94'/><text class='padnum' x='-4.650' y='-3.175' font-size='0.360' fill='#1c1206' text-anchor='middle' dominant-baseline='central' pointer-events='none' font-family='ui-monospace,monospace' font-weight='700'>5</text><rect class='ly-copper pad' data-num='6' data-name='GPB5' x='-5.675' y='-2.205' width='2.050' height='0.600' rx='0.150' fill='#f59e0b' stroke='#00000033' stroke-width='0.03' opacity='0.94'/><text class='padnum' x='-4.650' y='-1.905' font-size='0.360' fill='#1c1206' text-anchor='middle' dominant-baseline='central' pointer-events='none' font-family='ui-monospace,monospace' font-weight='700'>6</text><rect class='ly-copper pad' data-num='7' data-name='GPB6' x='-5.675' y='-0.935' width='2.050' height='0.600' rx='0.150' fill='#f59e0b' stroke='#00000033' stroke-width='0.03' opacity='0.94'/><text class='padnum' x='-4.650' y='-0.635' font-size='0.360' fill='#1c1206' text-anchor='middle' dominant-baseline='central' pointer-events='none' font-family='ui-monospace,monospace' font-weight='700'>7</text><rect class='ly-copper pad' data-num='8' data-name='GPB7' x='-5.675' y='0.335' width='2.050' height='0.600' rx='0.150' fill='#f59e0b' stroke='#00000033' stroke-width='0.03' opacity='0.94'/><text class='padnum' x='-4.650' y='0.635' font-size='0.360' fill='#1c1206' text-anchor='middle' dominant-baseline='central' pointer-events='none' font-family='ui-monospace,monospace' font-weight='700'>8</text><rect class='ly-copper pad' data-num='9' data-name='VDD' x='-5.675' y='1.605' width='2.050' height='0.600' rx='0.150' fill='#f59e0b' stroke='#00000033' stroke-width='0.03' opacity='0.94'/><text class='padnum' x='-4.650' y='1.905' font-size='0.360' fill='#1c1206' text-anchor='middle' dominant-baseline='central' pointer-events='none' font-family='ui-monospace,monospace' font-weight='700'>9</text><rect class='ly-copper pad' data-num='10' data-name='VSS' x='-5.675' y='2.875' width='2.050' height='0.600' rx='0.150' fill='#f59e0b' stroke='#00000033' stroke-width='0.03' opacity='0.94'/><text class='padnum' x='-4.650' y='3.175' font-size='0.360' fill='#1c1206' text-anchor='middle' dominant-baseline='central' pointer-events='none' font-family='ui-monospace,monospace' font-weight='700'>10</text><rect class='ly-copper pad' data-num='11' data-name='NC' x='-5.675' y='4.145' width='2.050' height='0.600' rx='0.150' fill='#f59e0b' stroke='#00000033' stroke-width='0.03' opacity='0.94'/><text class='padnum' x='-4.650' y='4.445' font-size='0.360' fill='#1c1206' text-anchor='middle' dominant-baseline='central' pointer-events='none' font-family='ui-monospace,monospace' font-weight='700'>11</text><rect class='ly-copper pad' data-num='12' data-name='SCK' x='-5.675' y='5.415' width='2.050' height='0.600' rx='0.150' fill='#f59e0b' stroke='#00000033' stroke-width='0.03' opacity='0.94'/><text class='padnum' x='-4.650' y='5.715' font-size='0.360' fill='#1c1206' text-anchor='middle' dominant-baseline='central' pointer-events='none' font-family='ui-monospace,monospace' font-weight='700'>12</text><rect class='ly-copper pad' data-num='13' data-name='SDA' x='-5.675' y='6.685' width='2.050' height='0.600' rx='0.150' fill='#f59e0b' stroke='#00000033' stroke-width='0.03' opacity='0.94'/><text class='padnum' x='-4.650' y='6.985' font-size='0.360' fill='#1c1206' text-anchor='middle' dominant-baseline='central' pointer-events='none' font-family='ui-monospace,monospace' font-weight='700'>13</text><rect class='ly-copper pad' data-num='14' data-name='NC' x='-5.675' y='7.955' width='2.050' height='0.600' rx='0.150' fill='#f59e0b' stroke='#00000033' stroke-width='0.03' opacity='0.94'/><text class='padnum' x='-4.650' y='8.255' font-size='0.360' fill='#1c1206' text-anchor='middle' dominant-baseline='central' pointer-events='none' font-family='ui-monospace,monospace' font-weight='700'>14</text><rect class='ly-copper pad' data-num='15' data-name='A0' x='3.625' y='7.955' width='2.050' height='0.600' rx='0.150' fill='#f59e0b' stroke='#00000033' stroke-width='0.03' opacity='0.94'/><text class='padnum' x='4.650' y='8.255' font-size='0.360' fill='#1c1206' text-anchor='middle' dominant-baseline='central' pointer-events='none' font-family='ui-monospace,monospace' font-weight='700'>15</text><rect class='ly-copper pad' data-num='16' data-name='A1' x='3.625' y='6.685' width='2.050' height='0.600' rx='0.150' fill='#f59e0b' stroke='#00000033' stroke-width='0.03' opacity='0.94'/><text class='padnum' x='4.650' y='6.985' font-size='0.360' fill='#1c1206' text-anchor='middle' dominant-baseline='central' pointer-events='none' font-family='ui-monospace,monospace' font-weight='700'>16</text><rect class='ly-copper pad' data-num='17' data-name='A2' x='3.625' y='5.415' width='2.050' height='0.600' rx='0.150' fill='#f59e0b' stroke='#00000033' stroke-width='0.03' opacity='0.94'/><text class='padnum' x='4.650' y='5.715' font-size='0.360' fill='#1c1206' text-anchor='middle' dominant-baseline='central' pointer-events='none' font-family='ui-monospace,monospace' font-weight='700'>17</text><rect class='ly-copper pad' data-num='18' data-name='~{RESET}' x='3.625' y='4.145' width='2.050' height='0.600' rx='0.150' fill='#f59e0b' stroke='#00000033' stroke-width='0.03' opacity='0.94'/><text class='padnum' x='4.650' y='4.445' font-size='0.360' fill='#1c1206' text-anchor='middle' dominant-baseline='central' pointer-events='none' font-family='ui-monospace,monospace' font-weight='700'>18</text><rect class='ly-copper pad' data-num='19' data-name='INTB' x='3.625' y='2.875' width='2.050' height='0.600' rx='0.150' fill='#f59e0b' stroke='#00000033' stroke-width='0.03' opacity='0.94'/><text class='padnum' x='4.650' y='3.175' font-size='0.360' fill='#1c1206' text-anchor='middle' dominant-baseline='central' pointer-events='none' font-family='ui-monospace,monospace' font-weight='700'>19</text><rect class='ly-copper pad' data-num='20' data-name='INTA' x='3.625' y='1.605' width='2.050' height='0.600' rx='0.150' fill='#f59e0b' stroke='#00000033' stroke-width='0.03' opacity='0.94'/><text class='padnum' x='4.650' y='1.905' font-size='0.360' fill='#1c1206' text-anchor='middle' dominant-baseline='central' pointer-events='none' font-family='ui-monospace,monospace' font-weight='700'>20</text><rect class='ly-copper pad' data-num='21' data-name='GPA0' x='3.625' y='0.335' width='2.050' height='0.600' rx='0.150' fill='#f59e0b' stroke='#00000033' stroke-width='0.03' opacity='0.94'/><text class='padnum' x='4.650' y='0.635' font-size='0.360' fill='#1c1206' text-anchor='middle' dominant-baseline='central' pointer-events='none' font-family='ui-monospace,monospace' font-weight='700'>21</text><rect class='ly-copper pad' data-num='22' data-name='GPA1' x='3.625' y='-0.935' width='2.050' height='0.600' rx='0.150' fill='#f59e0b' stroke='#00000033' stroke-width='0.03' opacity='0.94'/><text class='padnum' x='4.650' y='-0.635' font-size='0.360' fill='#1c1206' text-anchor='middle' dominant-baseline='central' pointer-events='none' font-family='ui-monospace,monospace' font-weight='700'>22</text><rect class='ly-copper pad' data-num='23' data-name='GPA2' x='3.625' y='-2.205' width='2.050' height='0.600' rx='0.150' fill='#f59e0b' stroke='#00000033' stroke-width='0.03' opacity='0.94'/><text class='padnum' x='4.650' y='-1.905' font-size='0.360' fill='#1c1206' text-anchor='middle' dominant-baseline='central' pointer-events='none' font-family='ui-monospace,monospace' font-weight='700'>23</text><rect class='ly-copper pad' data-num='24' data-name='GPA3' x='3.625' y='-3.475' width='2.050' height='0.600' rx='0.150' fill='#f59e0b' stroke='#00000033' stroke-width='0.03' opacity='0.94'/><text class='padnum' x='4.650' y='-3.175' font-size='0.360' fill='#1c1206' text-anchor='middle' dominant-baseline='central' pointer-events='none' font-family='ui-monospace,monospace' font-weight='700'>24</text><rect class='ly-copper pad' data-num='25' data-name='GPA4' x='3.625' y='-4.745' width='2.050' height='0.600' rx='0.150' fill='#f59e0b' stroke='#00000033' stroke-width='0.03' opacity='0.94'/><text class='padnum' x='4.650' y='-4.445' font-size='0.360' fill='#1c1206' text-anchor='middle' dominant-baseline='central' pointer-events='none' font-family='ui-monospace,monospace' font-weight='700'>25</text><rect class='ly-copper pad' data-num='26' data-name='GPA5' x='3.625' y='-6.015' width='2.050' height='0.600' rx='0.150' fill='#f59e0b' stroke='#00000033' stroke-width='0.03' opacity='0.94'/><text class='padnum' x='4.650' y='-5.715' font-size='0.360' fill='#1c1206' text-anchor='middle' dominant-baseline='central' pointer-events='none' font-family='ui-monospace,monospace' font-weight='700'>26</text><rect class='ly-copper pad' data-num='27' data-name='GPA6' x='3.625' y='-7.285' width='2.050' height='0.600' rx='0.150' fill='#f59e0b' stroke='#00000033' stroke-width='0.03' opacity='0.94'/><text class='padnum' x='4.650' y='-6.985' font-size='0.360' fill='#1c1206' text-anchor='middle' dominant-baseline='central' pointer-events='none' font-family='ui-monospace,monospace' font-weight='700'>27</text><rect class='ly-copper pad' data-num='28' data-name='GPA7' x='3.625' y='-8.555' width='2.050' height='0.600' rx='0.150' fill='#f59e0b' stroke='#00000033' stroke-width='0.03' opacity='0.94'/><text class='padnum' x='4.650' y='-8.255' font-size='0.360' fill='#1c1206' text-anchor='middle' dominant-baseline='central' pointer-events='none' font-family='ui-monospace,monospace' font-weight='700'>28</text></svg></div> <div id=tip></div> <script>-var KIND="footprint", MPN="MCP23017", PINS=[{"desc":"PORTB bit 0 bidirectional I/O.","name":"GPB0","number":"1","type":"Bidir"},{"desc":"PORTB bit 1 bidirectional I/O.","name":"GPB1","number":"2","type":"Bidir"},{"desc":"PORTB bit 2 bidirectional I/O with optional interrupt-on-change and weak pull-up.","name":"GPB2","number":"3","type":"Bidir"},{"desc":"PORTB bit 3 bidirectional I/O with optional interrupt-on-change and weak pull-up.","name":"GPB3","number":"4","type":"Bidir"},{"desc":"PORTB bit 4 bidirectional I/O with optional interrupt-on-change and weak pull-up.","name":"GPB4","number":"5","type":"Bidir"},{"desc":"PORTB bit 5 bidirectional I/O with optional interrupt-on-change and weak pull-up.","name":"GPB5","number":"6","type":"Bidir"},{"desc":"PORTB bit 6 bidirectional I/O with optional interrupt-on-change and weak pull-up.","name":"GPB6","number":"7","type":"Bidir"},{"desc":"PORTB bit 7 bidirectional I/O with optional interrupt-on-change and weak pull-up.","name":"GPB7","number":"8","type":"Bidir"},{"desc":"Positive supply.","name":"V_{DD}","number":"9","type":"Power"},{"desc":"Ground reference for supply and all I/O.","name":"V_{SS}","number":"10","type":"Power"},{"desc":"No connect on MCP23017 (this pin is Chip Select /CS on the SPI-variant MCP23S17).","name":"NC","number":"11","type":"NC"},{"desc":"I2C serial clock input (Schmitt-trigger).","name":"SCK","number":"12","type":"Input"},{"desc":"I2C serial data (open-drain, Schmitt-trigger input).","name":"SDA","number":"13","type":"Bidir"},{"desc":"No connect on MCP23017 (this pin is SPI Serial Out on MCP23S17).","name":"NC","number":"14","type":"NC"},{"desc":"Hardware slave address bit 0 (TTL buffer).","name":"A0","number":"15","type":"Input"},{"desc":"Hardware slave address bit 1 (TTL buffer).","name":"A1","number":"16","type":"Input"},{"desc":"Hardware slave address bit 2 (TTL buffer).","name":"A2","number":"17","type":"Input"},{"desc":"Active-low hardware reset (Schmitt-trigger).","name":"~{RESET}","number":"18","type":"Input"},{"desc":"Interrupt output for PORTB.","name":"INTB","number":"19","type":"Output"},{"desc":"Interrupt output for PORTA.","name":"INTA","number":"20","type":"Output"},{"desc":"PORTA bit 0 bidirectional I/O.","name":"GPA0","number":"21","type":"Bidir"},{"desc":"PORTA bit 1 bidirectional I/O with optional interrupt-on-change and weak pull-up.","name":"GPA1","number":"22","type":"Bidir"},{"desc":"PORTA bit 2 bidirectional I/O with optional interrupt-on-change and weak pull-up.","name":"GPA2","number":"23","type":"Bidir"},{"desc":"PORTA bit 3 bidirectional I/O with optional interrupt-on-change and weak pull-up.","name":"GPA3","number":"24","type":"Bidir"},{"desc":"PORTA bit 4 bidirectional I/O with optional interrupt-on-change and weak pull-up.","name":"GPA4","number":"25","type":"Bidir"},{"desc":"PORTA bit 5 bidirectional I/O with optional interrupt-on-change and weak pull-up.","name":"GPA5","number":"26","type":"Bidir"},{"desc":"PORTA bit 6 bidirectional I/O with optional interrupt-on-change and weak pull-up.","name":"GPA6","number":"27","type":"Bidir"},{"desc":"PORTA bit 7 bidirectional I/O with optional interrupt-on-change and weak pull-up.","name":"GPA7","number":"28","type":"Bidir"}];+var KIND="footprint", MPN="ADOM/MCP23017", PINS=[{"desc":"","name":"GPB0","number":"1","type":""},{"desc":"","name":"GPB1","number":"2","type":""},{"desc":"","name":"GPB2","number":"3","type":""},{"desc":"","name":"GPB3","number":"4","type":""},{"desc":"","name":"GPB4","number":"5","type":""},{"desc":"","name":"GPB5","number":"6","type":""},{"desc":"","name":"GPB6","number":"7","type":""},{"desc":"","name":"GPB7","number":"8","type":""},{"desc":"","name":"VDD","number":"9","type":""},{"desc":"","name":"VSS","number":"10","type":""},{"desc":"","name":"NC","number":"11","type":""},{"desc":"","name":"SCK","number":"12","type":""},{"desc":"","name":"SDA","number":"13","type":""},{"desc":"","name":"NC","number":"14","type":""},{"desc":"","name":"A0","number":"15","type":""},{"desc":"","name":"A1","number":"16","type":""},{"desc":"","name":"A2","number":"17","type":""},{"desc":"","name":"~{RESET}","number":"18","type":""},{"desc":"","name":"INTB","number":"19","type":""},{"desc":"","name":"INTA","number":"20","type":""},{"desc":"","name":"GPA0","number":"21","type":""},{"desc":"","name":"GPA1","number":"22","type":""},{"desc":"","name":"GPA2","number":"23","type":""},{"desc":"","name":"GPA3","number":"24","type":""},{"desc":"","name":"GPA4","number":"25","type":""},{"desc":"","name":"GPA5","number":"26","type":""},{"desc":"","name":"GPA6","number":"27","type":""},{"desc":"","name":"GPA7","number":"28","type":""}]; var byNum={}; PINS.forEach(function(p){byNum[String(p.number)]=p;}); var stage=document.getElementById('stage'), svg=stage.querySelector('svg'), tip=document.getElementById('tip'); // ---- pan/zoom ----
viewers/symbol.html+3−3
@@ -1,5 +1,5 @@ <!doctype html><html lang=en><head><meta charset=utf-8>-<meta name=viewport content="width=device-width,initial-scale=1"><title>MCP23017 symbol</title>+<meta name=viewport content="width=device-width,initial-scale=1"><title>ADOM/MCP23017 symbol</title> <style> :root{--bg:#0d1117;--panel:#161b22;--edge:#30363d;--ink:#e6edf3;--mut:#8b949e;--acc:#00b8b0;--accb:#00e6dc;--hi:#6ea8fe} *{box-sizing:border-box;margin:0}html,body{height:100%}@@ -23,10 +23,10 @@ rect.pad.hi{stroke:var(--hi);stroke-width:.15;paint-order:stroke} #tip .td{font-size:11px;color:var(--ink);margin-top:5px;line-height:1.4} </style></head><body> <div class=bar><span class=h>Schematic symbol</span><span class=sp></span></div>-<div class=stage id=stage><svg xmlns='http://www.w3.org/2000/svg' viewBox='-550 -1050 1100 2100' style='width:100%;height:100%'><rect x='-400.0' y='-900.0' width='800.0' height='1800.0' fill='#e35d5d22' stroke='#e35d5d' stroke-width='4'/><g class='pingroup' data-num='1' data-name='GPB0'><line class='pinvis' x1='500.0' y1='100.0' x2='400.0' y2='100.0' stroke='#dfe4ec' stroke-width='4'/><line x1='500.0' y1='100.0' x2='400.0' y2='100.0' stroke='transparent' stroke-width='26' pointer-events='stroke'/></g><text x='450.0' y='62.5' font-size='50' fill='#9fb0c8' text-anchor='middle' dominant-baseline='central'>1</text><text x='375.0' y='100.0' font-size='50' fill='#e6e9ef' text-anchor='end' dominant-baseline='central'>GPB0</text><g class='pingroup' data-num='2' data-name='GPB1'><line class='pinvis' x1='500.0' y1='200.0' x2='400.0' y2='200.0' stroke='#dfe4ec' stroke-width='4'/><line x1='500.0' y1='200.0' x2='400.0' y2='200.0' stroke='transparent' stroke-width='26' pointer-events='stroke'/></g><text x='450.0' y='162.5' font-size='50' fill='#9fb0c8' text-anchor='middle' dominant-baseline='central'>2</text><text x='375.0' y='200.0' font-size='50' fill='#e6e9ef' text-anchor='end' dominant-baseline='central'>GPB1</text><g class='pingroup' data-num='3' data-name='GPB2'><line class='pinvis' x1='500.0' y1='300.0' x2='400.0' y2='300.0' stroke='#dfe4ec' stroke-width='4'/><line x1='500.0' y1='300.0' x2='400.0' y2='300.0' stroke='transparent' stroke-width='26' pointer-events='stroke'/></g><text x='450.0' y='262.5' font-size='50' fill='#9fb0c8' text-anchor='middle' dominant-baseline='central'>3</text><text x='375.0' y='300.0' font-size='50' fill='#e6e9ef' text-anchor='end' dominant-baseline='central'>GPB2</text><g class='pingroup' data-num='4' data-name='GPB3'><line class='pinvis' x1='500.0' y1='400.0' x2='400.0' y2='400.0' stroke='#dfe4ec' stroke-width='4'/><line x1='500.0' y1='400.0' x2='400.0' y2='400.0' stroke='transparent' stroke-width='26' pointer-events='stroke'/></g><text x='450.0' y='362.5' font-size='50' fill='#9fb0c8' text-anchor='middle' dominant-baseline='central'>4</text><text x='375.0' y='400.0' font-size='50' fill='#e6e9ef' text-anchor='end' dominant-baseline='central'>GPB3</text><g class='pingroup' data-num='5' data-name='GPB4'><line class='pinvis' x1='500.0' y1='500.0' x2='400.0' y2='500.0' stroke='#dfe4ec' stroke-width='4'/><line x1='500.0' y1='500.0' x2='400.0' y2='500.0' stroke='transparent' stroke-width='26' pointer-events='stroke'/></g><text x='450.0' y='462.5' font-size='50' fill='#9fb0c8' text-anchor='middle' dominant-baseline='central'>5</text><text x='375.0' y='500.0' font-size='50' fill='#e6e9ef' text-anchor='end' dominant-baseline='central'>GPB4</text><g class='pingroup' data-num='6' data-name='GPB5'><line class='pinvis' x1='500.0' y1='600.0' x2='400.0' y2='600.0' stroke='#dfe4ec' stroke-width='4'/><line x1='500.0' y1='600.0' x2='400.0' y2='600.0' stroke='transparent' stroke-width='26' pointer-events='stroke'/></g><text x='450.0' y='562.5' font-size='50' fill='#9fb0c8' text-anchor='middle' dominant-baseline='central'>6</text><text x='375.0' y='600.0' font-size='50' fill='#e6e9ef' text-anchor='end' dominant-baseline='central'>GPB5</text><g class='pingroup' data-num='7' data-name='GPB6'><line class='pinvis' x1='500.0' y1='700.0' x2='400.0' y2='700.0' stroke='#dfe4ec' stroke-width='4'/><line x1='500.0' y1='700.0' x2='400.0' y2='700.0' stroke='transparent' stroke-width='26' pointer-events='stroke'/></g><text x='450.0' y='662.5' font-size='50' fill='#9fb0c8' text-anchor='middle' dominant-baseline='central'>7</text><text x='375.0' y='700.0' font-size='50' fill='#e6e9ef' text-anchor='end' dominant-baseline='central'>GPB6</text><g class='pingroup' data-num='8' data-name='GPB7'><line class='pinvis' x1='500.0' y1='800.0' x2='400.0' y2='800.0' stroke='#dfe4ec' stroke-width='4'/><line x1='500.0' y1='800.0' x2='400.0' y2='800.0' stroke='transparent' stroke-width='26' pointer-events='stroke'/></g><text x='450.0' y='762.5' font-size='50' fill='#9fb0c8' text-anchor='middle' dominant-baseline='central'>8</text><text x='375.0' y='800.0' font-size='50' fill='#e6e9ef' text-anchor='end' dominant-baseline='central'>GPB7</text><g class='pingroup' data-num='9' data-name='V_{DD}'><line class='pinvis' x1='0.0' y1='-1000.0' x2='0.0' y2='-900.0' stroke='#dfe4ec' stroke-width='4'/><line x1='0.0' y1='-1000.0' x2='0.0' y2='-900.0' stroke='transparent' stroke-width='26' pointer-events='stroke'/></g><text x='-37.5' y='-950.0' font-size='50' fill='#9fb0c8' text-anchor='middle' dominant-baseline='central'>9</text><text x='0.0' y='-875.0' font-size='50' fill='#e6e9ef' text-anchor='middle' dominant-baseline='central'>V_{DD}</text><g class='pingroup' data-num='10' data-name='V_{SS}'><line class='pinvis' x1='0.0' y1='1000.0' x2='0.0' y2='900.0' stroke='#dfe4ec' stroke-width='4'/><line x1='0.0' y1='1000.0' x2='0.0' y2='900.0' stroke='transparent' stroke-width='26' pointer-events='stroke'/></g><text x='37.5' y='950.0' font-size='50' fill='#9fb0c8' text-anchor='middle' dominant-baseline='central'>10</text><text x='0.0' y='875.0' font-size='50' fill='#e6e9ef' text-anchor='middle' dominant-baseline='central'>V_{SS}</text><g class='pingroup' data-num='11' data-name='NC'><line class='pinvis' x1='-400.0' y1='-600.0' x2='-300.0' y2='-600.0' stroke='#dfe4ec' stroke-width='4'/><line x1='-400.0' y1='-600.0' x2='-300.0' y2='-600.0' stroke='transparent' stroke-width='26' pointer-events='stroke'/></g><text x='-350.0' y='-562.5' font-size='50' fill='#9fb0c8' text-anchor='middle' dominant-baseline='central'>11</text><text x='-275.0' y='-600.0' font-size='50' fill='#e6e9ef' text-anchor='start' dominant-baseline='central'>NC</text><g class='pingroup' data-num='12' data-name='SCK'><line class='pinvis' x1='-500.0' y1='-800.0' x2='-400.0' y2='-800.0' stroke='#dfe4ec' stroke-width='4'/><line x1='-500.0' y1='-800.0' x2='-400.0' y2='-800.0' stroke='transparent' stroke-width='26' pointer-events='stroke'/></g><text x='-450.0' y='-762.5' font-size='50' fill='#9fb0c8' text-anchor='middle' dominant-baseline='central'>12</text><text x='-375.0' y='-800.0' font-size='50' fill='#e6e9ef' text-anchor='start' dominant-baseline='central'>SCK</text><g class='pingroup' data-num='13' data-name='SDA'><line class='pinvis' x1='-500.0' y1='-700.0' x2='-400.0' y2='-700.0' stroke='#dfe4ec' stroke-width='4'/><line x1='-500.0' y1='-700.0' x2='-400.0' y2='-700.0' stroke='transparent' stroke-width='26' pointer-events='stroke'/></g><text x='-450.0' y='-662.5' font-size='50' fill='#9fb0c8' text-anchor='middle' dominant-baseline='central'>13</text><text x='-375.0' y='-700.0' font-size='50' fill='#e6e9ef' text-anchor='start' dominant-baseline='central'>SDA</text><g class='pingroup' data-num='14' data-name='NC'><line class='pinvis' x1='-400.0' y1='-500.0' x2='-300.0' y2='-500.0' stroke='#dfe4ec' stroke-width='4'/><line x1='-400.0' y1='-500.0' x2='-300.0' y2='-500.0' stroke='transparent' stroke-width='26' pointer-events='stroke'/></g><text x='-350.0' y='-462.5' font-size='50' fill='#9fb0c8' text-anchor='middle' dominant-baseline='central'>14</text><text x='-275.0' y='-500.0' font-size='50' fill='#e6e9ef' text-anchor='start' dominant-baseline='central'>NC</text><g class='pingroup' data-num='15' data-name='A0'><line class='pinvis' x1='-500.0' y1='600.0' x2='-400.0' y2='600.0' stroke='#dfe4ec' stroke-width='4'/><line x1='-500.0' y1='600.0' x2='-400.0' y2='600.0' stroke='transparent' stroke-width='26' pointer-events='stroke'/></g><text x='-450.0' y='637.5' font-size='50' fill='#9fb0c8' text-anchor='middle' dominant-baseline='central'>15</text><text x='-375.0' y='600.0' font-size='50' fill='#e6e9ef' text-anchor='start' dominant-baseline='central'>A0</text><g class='pingroup' data-num='16' data-name='A1'><line class='pinvis' x1='-500.0' y1='700.0' x2='-400.0' y2='700.0' stroke='#dfe4ec' stroke-width='4'/><line x1='-500.0' y1='700.0' x2='-400.0' y2='700.0' stroke='transparent' stroke-width='26' pointer-events='stroke'/></g><text x='-450.0' y='737.5' font-size='50' fill='#9fb0c8' text-anchor='middle' dominant-baseline='central'>16</text><text x='-375.0' y='700.0' font-size='50' fill='#e6e9ef' text-anchor='start' dominant-baseline='central'>A1</text><g class='pingroup' data-num='17' data-name='A2'><line class='pinvis' x1='-500.0' y1='800.0' x2='-400.0' y2='800.0' stroke='#dfe4ec' stroke-width='4'/><line x1='-500.0' y1='800.0' x2='-400.0' y2='800.0' stroke='transparent' stroke-width='26' pointer-events='stroke'/></g><text x='-450.0' y='837.5' font-size='50' fill='#9fb0c8' text-anchor='middle' dominant-baseline='central'>17</text><text x='-375.0' y='800.0' font-size='50' fill='#e6e9ef' text-anchor='start' dominant-baseline='central'>A2</text><g class='pingroup' data-num='18' data-name='~{RESET}'><line class='pinvis' x1='-500.0' y1='100.0' x2='-400.0' y2='100.0' stroke='#dfe4ec' stroke-width='4'/><line x1='-500.0' y1='100.0' x2='-400.0' y2='100.0' stroke='transparent' stroke-width='26' pointer-events='stroke'/></g><text x='-450.0' y='137.5' font-size='50' fill='#9fb0c8' text-anchor='middle' dominant-baseline='central'>18</text><text x='-375.0' y='100.0' font-size='50' fill='#e6e9ef' text-anchor='start' dominant-baseline='central'>~{RESET}</text><g class='pingroup' data-num='19' data-name='INTB'><line class='pinvis' x1='-500.0' y1='-100.0' x2='-400.0' y2='-100.0' stroke='#dfe4ec' stroke-width='4'/><line x1='-500.0' y1='-100.0' x2='-400.0' y2='-100.0' stroke='transparent' stroke-width='26' pointer-events='stroke'/></g><text x='-450.0' y='-62.5' font-size='50' fill='#9fb0c8' text-anchor='middle' dominant-baseline='central'>19</text><text x='-375.0' y='-100.0' font-size='50' fill='#e6e9ef' text-anchor='start' dominant-baseline='central'>INTB</text><g class='pingroup' data-num='20' data-name='INTA'><line class='pinvis' x1='-500.0' y1='-200.0' x2='-400.0' y2='-200.0' stroke='#dfe4ec' stroke-width='4'/><line x1='-500.0' y1='-200.0' x2='-400.0' y2='-200.0' stroke='transparent' stroke-width='26' pointer-events='stroke'/></g><text x='-450.0' y='-162.5' font-size='50' fill='#9fb0c8' text-anchor='middle' dominant-baseline='central'>20</text><text x='-375.0' y='-200.0' font-size='50' fill='#e6e9ef' text-anchor='start' dominant-baseline='central'>INTA</text><g class='pingroup' data-num='21' data-name='GPA0'><line class='pinvis' x1='500.0' y1='-800.0' x2='400.0' y2='-800.0' stroke='#dfe4ec' stroke-width='4'/><line x1='500.0' y1='-800.0' x2='400.0' y2='-800.0' stroke='transparent' stroke-width='26' pointer-events='stroke'/></g><text x='450.0' y='-837.5' font-size='50' fill='#9fb0c8' text-anchor='middle' dominant-baseline='central'>21</text><text x='375.0' y='-800.0' font-size='50' fill='#e6e9ef' text-anchor='end' dominant-baseline='central'>GPA0</text><g class='pingroup' data-num='22' data-name='GPA1'><line class='pinvis' x1='500.0' y1='-700.0' x2='400.0' y2='-700.0' stroke='#dfe4ec' stroke-width='4'/><line x1='500.0' y1='-700.0' x2='400.0' y2='-700.0' stroke='transparent' stroke-width='26' pointer-events='stroke'/></g><text x='450.0' y='-737.5' font-size='50' fill='#9fb0c8' text-anchor='middle' dominant-baseline='central'>22</text><text x='375.0' y='-700.0' font-size='50' fill='#e6e9ef' text-anchor='end' dominant-baseline='central'>GPA1</text><g class='pingroup' data-num='23' data-name='GPA2'><line class='pinvis' x1='500.0' y1='-600.0' x2='400.0' y2='-600.0' stroke='#dfe4ec' stroke-width='4'/><line x1='500.0' y1='-600.0' x2='400.0' y2='-600.0' stroke='transparent' stroke-width='26' pointer-events='stroke'/></g><text x='450.0' y='-637.5' font-size='50' fill='#9fb0c8' text-anchor='middle' dominant-baseline='central'>23</text><text x='375.0' y='-600.0' font-size='50' fill='#e6e9ef' text-anchor='end' dominant-baseline='central'>GPA2</text><g class='pingroup' data-num='24' data-name='GPA3'><line class='pinvis' x1='500.0' y1='-500.0' x2='400.0' y2='-500.0' stroke='#dfe4ec' stroke-width='4'/><line x1='500.0' y1='-500.0' x2='400.0' y2='-500.0' stroke='transparent' stroke-width='26' pointer-events='stroke'/></g><text x='450.0' y='-537.5' font-size='50' fill='#9fb0c8' text-anchor='middle' dominant-baseline='central'>24</text><text x='375.0' y='-500.0' font-size='50' fill='#e6e9ef' text-anchor='end' dominant-baseline='central'>GPA3</text><g class='pingroup' data-num='25' data-name='GPA4'><line class='pinvis' x1='500.0' y1='-400.0' x2='400.0' y2='-400.0' stroke='#dfe4ec' stroke-width='4'/><line x1='500.0' y1='-400.0' x2='400.0' y2='-400.0' stroke='transparent' stroke-width='26' pointer-events='stroke'/></g><text x='450.0' y='-437.5' font-size='50' fill='#9fb0c8' text-anchor='middle' dominant-baseline='central'>25</text><text x='375.0' y='-400.0' font-size='50' fill='#e6e9ef' text-anchor='end' dominant-baseline='central'>GPA4</text><g class='pingroup' data-num='26' data-name='GPA5'><line class='pinvis' x1='500.0' y1='-300.0' x2='400.0' y2='-300.0' stroke='#dfe4ec' stroke-width='4'/><line x1='500.0' y1='-300.0' x2='400.0' y2='-300.0' stroke='transparent' stroke-width='26' pointer-events='stroke'/></g><text x='450.0' y='-337.5' font-size='50' fill='#9fb0c8' text-anchor='middle' dominant-baseline='central'>26</text><text x='375.0' y='-300.0' font-size='50' fill='#e6e9ef' text-anchor='end' dominant-baseline='central'>GPA5</text><g class='pingroup' data-num='27' data-name='GPA6'><line class='pinvis' x1='500.0' y1='-200.0' x2='400.0' y2='-200.0' stroke='#dfe4ec' stroke-width='4'/><line x1='500.0' y1='-200.0' x2='400.0' y2='-200.0' stroke='transparent' stroke-width='26' pointer-events='stroke'/></g><text x='450.0' y='-237.5' font-size='50' fill='#9fb0c8' text-anchor='middle' dominant-baseline='central'>27</text><text x='375.0' y='-200.0' font-size='50' fill='#e6e9ef' text-anchor='end' dominant-baseline='central'>GPA6</text><g class='pingroup' data-num='28' data-name='GPA7'><line class='pinvis' x1='500.0' y1='-100.0' x2='400.0' y2='-100.0' stroke='#dfe4ec' stroke-width='4'/><line x1='500.0' y1='-100.0' x2='400.0' y2='-100.0' stroke='transparent' stroke-width='26' pointer-events='stroke'/></g><text x='450.0' y='-137.5' font-size='50' fill='#9fb0c8' text-anchor='middle' dominant-baseline='central'>28</text><text x='375.0' y='-100.0' font-size='50' fill='#e6e9ef' text-anchor='end' dominant-baseline='central'>GPA7</text></svg></div>+<div class=stage id=stage><svg xmlns='http://www.w3.org/2000/svg' viewBox='-550 -1050 1100 2100' style='width:100%;height:100%'><rect x='-400.0' y='-900.0' width='800.0' height='1800.0' fill='#e35d5d22' stroke='#e35d5d' stroke-width='4'/><g class='pingroup' data-num='1' data-name='GPB0'><line class='pinvis' x1='500.0' y1='100.0' x2='400.0' y2='100.0' stroke='#dfe4ec' stroke-width='4'/><line x1='500.0' y1='100.0' x2='400.0' y2='100.0' stroke='transparent' stroke-width='26' pointer-events='stroke'/></g><text x='450.0' y='62.5' font-size='50' fill='#9fb0c8' text-anchor='middle' dominant-baseline='central'>1</text><text x='375.0' y='100.0' font-size='50' fill='#e6e9ef' text-anchor='end' dominant-baseline='central'>GPB0</text><g class='pingroup' data-num='2' data-name='GPB1'><line class='pinvis' x1='500.0' y1='200.0' x2='400.0' y2='200.0' stroke='#dfe4ec' stroke-width='4'/><line x1='500.0' y1='200.0' x2='400.0' y2='200.0' stroke='transparent' stroke-width='26' pointer-events='stroke'/></g><text x='450.0' y='162.5' font-size='50' fill='#9fb0c8' text-anchor='middle' dominant-baseline='central'>2</text><text x='375.0' y='200.0' font-size='50' fill='#e6e9ef' text-anchor='end' dominant-baseline='central'>GPB1</text><g class='pingroup' data-num='3' data-name='GPB2'><line class='pinvis' x1='500.0' y1='300.0' x2='400.0' y2='300.0' stroke='#dfe4ec' stroke-width='4'/><line x1='500.0' y1='300.0' x2='400.0' y2='300.0' stroke='transparent' stroke-width='26' pointer-events='stroke'/></g><text x='450.0' y='262.5' font-size='50' fill='#9fb0c8' text-anchor='middle' dominant-baseline='central'>3</text><text x='375.0' y='300.0' font-size='50' fill='#e6e9ef' text-anchor='end' dominant-baseline='central'>GPB2</text><g class='pingroup' data-num='4' data-name='GPB3'><line class='pinvis' x1='500.0' y1='400.0' x2='400.0' y2='400.0' stroke='#dfe4ec' stroke-width='4'/><line x1='500.0' y1='400.0' x2='400.0' y2='400.0' stroke='transparent' stroke-width='26' pointer-events='stroke'/></g><text x='450.0' y='362.5' font-size='50' fill='#9fb0c8' text-anchor='middle' dominant-baseline='central'>4</text><text x='375.0' y='400.0' font-size='50' fill='#e6e9ef' text-anchor='end' dominant-baseline='central'>GPB3</text><g class='pingroup' data-num='5' data-name='GPB4'><line class='pinvis' x1='500.0' y1='500.0' x2='400.0' y2='500.0' stroke='#dfe4ec' stroke-width='4'/><line x1='500.0' y1='500.0' x2='400.0' y2='500.0' stroke='transparent' stroke-width='26' pointer-events='stroke'/></g><text x='450.0' y='462.5' font-size='50' fill='#9fb0c8' text-anchor='middle' dominant-baseline='central'>5</text><text x='375.0' y='500.0' font-size='50' fill='#e6e9ef' text-anchor='end' dominant-baseline='central'>GPB4</text><g class='pingroup' data-num='6' data-name='GPB5'><line class='pinvis' x1='500.0' y1='600.0' x2='400.0' y2='600.0' stroke='#dfe4ec' stroke-width='4'/><line x1='500.0' y1='600.0' x2='400.0' y2='600.0' stroke='transparent' stroke-width='26' pointer-events='stroke'/></g><text x='450.0' y='562.5' font-size='50' fill='#9fb0c8' text-anchor='middle' dominant-baseline='central'>6</text><text x='375.0' y='600.0' font-size='50' fill='#e6e9ef' text-anchor='end' dominant-baseline='central'>GPB5</text><g class='pingroup' data-num='7' data-name='GPB6'><line class='pinvis' x1='500.0' y1='700.0' x2='400.0' y2='700.0' stroke='#dfe4ec' stroke-width='4'/><line x1='500.0' y1='700.0' x2='400.0' y2='700.0' stroke='transparent' stroke-width='26' pointer-events='stroke'/></g><text x='450.0' y='662.5' font-size='50' fill='#9fb0c8' text-anchor='middle' dominant-baseline='central'>7</text><text x='375.0' y='700.0' font-size='50' fill='#e6e9ef' text-anchor='end' dominant-baseline='central'>GPB6</text><g class='pingroup' data-num='8' data-name='GPB7'><line class='pinvis' x1='500.0' y1='800.0' x2='400.0' y2='800.0' stroke='#dfe4ec' stroke-width='4'/><line x1='500.0' y1='800.0' x2='400.0' y2='800.0' stroke='transparent' stroke-width='26' pointer-events='stroke'/></g><text x='450.0' y='762.5' font-size='50' fill='#9fb0c8' text-anchor='middle' dominant-baseline='central'>8</text><text x='375.0' y='800.0' font-size='50' fill='#e6e9ef' text-anchor='end' dominant-baseline='central'>GPB7</text><g class='pingroup' data-num='9' data-name='VDD'><line class='pinvis' x1='0.0' y1='-1000.0' x2='0.0' y2='-900.0' stroke='#dfe4ec' stroke-width='4'/><line x1='0.0' y1='-1000.0' x2='0.0' y2='-900.0' stroke='transparent' stroke-width='26' pointer-events='stroke'/></g><text x='-37.5' y='-950.0' font-size='50' fill='#9fb0c8' text-anchor='middle' dominant-baseline='central'>9</text><text x='0.0' y='-875.0' font-size='50' fill='#e6e9ef' text-anchor='middle' dominant-baseline='central'>VDD</text><g class='pingroup' data-num='10' data-name='VSS'><line class='pinvis' x1='0.0' y1='1000.0' x2='0.0' y2='900.0' stroke='#dfe4ec' stroke-width='4'/><line x1='0.0' y1='1000.0' x2='0.0' y2='900.0' stroke='transparent' stroke-width='26' pointer-events='stroke'/></g><text x='37.5' y='950.0' font-size='50' fill='#9fb0c8' text-anchor='middle' dominant-baseline='central'>10</text><text x='0.0' y='875.0' font-size='50' fill='#e6e9ef' text-anchor='middle' dominant-baseline='central'>VSS</text><g class='pingroup' data-num='11' data-name='NC'><line class='pinvis' x1='-400.0' y1='-600.0' x2='-300.0' y2='-600.0' stroke='#dfe4ec' stroke-width='4'/><line x1='-400.0' y1='-600.0' x2='-300.0' y2='-600.0' stroke='transparent' stroke-width='26' pointer-events='stroke'/></g><text x='-350.0' y='-562.5' font-size='50' fill='#9fb0c8' text-anchor='middle' dominant-baseline='central'>11</text><text x='-275.0' y='-600.0' font-size='50' fill='#e6e9ef' text-anchor='start' dominant-baseline='central'>NC</text><g class='pingroup' data-num='12' data-name='SCK'><line class='pinvis' x1='-500.0' y1='-800.0' x2='-400.0' y2='-800.0' stroke='#dfe4ec' stroke-width='4'/><line x1='-500.0' y1='-800.0' x2='-400.0' y2='-800.0' stroke='transparent' stroke-width='26' pointer-events='stroke'/></g><text x='-450.0' y='-762.5' font-size='50' fill='#9fb0c8' text-anchor='middle' dominant-baseline='central'>12</text><text x='-375.0' y='-800.0' font-size='50' fill='#e6e9ef' text-anchor='start' dominant-baseline='central'>SCK</text><g class='pingroup' data-num='13' data-name='SDA'><line class='pinvis' x1='-500.0' y1='-700.0' x2='-400.0' y2='-700.0' stroke='#dfe4ec' stroke-width='4'/><line x1='-500.0' y1='-700.0' x2='-400.0' y2='-700.0' stroke='transparent' stroke-width='26' pointer-events='stroke'/></g><text x='-450.0' y='-662.5' font-size='50' fill='#9fb0c8' text-anchor='middle' dominant-baseline='central'>13</text><text x='-375.0' y='-700.0' font-size='50' fill='#e6e9ef' text-anchor='start' dominant-baseline='central'>SDA</text><g class='pingroup' data-num='14' data-name='NC'><line class='pinvis' x1='-400.0' y1='-500.0' x2='-300.0' y2='-500.0' stroke='#dfe4ec' stroke-width='4'/><line x1='-400.0' y1='-500.0' x2='-300.0' y2='-500.0' stroke='transparent' stroke-width='26' pointer-events='stroke'/></g><text x='-350.0' y='-462.5' font-size='50' fill='#9fb0c8' text-anchor='middle' dominant-baseline='central'>14</text><text x='-275.0' y='-500.0' font-size='50' fill='#e6e9ef' text-anchor='start' dominant-baseline='central'>NC</text><g class='pingroup' data-num='15' data-name='A0'><line class='pinvis' x1='-500.0' y1='600.0' x2='-400.0' y2='600.0' stroke='#dfe4ec' stroke-width='4'/><line x1='-500.0' y1='600.0' x2='-400.0' y2='600.0' stroke='transparent' stroke-width='26' pointer-events='stroke'/></g><text x='-450.0' y='637.5' font-size='50' fill='#9fb0c8' text-anchor='middle' dominant-baseline='central'>15</text><text x='-375.0' y='600.0' font-size='50' fill='#e6e9ef' text-anchor='start' dominant-baseline='central'>A0</text><g class='pingroup' data-num='16' data-name='A1'><line class='pinvis' x1='-500.0' y1='700.0' x2='-400.0' y2='700.0' stroke='#dfe4ec' stroke-width='4'/><line x1='-500.0' y1='700.0' x2='-400.0' y2='700.0' stroke='transparent' stroke-width='26' pointer-events='stroke'/></g><text x='-450.0' y='737.5' font-size='50' fill='#9fb0c8' text-anchor='middle' dominant-baseline='central'>16</text><text x='-375.0' y='700.0' font-size='50' fill='#e6e9ef' text-anchor='start' dominant-baseline='central'>A1</text><g class='pingroup' data-num='17' data-name='A2'><line class='pinvis' x1='-500.0' y1='800.0' x2='-400.0' y2='800.0' stroke='#dfe4ec' stroke-width='4'/><line x1='-500.0' y1='800.0' x2='-400.0' y2='800.0' stroke='transparent' stroke-width='26' pointer-events='stroke'/></g><text x='-450.0' y='837.5' font-size='50' fill='#9fb0c8' text-anchor='middle' dominant-baseline='central'>17</text><text x='-375.0' y='800.0' font-size='50' fill='#e6e9ef' text-anchor='start' dominant-baseline='central'>A2</text><g class='pingroup' data-num='18' data-name='~{RESET}'><line class='pinvis' x1='-500.0' y1='100.0' x2='-400.0' y2='100.0' stroke='#dfe4ec' stroke-width='4'/><line x1='-500.0' y1='100.0' x2='-400.0' y2='100.0' stroke='transparent' stroke-width='26' pointer-events='stroke'/></g><text x='-450.0' y='137.5' font-size='50' fill='#9fb0c8' text-anchor='middle' dominant-baseline='central'>18</text><text x='-375.0' y='100.0' font-size='50' fill='#e6e9ef' text-anchor='start' dominant-baseline='central'>~{RESET}</text><g class='pingroup' data-num='19' data-name='INTB'><line class='pinvis' x1='-500.0' y1='-100.0' x2='-400.0' y2='-100.0' stroke='#dfe4ec' stroke-width='4'/><line x1='-500.0' y1='-100.0' x2='-400.0' y2='-100.0' stroke='transparent' stroke-width='26' pointer-events='stroke'/></g><text x='-450.0' y='-62.5' font-size='50' fill='#9fb0c8' text-anchor='middle' dominant-baseline='central'>19</text><text x='-375.0' y='-100.0' font-size='50' fill='#e6e9ef' text-anchor='start' dominant-baseline='central'>INTB</text><g class='pingroup' data-num='20' data-name='INTA'><line class='pinvis' x1='-500.0' y1='-200.0' x2='-400.0' y2='-200.0' stroke='#dfe4ec' stroke-width='4'/><line x1='-500.0' y1='-200.0' x2='-400.0' y2='-200.0' stroke='transparent' stroke-width='26' pointer-events='stroke'/></g><text x='-450.0' y='-162.5' font-size='50' fill='#9fb0c8' text-anchor='middle' dominant-baseline='central'>20</text><text x='-375.0' y='-200.0' font-size='50' fill='#e6e9ef' text-anchor='start' dominant-baseline='central'>INTA</text><g class='pingroup' data-num='21' data-name='GPA0'><line class='pinvis' x1='500.0' y1='-800.0' x2='400.0' y2='-800.0' stroke='#dfe4ec' stroke-width='4'/><line x1='500.0' y1='-800.0' x2='400.0' y2='-800.0' stroke='transparent' stroke-width='26' pointer-events='stroke'/></g><text x='450.0' y='-837.5' font-size='50' fill='#9fb0c8' text-anchor='middle' dominant-baseline='central'>21</text><text x='375.0' y='-800.0' font-size='50' fill='#e6e9ef' text-anchor='end' dominant-baseline='central'>GPA0</text><g class='pingroup' data-num='22' data-name='GPA1'><line class='pinvis' x1='500.0' y1='-700.0' x2='400.0' y2='-700.0' stroke='#dfe4ec' stroke-width='4'/><line x1='500.0' y1='-700.0' x2='400.0' y2='-700.0' stroke='transparent' stroke-width='26' pointer-events='stroke'/></g><text x='450.0' y='-737.5' font-size='50' fill='#9fb0c8' text-anchor='middle' dominant-baseline='central'>22</text><text x='375.0' y='-700.0' font-size='50' fill='#e6e9ef' text-anchor='end' dominant-baseline='central'>GPA1</text><g class='pingroup' data-num='23' data-name='GPA2'><line class='pinvis' x1='500.0' y1='-600.0' x2='400.0' y2='-600.0' stroke='#dfe4ec' stroke-width='4'/><line x1='500.0' y1='-600.0' x2='400.0' y2='-600.0' stroke='transparent' stroke-width='26' pointer-events='stroke'/></g><text x='450.0' y='-637.5' font-size='50' fill='#9fb0c8' text-anchor='middle' dominant-baseline='central'>23</text><text x='375.0' y='-600.0' font-size='50' fill='#e6e9ef' text-anchor='end' dominant-baseline='central'>GPA2</text><g class='pingroup' data-num='24' data-name='GPA3'><line class='pinvis' x1='500.0' y1='-500.0' x2='400.0' y2='-500.0' stroke='#dfe4ec' stroke-width='4'/><line x1='500.0' y1='-500.0' x2='400.0' y2='-500.0' stroke='transparent' stroke-width='26' pointer-events='stroke'/></g><text x='450.0' y='-537.5' font-size='50' fill='#9fb0c8' text-anchor='middle' dominant-baseline='central'>24</text><text x='375.0' y='-500.0' font-size='50' fill='#e6e9ef' text-anchor='end' dominant-baseline='central'>GPA3</text><g class='pingroup' data-num='25' data-name='GPA4'><line class='pinvis' x1='500.0' y1='-400.0' x2='400.0' y2='-400.0' stroke='#dfe4ec' stroke-width='4'/><line x1='500.0' y1='-400.0' x2='400.0' y2='-400.0' stroke='transparent' stroke-width='26' pointer-events='stroke'/></g><text x='450.0' y='-437.5' font-size='50' fill='#9fb0c8' text-anchor='middle' dominant-baseline='central'>25</text><text x='375.0' y='-400.0' font-size='50' fill='#e6e9ef' text-anchor='end' dominant-baseline='central'>GPA4</text><g class='pingroup' data-num='26' data-name='GPA5'><line class='pinvis' x1='500.0' y1='-300.0' x2='400.0' y2='-300.0' stroke='#dfe4ec' stroke-width='4'/><line x1='500.0' y1='-300.0' x2='400.0' y2='-300.0' stroke='transparent' stroke-width='26' pointer-events='stroke'/></g><text x='450.0' y='-337.5' font-size='50' fill='#9fb0c8' text-anchor='middle' dominant-baseline='central'>26</text><text x='375.0' y='-300.0' font-size='50' fill='#e6e9ef' text-anchor='end' dominant-baseline='central'>GPA5</text><g class='pingroup' data-num='27' data-name='GPA6'><line class='pinvis' x1='500.0' y1='-200.0' x2='400.0' y2='-200.0' stroke='#dfe4ec' stroke-width='4'/><line x1='500.0' y1='-200.0' x2='400.0' y2='-200.0' stroke='transparent' stroke-width='26' pointer-events='stroke'/></g><text x='450.0' y='-237.5' font-size='50' fill='#9fb0c8' text-anchor='middle' dominant-baseline='central'>27</text><text x='375.0' y='-200.0' font-size='50' fill='#e6e9ef' text-anchor='end' dominant-baseline='central'>GPA6</text><g class='pingroup' data-num='28' data-name='GPA7'><line class='pinvis' x1='500.0' y1='-100.0' x2='400.0' y2='-100.0' stroke='#dfe4ec' stroke-width='4'/><line x1='500.0' y1='-100.0' x2='400.0' y2='-100.0' stroke='transparent' stroke-width='26' pointer-events='stroke'/></g><text x='450.0' y='-137.5' font-size='50' fill='#9fb0c8' text-anchor='middle' dominant-baseline='central'>28</text><text x='375.0' y='-100.0' font-size='50' fill='#e6e9ef' text-anchor='end' dominant-baseline='central'>GPA7</text></svg></div> <div id=tip></div> <script>-var KIND="symbol", MPN="MCP23017", PINS=[{"desc":"PORTB bit 0 bidirectional I/O.","name":"GPB0","number":"1","type":"Bidir"},{"desc":"PORTB bit 1 bidirectional I/O.","name":"GPB1","number":"2","type":"Bidir"},{"desc":"PORTB bit 2 bidirectional I/O with optional interrupt-on-change and weak pull-up.","name":"GPB2","number":"3","type":"Bidir"},{"desc":"PORTB bit 3 bidirectional I/O with optional interrupt-on-change and weak pull-up.","name":"GPB3","number":"4","type":"Bidir"},{"desc":"PORTB bit 4 bidirectional I/O with optional interrupt-on-change and weak pull-up.","name":"GPB4","number":"5","type":"Bidir"},{"desc":"PORTB bit 5 bidirectional I/O with optional interrupt-on-change and weak pull-up.","name":"GPB5","number":"6","type":"Bidir"},{"desc":"PORTB bit 6 bidirectional I/O with optional interrupt-on-change and weak pull-up.","name":"GPB6","number":"7","type":"Bidir"},{"desc":"PORTB bit 7 bidirectional I/O with optional interrupt-on-change and weak pull-up.","name":"GPB7","number":"8","type":"Bidir"},{"desc":"Positive supply.","name":"V_{DD}","number":"9","type":"Power"},{"desc":"Ground reference for supply and all I/O.","name":"V_{SS}","number":"10","type":"Power"},{"desc":"No connect on MCP23017 (this pin is Chip Select /CS on the SPI-variant MCP23S17).","name":"NC","number":"11","type":"NC"},{"desc":"I2C serial clock input (Schmitt-trigger).","name":"SCK","number":"12","type":"Input"},{"desc":"I2C serial data (open-drain, Schmitt-trigger input).","name":"SDA","number":"13","type":"Bidir"},{"desc":"No connect on MCP23017 (this pin is SPI Serial Out on MCP23S17).","name":"NC","number":"14","type":"NC"},{"desc":"Hardware slave address bit 0 (TTL buffer).","name":"A0","number":"15","type":"Input"},{"desc":"Hardware slave address bit 1 (TTL buffer).","name":"A1","number":"16","type":"Input"},{"desc":"Hardware slave address bit 2 (TTL buffer).","name":"A2","number":"17","type":"Input"},{"desc":"Active-low hardware reset (Schmitt-trigger).","name":"~{RESET}","number":"18","type":"Input"},{"desc":"Interrupt output for PORTB.","name":"INTB","number":"19","type":"Output"},{"desc":"Interrupt output for PORTA.","name":"INTA","number":"20","type":"Output"},{"desc":"PORTA bit 0 bidirectional I/O.","name":"GPA0","number":"21","type":"Bidir"},{"desc":"PORTA bit 1 bidirectional I/O with optional interrupt-on-change and weak pull-up.","name":"GPA1","number":"22","type":"Bidir"},{"desc":"PORTA bit 2 bidirectional I/O with optional interrupt-on-change and weak pull-up.","name":"GPA2","number":"23","type":"Bidir"},{"desc":"PORTA bit 3 bidirectional I/O with optional interrupt-on-change and weak pull-up.","name":"GPA3","number":"24","type":"Bidir"},{"desc":"PORTA bit 4 bidirectional I/O with optional interrupt-on-change and weak pull-up.","name":"GPA4","number":"25","type":"Bidir"},{"desc":"PORTA bit 5 bidirectional I/O with optional interrupt-on-change and weak pull-up.","name":"GPA5","number":"26","type":"Bidir"},{"desc":"PORTA bit 6 bidirectional I/O with optional interrupt-on-change and weak pull-up.","name":"GPA6","number":"27","type":"Bidir"},{"desc":"PORTA bit 7 bidirectional I/O with optional interrupt-on-change and weak pull-up.","name":"GPA7","number":"28","type":"Bidir"}];+var KIND="symbol", MPN="ADOM/MCP23017", PINS=[{"desc":"","name":"GPB0","number":"1","type":""},{"desc":"","name":"GPB1","number":"2","type":""},{"desc":"","name":"GPB2","number":"3","type":""},{"desc":"","name":"GPB3","number":"4","type":""},{"desc":"","name":"GPB4","number":"5","type":""},{"desc":"","name":"GPB5","number":"6","type":""},{"desc":"","name":"GPB6","number":"7","type":""},{"desc":"","name":"GPB7","number":"8","type":""},{"desc":"","name":"VDD","number":"9","type":""},{"desc":"","name":"VSS","number":"10","type":""},{"desc":"","name":"NC","number":"11","type":""},{"desc":"","name":"SCK","number":"12","type":""},{"desc":"","name":"SDA","number":"13","type":""},{"desc":"","name":"NC","number":"14","type":""},{"desc":"","name":"A0","number":"15","type":""},{"desc":"","name":"A1","number":"16","type":""},{"desc":"","name":"A2","number":"17","type":""},{"desc":"","name":"~{RESET}","number":"18","type":""},{"desc":"","name":"INTB","number":"19","type":""},{"desc":"","name":"INTA","number":"20","type":""},{"desc":"","name":"GPA0","number":"21","type":""},{"desc":"","name":"GPA1","number":"22","type":""},{"desc":"","name":"GPA2","number":"23","type":""},{"desc":"","name":"GPA3","number":"24","type":""},{"desc":"","name":"GPA4","number":"25","type":""},{"desc":"","name":"GPA5","number":"26","type":""},{"desc":"","name":"GPA6","number":"27","type":""},{"desc":"","name":"GPA7","number":"28","type":""}]; var byNum={}; PINS.forEach(function(p){byNum[String(p.number)]=p;}); var stage=document.getElementById('stage'), svg=stage.querySelector('svg'), tip=document.getElementById('tip'); // ---- pan/zoom ----