component
CD4051B
Public Made by Adomby adom
TI CMOS 8-channel analog multiplexer/demultiplexer, SOIC-16. 3-A/B/C select, INH, VEE for bipolar. Datasheet-verified.
← Commit history
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>CD4051B footprint</title>+<meta name=viewport content="width=device-width,initial-scale=1"><title>ADOM/CD4051B 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='-4.100 -5.600 8.200 11.200' style='width:100%;height:100%'><line class='ly-silk' x1='-2.060' y1='-5.060' x2='2.060' y2='-5.060' stroke='#d8b4fe' stroke-width='0.120'/><line class='ly-silk' x1='-2.060' y1='-5.005' x2='-2.060' y2='-5.060' stroke='#d8b4fe' stroke-width='0.120'/><line class='ly-silk' x1='-2.060' y1='5.060' x2='-2.060' y2='5.005' stroke='#d8b4fe' stroke-width='0.120'/><line class='ly-silk' x1='2.060' y1='-5.060' x2='2.060' y2='-5.005' stroke='#d8b4fe' stroke-width='0.120'/><line class='ly-silk' x1='2.060' y1='5.005' x2='2.060' y2='5.060' stroke='#d8b4fe' stroke-width='0.120'/><line class='ly-silk' x1='2.060' y1='5.060' x2='-2.060' y2='5.060' stroke='#d8b4fe' stroke-width='0.120'/><line class='ly-courtyard' x1='-3.700' y1='-5.000' x2='-2.200' y2='-5.000' stroke='#4ade80' stroke-width='0.050'/><line class='ly-courtyard' x1='-3.700' y1='5.000' x2='-3.700' y2='-5.000' stroke='#4ade80' stroke-width='0.050'/><line class='ly-courtyard' x1='-2.200' y1='-5.200' x2='2.200' y2='-5.200' stroke='#4ade80' stroke-width='0.050'/><line class='ly-courtyard' x1='-2.200' y1='-5.000' x2='-2.200' y2='-5.200' stroke='#4ade80' stroke-width='0.050'/><line class='ly-courtyard' x1='-2.200' y1='5.000' x2='-3.700' y2='5.000' stroke='#4ade80' stroke-width='0.050'/><line class='ly-courtyard' x1='-2.200' y1='5.200' x2='-2.200' y2='5.000' stroke='#4ade80' stroke-width='0.050'/><line class='ly-courtyard' x1='2.200' y1='-5.200' x2='2.200' y2='-5.000' stroke='#4ade80' stroke-width='0.050'/><line class='ly-courtyard' x1='2.200' y1='-5.000' x2='3.700' y2='-5.000' stroke='#4ade80' stroke-width='0.050'/><line class='ly-courtyard' x1='2.200' y1='5.000' x2='2.200' y2='5.200' stroke='#4ade80' stroke-width='0.050'/><line class='ly-courtyard' x1='2.200' y1='5.200' x2='-2.200' y2='5.200' stroke='#4ade80' stroke-width='0.050'/><line class='ly-courtyard' x1='3.700' y1='-5.000' x2='3.700' y2='5.000' stroke='#4ade80' stroke-width='0.050'/><line class='ly-courtyard' x1='3.700' y1='5.000' x2='2.200' y2='5.000' stroke='#4ade80' stroke-width='0.050'/><rect class='ly-copper pad' data-num='1' data-name='X4' x='-3.450' y='-4.745' width='1.950' height='0.600' rx='0.150' fill='#f59e0b' stroke='#00000033' stroke-width='0.03' opacity='0.94'/><text class='padnum' x='-2.475' 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'>1</text><rect class='ly-copper pad' data-num='2' data-name='X6' x='-3.450' y='-3.475' width='1.950' height='0.600' rx='0.150' fill='#f59e0b' stroke='#00000033' stroke-width='0.03' opacity='0.94'/><text class='padnum' x='-2.475' 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'>2</text><rect class='ly-copper pad' data-num='3' data-name='X' x='-3.450' y='-2.205' width='1.950' height='0.600' rx='0.150' fill='#f59e0b' stroke='#00000033' stroke-width='0.03' opacity='0.94'/><text class='padnum' x='-2.475' 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'>3</text><rect class='ly-copper pad' data-num='4' data-name='X7' x='-3.450' y='-0.935' width='1.950' height='0.600' rx='0.150' fill='#f59e0b' stroke='#00000033' stroke-width='0.03' opacity='0.94'/><text class='padnum' x='-2.475' 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'>4</text><rect class='ly-copper pad' data-num='5' data-name='X5' x='-3.450' y='0.335' width='1.950' height='0.600' rx='0.150' fill='#f59e0b' stroke='#00000033' stroke-width='0.03' opacity='0.94'/><text class='padnum' x='-2.475' 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'>5</text><rect class='ly-copper pad' data-num='6' data-name='INH' x='-3.450' y='1.605' width='1.950' height='0.600' rx='0.150' fill='#f59e0b' stroke='#00000033' stroke-width='0.03' opacity='0.94'/><text class='padnum' x='-2.475' 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='VEE' x='-3.450' y='2.875' width='1.950' height='0.600' rx='0.150' fill='#f59e0b' stroke='#00000033' stroke-width='0.03' opacity='0.94'/><text class='padnum' x='-2.475' 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'>7</text><rect class='ly-copper pad' data-num='8' data-name='VSS' x='-3.450' y='4.145' width='1.950' height='0.600' rx='0.150' fill='#f59e0b' stroke='#00000033' stroke-width='0.03' opacity='0.94'/><text class='padnum' x='-2.475' 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'>8</text><rect class='ly-copper pad' data-num='9' data-name='C' x='1.500' y='4.145' width='1.950' height='0.600' rx='0.150' fill='#f59e0b' stroke='#00000033' stroke-width='0.03' opacity='0.94'/><text class='padnum' x='2.475' 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'>9</text><rect class='ly-copper pad' data-num='10' data-name='B' x='1.500' y='2.875' width='1.950' height='0.600' rx='0.150' fill='#f59e0b' stroke='#00000033' stroke-width='0.03' opacity='0.94'/><text class='padnum' x='2.475' 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='A' x='1.500' y='1.605' width='1.950' height='0.600' rx='0.150' fill='#f59e0b' stroke='#00000033' stroke-width='0.03' opacity='0.94'/><text class='padnum' x='2.475' 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'>11</text><rect class='ly-copper pad' data-num='12' data-name='X3' x='1.500' y='0.335' width='1.950' height='0.600' rx='0.150' fill='#f59e0b' stroke='#00000033' stroke-width='0.03' opacity='0.94'/><text class='padnum' x='2.475' 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'>12</text><rect class='ly-copper pad' data-num='13' data-name='X0' x='1.500' y='-0.935' width='1.950' height='0.600' rx='0.150' fill='#f59e0b' stroke='#00000033' stroke-width='0.03' opacity='0.94'/><text class='padnum' x='2.475' 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'>13</text><rect class='ly-copper pad' data-num='14' data-name='X1' x='1.500' y='-2.205' width='1.950' height='0.600' rx='0.150' fill='#f59e0b' stroke='#00000033' stroke-width='0.03' opacity='0.94'/><text class='padnum' x='2.475' 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'>14</text><rect class='ly-copper pad' data-num='15' data-name='X2' x='1.500' y='-3.475' width='1.950' height='0.600' rx='0.150' fill='#f59e0b' stroke='#00000033' stroke-width='0.03' opacity='0.94'/><text class='padnum' x='2.475' 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'>15</text><rect class='ly-copper pad' data-num='16' data-name='VDD' x='1.500' y='-4.745' width='1.950' height='0.600' rx='0.150' fill='#f59e0b' stroke='#00000033' stroke-width='0.03' opacity='0.94'/><text class='padnum' x='2.475' 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'>16</text></svg></div>+<div class=stage id=stage><svg xmlns='http://www.w3.org/2000/svg' viewBox='-4.100 -5.740 8.200 11.340' style='width:100%;height:100%'><line class='ly-silk' x1='-2.060' y1='-5.060' x2='2.060' y2='-5.060' stroke='#d8b4fe' stroke-width='0.120'/><line class='ly-silk' x1='-2.060' y1='-5.005' x2='-2.060' y2='-5.060' stroke='#d8b4fe' stroke-width='0.120'/><line class='ly-silk' x1='-2.060' y1='5.060' x2='-2.060' y2='5.005' stroke='#d8b4fe' stroke-width='0.120'/><line class='ly-silk' x1='2.060' y1='-5.060' x2='2.060' y2='-5.005' stroke='#d8b4fe' stroke-width='0.120'/><line class='ly-silk' x1='2.060' y1='5.005' x2='2.060' y2='5.060' stroke='#d8b4fe' stroke-width='0.120'/><line class='ly-silk' x1='2.060' y1='5.060' x2='-2.060' y2='5.060' stroke='#d8b4fe' stroke-width='0.120'/><line class='ly-courtyard' x1='-3.700' y1='-5.000' x2='-2.200' y2='-5.000' stroke='#4ade80' stroke-width='0.050'/><line class='ly-courtyard' x1='-3.700' y1='5.000' x2='-3.700' y2='-5.000' stroke='#4ade80' stroke-width='0.050'/><line class='ly-courtyard' x1='-2.200' y1='-5.200' x2='2.200' y2='-5.200' stroke='#4ade80' stroke-width='0.050'/><line class='ly-courtyard' x1='-2.200' y1='-5.000' x2='-2.200' y2='-5.200' stroke='#4ade80' stroke-width='0.050'/><line class='ly-courtyard' x1='-2.200' y1='5.000' x2='-3.700' y2='5.000' stroke='#4ade80' stroke-width='0.050'/><line class='ly-courtyard' x1='-2.200' y1='5.200' x2='-2.200' y2='5.000' stroke='#4ade80' stroke-width='0.050'/><line class='ly-courtyard' x1='2.200' y1='-5.200' x2='2.200' y2='-5.000' stroke='#4ade80' stroke-width='0.050'/><line class='ly-courtyard' x1='2.200' y1='-5.000' x2='3.700' y2='-5.000' stroke='#4ade80' stroke-width='0.050'/><line class='ly-courtyard' x1='2.200' y1='5.000' x2='2.200' y2='5.200' stroke='#4ade80' stroke-width='0.050'/><line class='ly-courtyard' x1='2.200' y1='5.200' x2='-2.200' y2='5.200' stroke='#4ade80' stroke-width='0.050'/><line class='ly-courtyard' x1='3.700' y1='-5.000' x2='3.700' y2='5.000' stroke='#4ade80' stroke-width='0.050'/><line class='ly-courtyard' x1='3.700' y1='5.000' x2='2.200' y2='5.000' stroke='#4ade80' stroke-width='0.050'/><polygon class='ly-silk' points='-2.600,-5.010 -2.840,-5.340 -2.360,-5.340' fill='#d8b4fe' stroke='none'/><polygon class='ly-fab' points='-0.975,-4.950 1.950,-4.950 1.950,4.950 -1.950,4.950 -1.950,-3.975' fill='none' stroke='#f472b6' stroke-width='0.100'/><rect class='ly-copper pad' data-num='1' data-name='CH 4 IN/OUT' x='-3.450' y='-4.745' width='1.950' height='0.600' rx='0.150' fill='#f59e0b' stroke='#00000033' stroke-width='0.03' opacity='0.94'/><text class='padnum' x='-2.475' 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'>1</text><rect class='ly-copper pad' data-num='2' data-name='CH 6 IN/OUT' x='-3.450' y='-3.475' width='1.950' height='0.600' rx='0.150' fill='#f59e0b' stroke='#00000033' stroke-width='0.03' opacity='0.94'/><text class='padnum' x='-2.475' 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'>2</text><rect class='ly-copper pad' data-num='3' data-name='COM OUT/IN' x='-3.450' y='-2.205' width='1.950' height='0.600' rx='0.150' fill='#f59e0b' stroke='#00000033' stroke-width='0.03' opacity='0.94'/><text class='padnum' x='-2.475' 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'>3</text><rect class='ly-copper pad' data-num='4' data-name='CH 7 IN/OUT' x='-3.450' y='-0.935' width='1.950' height='0.600' rx='0.150' fill='#f59e0b' stroke='#00000033' stroke-width='0.03' opacity='0.94'/><text class='padnum' x='-2.475' 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'>4</text><rect class='ly-copper pad' data-num='5' data-name='CH 5 IN/OUT' x='-3.450' y='0.335' width='1.950' height='0.600' rx='0.150' fill='#f59e0b' stroke='#00000033' stroke-width='0.03' opacity='0.94'/><text class='padnum' x='-2.475' 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'>5</text><rect class='ly-copper pad' data-num='6' data-name='INH' x='-3.450' y='1.605' width='1.950' height='0.600' rx='0.150' fill='#f59e0b' stroke='#00000033' stroke-width='0.03' opacity='0.94'/><text class='padnum' x='-2.475' 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='VEE' x='-3.450' y='2.875' width='1.950' height='0.600' rx='0.150' fill='#f59e0b' stroke='#00000033' stroke-width='0.03' opacity='0.94'/><text class='padnum' x='-2.475' 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'>7</text><rect class='ly-copper pad' data-num='8' data-name='VSS' x='-3.450' y='4.145' width='1.950' height='0.600' rx='0.150' fill='#f59e0b' stroke='#00000033' stroke-width='0.03' opacity='0.94'/><text class='padnum' x='-2.475' 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'>8</text><rect class='ly-copper pad' data-num='9' data-name='C' x='1.500' y='4.145' width='1.950' height='0.600' rx='0.150' fill='#f59e0b' stroke='#00000033' stroke-width='0.03' opacity='0.94'/><text class='padnum' x='2.475' 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'>9</text><rect class='ly-copper pad' data-num='10' data-name='B' x='1.500' y='2.875' width='1.950' height='0.600' rx='0.150' fill='#f59e0b' stroke='#00000033' stroke-width='0.03' opacity='0.94'/><text class='padnum' x='2.475' 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='A' x='1.500' y='1.605' width='1.950' height='0.600' rx='0.150' fill='#f59e0b' stroke='#00000033' stroke-width='0.03' opacity='0.94'/><text class='padnum' x='2.475' 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'>11</text><rect class='ly-copper pad' data-num='12' data-name='CH 3 IN/OUT' x='1.500' y='0.335' width='1.950' height='0.600' rx='0.150' fill='#f59e0b' stroke='#00000033' stroke-width='0.03' opacity='0.94'/><text class='padnum' x='2.475' 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'>12</text><rect class='ly-copper pad' data-num='13' data-name='CH 0 IN/OUT' x='1.500' y='-0.935' width='1.950' height='0.600' rx='0.150' fill='#f59e0b' stroke='#00000033' stroke-width='0.03' opacity='0.94'/><text class='padnum' x='2.475' 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'>13</text><rect class='ly-copper pad' data-num='14' data-name='CH 1 IN/OUT' x='1.500' y='-2.205' width='1.950' height='0.600' rx='0.150' fill='#f59e0b' stroke='#00000033' stroke-width='0.03' opacity='0.94'/><text class='padnum' x='2.475' 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'>14</text><rect class='ly-copper pad' data-num='15' data-name='CH 2 IN/OUT' x='1.500' y='-3.475' width='1.950' height='0.600' rx='0.150' fill='#f59e0b' stroke='#00000033' stroke-width='0.03' opacity='0.94'/><text class='padnum' x='2.475' 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'>15</text><rect class='ly-copper pad' data-num='16' data-name='VDD' x='1.500' y='-4.745' width='1.950' height='0.600' rx='0.150' fill='#f59e0b' stroke='#00000033' stroke-width='0.03' opacity='0.94'/><text class='padnum' x='2.475' 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'>16</text></svg></div> <div id=tip></div> <script>-var KIND="footprint", MPN="CD4051B", PINS=[{"desc":"Channel 4 analog in/out.","name":"X4","number":"1","type":"Bidir"},{"desc":"Channel 6 analog in/out.","name":"X6","number":"2","type":"Bidir"},{"desc":"Common out/in.","name":"X","number":"3","type":"Bidir"},{"desc":"Channel 7 analog in/out.","name":"X7","number":"4","type":"Bidir"},{"desc":"Channel 5 analog in/out.","name":"X5","number":"5","type":"Bidir"},{"desc":"Inhibit (active-high).","name":"INH","number":"6","type":"Input"},{"desc":"Negative analog supply.","name":"VEE","number":"7","type":"Power"},{"desc":"Digital/logic ground reference.","name":"VSS","number":"8","type":"Power"},{"desc":"Channel select address bit C (MSB).","name":"C","number":"9","type":"Input"},{"desc":"Channel select address bit B.","name":"B","number":"10","type":"Input"},{"desc":"Channel select address bit A (LSB).","name":"A","number":"11","type":"Input"},{"desc":"Channel 3 analog in/out.","name":"X3","number":"12","type":"Bidir"},{"desc":"Channel 0 analog in/out.","name":"X0","number":"13","type":"Bidir"},{"desc":"Channel 1 analog in/out.","name":"X1","number":"14","type":"Bidir"},{"desc":"Channel 2 analog in/out.","name":"X2","number":"15","type":"Bidir"},{"desc":"Positive supply.","name":"VDD","number":"16","type":"Power"}];+var KIND="footprint", MPN="ADOM/CD4051B", PINS=[{"desc":"","name":"CH 4 IN/OUT","number":"1","type":""},{"desc":"","name":"CH 6 IN/OUT","number":"2","type":""},{"desc":"","name":"COM OUT/IN","number":"3","type":""},{"desc":"","name":"CH 7 IN/OUT","number":"4","type":""},{"desc":"","name":"CH 5 IN/OUT","number":"5","type":""},{"desc":"","name":"INH","number":"6","type":""},{"desc":"","name":"VEE","number":"7","type":""},{"desc":"","name":"VSS","number":"8","type":""},{"desc":"","name":"C","number":"9","type":""},{"desc":"","name":"B","number":"10","type":""},{"desc":"","name":"A","number":"11","type":""},{"desc":"","name":"CH 3 IN/OUT","number":"12","type":""},{"desc":"","name":"CH 0 IN/OUT","number":"13","type":""},{"desc":"","name":"CH 1 IN/OUT","number":"14","type":""},{"desc":"","name":"CH 2 IN/OUT","number":"15","type":""},{"desc":"","name":"VDD","number":"16","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>CD4051B symbol</title>+<meta name=viewport content="width=device-width,initial-scale=1"><title>ADOM/CD4051B 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 -750 1100 1500' style='width:100%;height:100%'><polyline points='-320.0,-100.0 -260.0,-100.0' fill='none' stroke='#e35d5d' stroke-width='4'/><polyline points='-220.0,-110.0 -130.0,-140.0' fill='none' stroke='#e35d5d' stroke-width='4'/><polyline points='-180.0,-400.0 -200.0,-400.0' fill='none' stroke='#e35d5d' stroke-width='4'/><polyline points='-180.0,-60.0 -180.0,-85.0' fill='none' stroke='#e35d5d' stroke-width='4'/><polyline points='-180.0,-10.0 -180.0,-35.0' fill='none' stroke='#e35d5d' stroke-width='4'/><polyline points='-180.0,-0.0 -205.0,-0.0' fill='none' stroke='#e35d5d' stroke-width='4'/><polyline points='-150.0,-400.0 -125.0,-400.0' fill='none' stroke='#e35d5d' stroke-width='4'/><polyline points='-70.0,-400.0 -90.0,-400.0' fill='none' stroke='#e35d5d' stroke-width='4'/><polyline points='-70.0,-110.0 90.0,-200.0' fill='none' stroke='#e35d5d' stroke-width='4'/><polyline points='-20.0,-400.0 -40.0,-400.0' fill='none' stroke='#e35d5d' stroke-width='4'/><polyline points='-20.0,-380.0 -20.0,-400.0' fill='none' stroke='#e35d5d' stroke-width='4'/><polyline points='-20.0,-340.0 -20.0,-360.0' fill='none' stroke='#e35d5d' stroke-width='4'/><polyline points='-20.0,-300.0 -20.0,-325.0' fill='none' stroke='#e35d5d' stroke-width='4'/><polyline points='-20.0,-250.0 -20.0,-275.0' fill='none' stroke='#e35d5d' stroke-width='4'/><polyline points='-20.0,-200.0 -20.0,-225.0' fill='none' stroke='#e35d5d' stroke-width='4'/><polyline points='-20.0,-150.0 -20.0,-175.0' fill='none' stroke='#e35d5d' stroke-width='4'/><polyline points='160.0,-200.0 230.0,-200.0' fill='none' stroke='#e35d5d' stroke-width='4'/><polyline points='160.0,-100.0 230.0,-100.0' fill='none' stroke='#e35d5d' stroke-width='4'/><polyline points='160.0,-0.0 230.0,-0.0' fill='none' stroke='#e35d5d' stroke-width='4'/><polyline points='160.0,100.0 230.0,100.0' fill='none' stroke='#e35d5d' stroke-width='4'/><polyline points='160.0,200.0 230.0,200.0' fill='none' stroke='#e35d5d' stroke-width='4'/><polyline points='160.0,300.0 230.0,300.0' fill='none' stroke='#e35d5d' stroke-width='4'/><polyline points='160.0,400.0 230.0,400.0' fill='none' stroke='#e35d5d' stroke-width='4'/><polyline points='160.0,500.0 230.0,500.0' fill='none' stroke='#e35d5d' stroke-width='4'/><rect x='-400.0' y='-600.0' width='800.0' height='1200.0' fill='#e35d5d22' stroke='#e35d5d' stroke-width='4'/><rect x='-400.0' y='-550.0' width='200.0' height='300.0' fill='none' stroke='#e35d5d' stroke-width='4'/><circle cx='-240.0' cy='-100.0' r='20.0' fill='none' stroke='#e35d5d' stroke-width='4'/><circle cx='-90.0' cy='-100.0' r='20.0' fill='none' stroke='#e35d5d' stroke-width='4'/><circle cx='140.0' cy='-200.0' r='20.0' fill='none' stroke='#e35d5d' stroke-width='4'/><circle cx='140.0' cy='-100.0' r='20.0' fill='none' stroke='#e35d5d' stroke-width='4'/><circle cx='140.0' cy='-0.0' r='20.0' fill='none' stroke='#e35d5d' stroke-width='4'/><circle cx='140.0' cy='100.0' r='20.0' fill='none' stroke='#e35d5d' stroke-width='4'/><circle cx='140.0' cy='200.0' r='20.0' fill='none' stroke='#e35d5d' stroke-width='4'/><circle cx='140.0' cy='300.0' r='20.0' fill='none' stroke='#e35d5d' stroke-width='4'/><circle cx='140.0' cy='400.0' r='20.0' fill='none' stroke='#e35d5d' stroke-width='4'/><circle cx='140.0' cy='500.0' r='20.0' fill='none' stroke='#e35d5d' stroke-width='4'/><g class='pingroup' data-num='1' data-name='X4'><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'>1</text><text x='375.0' y='200.0' font-size='50' fill='#e6e9ef' text-anchor='end' dominant-baseline='central'>X4</text><g class='pingroup' data-num='2' data-name='X6'><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'>2</text><text x='375.0' y='400.0' font-size='50' fill='#e6e9ef' text-anchor='end' dominant-baseline='central'>X6</text><g class='pingroup' data-num='3' data-name='X'><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'>3</text><text x='-375.0' y='-100.0' font-size='50' fill='#e6e9ef' text-anchor='start' dominant-baseline='central'>X</text><g class='pingroup' data-num='4' data-name='X7'><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'>4</text><text x='375.0' y='500.0' font-size='50' fill='#e6e9ef' text-anchor='end' dominant-baseline='central'>X7</text><g class='pingroup' data-num='5' data-name='X5'><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'>5</text><text x='375.0' y='300.0' font-size='50' fill='#e6e9ef' text-anchor='end' dominant-baseline='central'>X5</text><g class='pingroup' data-num='6' data-name='INH'><line class='pinvis' x1='-500.0' y1='-0.0' x2='-400.0' y2='-0.0' stroke='#dfe4ec' stroke-width='4'/><line x1='-500.0' y1='-0.0' x2='-400.0' y2='-0.0' stroke='transparent' stroke-width='26' pointer-events='stroke'/></g><text x='-450.0' y='37.5' font-size='50' fill='#9fb0c8' text-anchor='middle' dominant-baseline='central'>6</text><text x='-375.0' y='0.0' font-size='50' fill='#e6e9ef' text-anchor='start' dominant-baseline='central'>INH</text><g class='pingroup' data-num='7' data-name='VEE'><line class='pinvis' x1='-100.0' y1='700.0' x2='-100.0' y2='600.0' stroke='#dfe4ec' stroke-width='4'/><line x1='-100.0' y1='700.0' x2='-100.0' y2='600.0' stroke='transparent' stroke-width='26' pointer-events='stroke'/></g><text x='-62.5' y='650.0' font-size='50' fill='#9fb0c8' text-anchor='middle' dominant-baseline='central'>7</text><text x='-100.0' y='575.0' font-size='50' fill='#e6e9ef' text-anchor='middle' dominant-baseline='central'>VEE</text><g class='pingroup' data-num='8' data-name='VSS'><line class='pinvis' x1='0.0' y1='700.0' x2='0.0' y2='600.0' stroke='#dfe4ec' stroke-width='4'/><line x1='0.0' y1='700.0' x2='0.0' y2='600.0' stroke='transparent' stroke-width='26' pointer-events='stroke'/></g><text x='37.5' y='650.0' font-size='50' fill='#9fb0c8' text-anchor='middle' dominant-baseline='central'>8</text><text x='0.0' y='575.0' font-size='50' fill='#e6e9ef' text-anchor='middle' dominant-baseline='central'>VSS</text><g class='pingroup' data-num='9' data-name='C'><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'>9</text><text x='-375.0' y='-300.0' font-size='50' fill='#e6e9ef' text-anchor='start' dominant-baseline='central'>C</text><g class='pingroup' data-num='10' data-name='B'><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'>10</text><text x='-375.0' y='-400.0' font-size='50' fill='#e6e9ef' text-anchor='start' dominant-baseline='central'>B</text><g class='pingroup' data-num='11' data-name='A'><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'>11</text><text x='-375.0' y='-500.0' font-size='50' fill='#e6e9ef' text-anchor='start' dominant-baseline='central'>A</text><g class='pingroup' data-num='12' data-name='X3'><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'>12</text><text x='375.0' y='100.0' font-size='50' fill='#e6e9ef' text-anchor='end' dominant-baseline='central'>X3</text><g class='pingroup' data-num='13' data-name='X0'><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'>13</text><text x='375.0' y='-200.0' font-size='50' fill='#e6e9ef' text-anchor='end' dominant-baseline='central'>X0</text><g class='pingroup' data-num='14' data-name='X1'><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'>14</text><text x='375.0' y='-100.0' font-size='50' fill='#e6e9ef' text-anchor='end' dominant-baseline='central'>X1</text><g class='pingroup' data-num='15' data-name='X2'><line class='pinvis' x1='500.0' y1='-0.0' x2='400.0' y2='-0.0' stroke='#dfe4ec' stroke-width='4'/><line x1='500.0' y1='-0.0' x2='400.0' y2='-0.0' stroke='transparent' stroke-width='26' pointer-events='stroke'/></g><text x='450.0' y='-37.5' font-size='50' fill='#9fb0c8' text-anchor='middle' dominant-baseline='central'>15</text><text x='375.0' y='0.0' font-size='50' fill='#e6e9ef' text-anchor='end' dominant-baseline='central'>X2</text><g class='pingroup' data-num='16' data-name='VDD'><line class='pinvis' x1='100.0' y1='-700.0' x2='100.0' y2='-600.0' stroke='#dfe4ec' stroke-width='4'/><line x1='100.0' y1='-700.0' x2='100.0' y2='-600.0' stroke='transparent' stroke-width='26' pointer-events='stroke'/></g><text x='62.5' y='-650.0' font-size='50' fill='#9fb0c8' text-anchor='middle' dominant-baseline='central'>16</text><text x='100.0' y='-575.0' font-size='50' fill='#e6e9ef' text-anchor='middle' dominant-baseline='central'>VDD</text></svg></div>+<div class=stage id=stage><svg xmlns='http://www.w3.org/2000/svg' viewBox='-550 -750 1100 1500' style='width:100%;height:100%'><rect x='-400.0' y='-600.0' width='800.0' height='1200.0' fill='#e35d5d22' stroke='#e35d5d' stroke-width='4'/><rect x='-400.0' y='-550.0' width='200.0' height='300.0' fill='none' stroke='#e35d5d' stroke-width='4'/><polyline points='-320.0,-100.0 -260.0,-100.0' fill='none' stroke='#e35d5d' stroke-width='4'/><polyline points='-220.0,-110.0 -130.0,-140.0' fill='none' stroke='#e35d5d' stroke-width='4'/><polyline points='-180.0,-400.0 -200.0,-400.0' fill='none' stroke='#e35d5d' stroke-width='4'/><polyline points='-180.0,-60.0 -180.0,-85.0' fill='none' stroke='#e35d5d' stroke-width='4'/><polyline points='-180.0,-10.0 -180.0,-35.0' fill='none' stroke='#e35d5d' stroke-width='4'/><polyline points='-180.0,-0.0 -205.0,-0.0' fill='none' stroke='#e35d5d' stroke-width='4'/><polyline points='-150.0,-400.0 -125.0,-400.0' fill='none' stroke='#e35d5d' stroke-width='4'/><polyline points='-70.0,-400.0 -90.0,-400.0' fill='none' stroke='#e35d5d' stroke-width='4'/><polyline points='-70.0,-110.0 90.0,-200.0' fill='none' stroke='#e35d5d' stroke-width='4'/><polyline points='-20.0,-400.0 -40.0,-400.0' fill='none' stroke='#e35d5d' stroke-width='4'/><polyline points='-20.0,-380.0 -20.0,-400.0' fill='none' stroke='#e35d5d' stroke-width='4'/><polyline points='-20.0,-340.0 -20.0,-360.0' fill='none' stroke='#e35d5d' stroke-width='4'/><polyline points='-20.0,-300.0 -20.0,-325.0' fill='none' stroke='#e35d5d' stroke-width='4'/><polyline points='-20.0,-250.0 -20.0,-275.0' fill='none' stroke='#e35d5d' stroke-width='4'/><polyline points='-20.0,-200.0 -20.0,-225.0' fill='none' stroke='#e35d5d' stroke-width='4'/><polyline points='-20.0,-150.0 -20.0,-175.0' fill='none' stroke='#e35d5d' stroke-width='4'/><polyline points='160.0,-200.0 230.0,-200.0' fill='none' stroke='#e35d5d' stroke-width='4'/><polyline points='160.0,-100.0 230.0,-100.0' fill='none' stroke='#e35d5d' stroke-width='4'/><polyline points='160.0,-0.0 230.0,-0.0' fill='none' stroke='#e35d5d' stroke-width='4'/><polyline points='160.0,100.0 230.0,100.0' fill='none' stroke='#e35d5d' stroke-width='4'/><polyline points='160.0,200.0 230.0,200.0' fill='none' stroke='#e35d5d' stroke-width='4'/><polyline points='160.0,300.0 230.0,300.0' fill='none' stroke='#e35d5d' stroke-width='4'/><polyline points='160.0,400.0 230.0,400.0' fill='none' stroke='#e35d5d' stroke-width='4'/><polyline points='160.0,500.0 230.0,500.0' fill='none' stroke='#e35d5d' stroke-width='4'/><circle cx='-240.0' cy='-100.0' r='20.0' fill='none' stroke='#e35d5d' stroke-width='4'/><circle cx='-90.0' cy='-100.0' r='20.0' fill='none' stroke='#e35d5d' stroke-width='4'/><circle cx='140.0' cy='-200.0' r='20.0' fill='none' stroke='#e35d5d' stroke-width='4'/><circle cx='140.0' cy='-100.0' r='20.0' fill='none' stroke='#e35d5d' stroke-width='4'/><circle cx='140.0' cy='-0.0' r='20.0' fill='none' stroke='#e35d5d' stroke-width='4'/><circle cx='140.0' cy='100.0' r='20.0' fill='none' stroke='#e35d5d' stroke-width='4'/><circle cx='140.0' cy='200.0' r='20.0' fill='none' stroke='#e35d5d' stroke-width='4'/><circle cx='140.0' cy='300.0' r='20.0' fill='none' stroke='#e35d5d' stroke-width='4'/><circle cx='140.0' cy='400.0' r='20.0' fill='none' stroke='#e35d5d' stroke-width='4'/><circle cx='140.0' cy='500.0' r='20.0' fill='none' stroke='#e35d5d' stroke-width='4'/><g class='pingroup' data-num='1' data-name='CH 4 IN/OUT'><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'>1</text><text x='375.0' y='200.0' font-size='50' fill='#e6e9ef' text-anchor='end' dominant-baseline='central'>CH 4 IN/OUT</text><g class='pingroup' data-num='2' data-name='CH 6 IN/OUT'><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'>2</text><text x='375.0' y='400.0' font-size='50' fill='#e6e9ef' text-anchor='end' dominant-baseline='central'>CH 6 IN/OUT</text><g class='pingroup' data-num='3' data-name='COM OUT/IN'><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'>3</text><text x='-375.0' y='-100.0' font-size='50' fill='#e6e9ef' text-anchor='start' dominant-baseline='central'>COM OUT/IN</text><g class='pingroup' data-num='4' data-name='CH 7 IN/OUT'><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'>4</text><text x='375.0' y='500.0' font-size='50' fill='#e6e9ef' text-anchor='end' dominant-baseline='central'>CH 7 IN/OUT</text><g class='pingroup' data-num='5' data-name='CH 5 IN/OUT'><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'>5</text><text x='375.0' y='300.0' font-size='50' fill='#e6e9ef' text-anchor='end' dominant-baseline='central'>CH 5 IN/OUT</text><g class='pingroup' data-num='6' data-name='INH'><line class='pinvis' x1='-500.0' y1='-0.0' x2='-400.0' y2='-0.0' stroke='#dfe4ec' stroke-width='4'/><line x1='-500.0' y1='-0.0' x2='-400.0' y2='-0.0' stroke='transparent' stroke-width='26' pointer-events='stroke'/></g><text x='-450.0' y='37.5' font-size='50' fill='#9fb0c8' text-anchor='middle' dominant-baseline='central'>6</text><text x='-375.0' y='0.0' font-size='50' fill='#e6e9ef' text-anchor='start' dominant-baseline='central'>INH</text><g class='pingroup' data-num='7' data-name='VEE'><line class='pinvis' x1='-100.0' y1='700.0' x2='-100.0' y2='600.0' stroke='#dfe4ec' stroke-width='4'/><line x1='-100.0' y1='700.0' x2='-100.0' y2='600.0' stroke='transparent' stroke-width='26' pointer-events='stroke'/></g><text x='-62.5' y='650.0' font-size='50' fill='#9fb0c8' text-anchor='middle' dominant-baseline='central'>7</text><text x='-100.0' y='575.0' font-size='50' fill='#e6e9ef' text-anchor='middle' dominant-baseline='central'>VEE</text><g class='pingroup' data-num='8' data-name='VSS'><line class='pinvis' x1='0.0' y1='700.0' x2='0.0' y2='600.0' stroke='#dfe4ec' stroke-width='4'/><line x1='0.0' y1='700.0' x2='0.0' y2='600.0' stroke='transparent' stroke-width='26' pointer-events='stroke'/></g><text x='37.5' y='650.0' font-size='50' fill='#9fb0c8' text-anchor='middle' dominant-baseline='central'>8</text><text x='0.0' y='575.0' font-size='50' fill='#e6e9ef' text-anchor='middle' dominant-baseline='central'>VSS</text><g class='pingroup' data-num='9' data-name='C'><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'>9</text><text x='-375.0' y='-300.0' font-size='50' fill='#e6e9ef' text-anchor='start' dominant-baseline='central'>C</text><g class='pingroup' data-num='10' data-name='B'><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'>10</text><text x='-375.0' y='-400.0' font-size='50' fill='#e6e9ef' text-anchor='start' dominant-baseline='central'>B</text><g class='pingroup' data-num='11' data-name='A'><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'>11</text><text x='-375.0' y='-500.0' font-size='50' fill='#e6e9ef' text-anchor='start' dominant-baseline='central'>A</text><g class='pingroup' data-num='12' data-name='CH 3 IN/OUT'><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'>12</text><text x='375.0' y='100.0' font-size='50' fill='#e6e9ef' text-anchor='end' dominant-baseline='central'>CH 3 IN/OUT</text><g class='pingroup' data-num='13' data-name='CH 0 IN/OUT'><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'>13</text><text x='375.0' y='-200.0' font-size='50' fill='#e6e9ef' text-anchor='end' dominant-baseline='central'>CH 0 IN/OUT</text><g class='pingroup' data-num='14' data-name='CH 1 IN/OUT'><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'>14</text><text x='375.0' y='-100.0' font-size='50' fill='#e6e9ef' text-anchor='end' dominant-baseline='central'>CH 1 IN/OUT</text><g class='pingroup' data-num='15' data-name='CH 2 IN/OUT'><line class='pinvis' x1='500.0' y1='-0.0' x2='400.0' y2='-0.0' stroke='#dfe4ec' stroke-width='4'/><line x1='500.0' y1='-0.0' x2='400.0' y2='-0.0' stroke='transparent' stroke-width='26' pointer-events='stroke'/></g><text x='450.0' y='-37.5' font-size='50' fill='#9fb0c8' text-anchor='middle' dominant-baseline='central'>15</text><text x='375.0' y='0.0' font-size='50' fill='#e6e9ef' text-anchor='end' dominant-baseline='central'>CH 2 IN/OUT</text><g class='pingroup' data-num='16' data-name='VDD'><line class='pinvis' x1='100.0' y1='-700.0' x2='100.0' y2='-600.0' stroke='#dfe4ec' stroke-width='4'/><line x1='100.0' y1='-700.0' x2='100.0' y2='-600.0' stroke='transparent' stroke-width='26' pointer-events='stroke'/></g><text x='62.5' y='-650.0' font-size='50' fill='#9fb0c8' text-anchor='middle' dominant-baseline='central'>16</text><text x='100.0' y='-575.0' font-size='50' fill='#e6e9ef' text-anchor='middle' dominant-baseline='central'>VDD</text></svg></div> <div id=tip></div> <script>-var KIND="symbol", MPN="CD4051B", PINS=[{"desc":"Channel 4 analog in/out.","name":"X4","number":"1","type":"Bidir"},{"desc":"Channel 6 analog in/out.","name":"X6","number":"2","type":"Bidir"},{"desc":"Common out/in.","name":"X","number":"3","type":"Bidir"},{"desc":"Channel 7 analog in/out.","name":"X7","number":"4","type":"Bidir"},{"desc":"Channel 5 analog in/out.","name":"X5","number":"5","type":"Bidir"},{"desc":"Inhibit (active-high).","name":"INH","number":"6","type":"Input"},{"desc":"Negative analog supply.","name":"VEE","number":"7","type":"Power"},{"desc":"Digital/logic ground reference.","name":"VSS","number":"8","type":"Power"},{"desc":"Channel select address bit C (MSB).","name":"C","number":"9","type":"Input"},{"desc":"Channel select address bit B.","name":"B","number":"10","type":"Input"},{"desc":"Channel select address bit A (LSB).","name":"A","number":"11","type":"Input"},{"desc":"Channel 3 analog in/out.","name":"X3","number":"12","type":"Bidir"},{"desc":"Channel 0 analog in/out.","name":"X0","number":"13","type":"Bidir"},{"desc":"Channel 1 analog in/out.","name":"X1","number":"14","type":"Bidir"},{"desc":"Channel 2 analog in/out.","name":"X2","number":"15","type":"Bidir"},{"desc":"Positive supply.","name":"VDD","number":"16","type":"Power"}];+var KIND="symbol", MPN="ADOM/CD4051B", PINS=[{"desc":"","name":"CH 4 IN/OUT","number":"1","type":""},{"desc":"","name":"CH 6 IN/OUT","number":"2","type":""},{"desc":"","name":"COM OUT/IN","number":"3","type":""},{"desc":"","name":"CH 7 IN/OUT","number":"4","type":""},{"desc":"","name":"CH 5 IN/OUT","number":"5","type":""},{"desc":"","name":"INH","number":"6","type":""},{"desc":"","name":"VEE","number":"7","type":""},{"desc":"","name":"VSS","number":"8","type":""},{"desc":"","name":"C","number":"9","type":""},{"desc":"","name":"B","number":"10","type":""},{"desc":"","name":"A","number":"11","type":""},{"desc":"","name":"CH 3 IN/OUT","number":"12","type":""},{"desc":"","name":"CH 0 IN/OUT","number":"13","type":""},{"desc":"","name":"CH 1 IN/OUT","number":"14","type":""},{"desc":"","name":"CH 2 IN/OUT","number":"15","type":""},{"desc":"","name":"VDD","number":"16","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 ----