component
PCF8574
Public Made by Adomby adom
TI remote 8-bit I2C I/O expander, SOIC-16. Eight quasi-bidirectional lines, 3 address pins, open-drain INT. 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>PCF8574 footprint</title>+<meta name=viewport content="width=device-width,initial-scale=1"><title>ADOM/PCF8574 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='A0' 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='A1' 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='A2' 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='P0' 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='P1' 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='P2' 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='P3' 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='GND' 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='P4' 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='P5' 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='P6' 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='P7' 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='~{INT}' 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='SCL' 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='SDA' 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='A0' 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='A1' 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='A2' 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='P0' 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='P1' 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='P2' 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='P3' 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='GND' 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='P4' 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='P5' 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='P6' 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='P7' 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='INT' 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='SCL' 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='SDA' 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='VCC' 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="PCF8574", PINS=[{"desc":"Hardware I2C slave-address input bit 0.","name":"A0","number":"1","type":"Input"},{"desc":"Hardware I2C slave-address input bit 1.","name":"A1","number":"2","type":"Input"},{"desc":"Hardware I2C slave-address input bit 2.","name":"A2","number":"3","type":"Input"},{"desc":"Quasi-bidirectional I/O port bit 0.","name":"P0","number":"4","type":"Bidir"},{"desc":"Quasi-bidirectional I/O port bit 1.","name":"P1","number":"5","type":"Bidir"},{"desc":"Quasi-bidirectional I/O port bit 2.","name":"P2","number":"6","type":"Bidir"},{"desc":"Quasi-bidirectional I/O port bit 3.","name":"P3","number":"7","type":"Bidir"},{"desc":"Ground reference.","name":"GND","number":"8","type":"Power"},{"desc":"Quasi-bidirectional I/O port bit 4.","name":"P4","number":"9","type":"Bidir"},{"desc":"Quasi-bidirectional I/O port bit 5.","name":"P5","number":"10","type":"Bidir"},{"desc":"Quasi-bidirectional I/O port bit 6.","name":"P6","number":"11","type":"Bidir"},{"desc":"Quasi-bidirectional I/O port bit 7.","name":"P7","number":"12","type":"Bidir"},{"desc":"Open-drain interrupt output, active-low.","name":"~{INT}","number":"13","type":"Output"},{"desc":"I2C serial clock line.","name":"SCL","number":"14","type":"Input"},{"desc":"I2C serial data line, open-drain.","name":"SDA","number":"15","type":"Bidir"},{"desc":"Positive supply voltage, 2.5 V to 6 V (recommended).","name":"VDD","number":"16","type":"Power"}];+var KIND="footprint", MPN="ADOM/PCF8574", PINS=[{"desc":"","name":"A0","number":"1","type":""},{"desc":"","name":"A1","number":"2","type":""},{"desc":"","name":"A2","number":"3","type":""},{"desc":"","name":"P0","number":"4","type":""},{"desc":"","name":"P1","number":"5","type":""},{"desc":"","name":"P2","number":"6","type":""},{"desc":"","name":"P3","number":"7","type":""},{"desc":"","name":"GND","number":"8","type":""},{"desc":"","name":"P4","number":"9","type":""},{"desc":"","name":"P5","number":"10","type":""},{"desc":"","name":"P6","number":"11","type":""},{"desc":"","name":"P7","number":"12","type":""},{"desc":"","name":"INT","number":"13","type":""},{"desc":"","name":"SCL","number":"14","type":""},{"desc":"","name":"SDA","number":"15","type":""},{"desc":"","name":"VCC","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>PCF8574 symbol</title>+<meta name=viewport content="width=device-width,initial-scale=1"><title>ADOM/PCF8574 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='-450 -600 900 1200' style='width:100%;height:100%'><rect x='-300.0' y='-450.0' width='600.0' height='900.0' fill='#e35d5d22' stroke='#e35d5d' stroke-width='4'/><g class='pingroup' data-num='1' data-name='A0'><line class='pinvis' x1='-400.0' y1='150.0' x2='-300.0' y2='150.0' stroke='#dfe4ec' stroke-width='4'/><line x1='-400.0' y1='150.0' x2='-300.0' y2='150.0' stroke='transparent' stroke-width='26' pointer-events='stroke'/></g><text x='-350.0' y='187.5' font-size='50' fill='#9fb0c8' text-anchor='middle' dominant-baseline='central'>1</text><text x='-275.0' y='150.0' font-size='50' fill='#e6e9ef' text-anchor='start' dominant-baseline='central'>A0</text><g class='pingroup' data-num='2' data-name='A1'><line class='pinvis' x1='-400.0' y1='250.0' x2='-300.0' y2='250.0' stroke='#dfe4ec' stroke-width='4'/><line x1='-400.0' y1='250.0' x2='-300.0' y2='250.0' stroke='transparent' stroke-width='26' pointer-events='stroke'/></g><text x='-350.0' y='287.5' font-size='50' fill='#9fb0c8' text-anchor='middle' dominant-baseline='central'>2</text><text x='-275.0' y='250.0' font-size='50' fill='#e6e9ef' text-anchor='start' dominant-baseline='central'>A1</text><g class='pingroup' data-num='3' data-name='A2'><line class='pinvis' x1='-400.0' y1='350.0' x2='-300.0' y2='350.0' stroke='#dfe4ec' stroke-width='4'/><line x1='-400.0' y1='350.0' x2='-300.0' y2='350.0' stroke='transparent' stroke-width='26' pointer-events='stroke'/></g><text x='-350.0' y='387.5' font-size='50' fill='#9fb0c8' text-anchor='middle' dominant-baseline='central'>3</text><text x='-275.0' y='350.0' font-size='50' fill='#e6e9ef' text-anchor='start' dominant-baseline='central'>A2</text><g class='pingroup' data-num='4' data-name='P0'><line class='pinvis' x1='400.0' y1='-350.0' x2='300.0' y2='-350.0' stroke='#dfe4ec' stroke-width='4'/><line x1='400.0' y1='-350.0' x2='300.0' y2='-350.0' stroke='transparent' stroke-width='26' pointer-events='stroke'/></g><text x='350.0' y='-387.5' font-size='50' fill='#9fb0c8' text-anchor='middle' dominant-baseline='central'>4</text><text x='275.0' y='-350.0' font-size='50' fill='#e6e9ef' text-anchor='end' dominant-baseline='central'>P0</text><g class='pingroup' data-num='5' data-name='P1'><line class='pinvis' x1='400.0' y1='-250.0' x2='300.0' y2='-250.0' stroke='#dfe4ec' stroke-width='4'/><line x1='400.0' y1='-250.0' x2='300.0' y2='-250.0' stroke='transparent' stroke-width='26' pointer-events='stroke'/></g><text x='350.0' y='-287.5' font-size='50' fill='#9fb0c8' text-anchor='middle' dominant-baseline='central'>5</text><text x='275.0' y='-250.0' font-size='50' fill='#e6e9ef' text-anchor='end' dominant-baseline='central'>P1</text><g class='pingroup' data-num='6' data-name='P2'><line class='pinvis' x1='400.0' y1='-150.0' x2='300.0' y2='-150.0' stroke='#dfe4ec' stroke-width='4'/><line x1='400.0' y1='-150.0' x2='300.0' y2='-150.0' stroke='transparent' stroke-width='26' pointer-events='stroke'/></g><text x='350.0' y='-187.5' font-size='50' fill='#9fb0c8' text-anchor='middle' dominant-baseline='central'>6</text><text x='275.0' y='-150.0' font-size='50' fill='#e6e9ef' text-anchor='end' dominant-baseline='central'>P2</text><g class='pingroup' data-num='7' data-name='P3'><line class='pinvis' x1='400.0' y1='-50.0' x2='300.0' y2='-50.0' stroke='#dfe4ec' stroke-width='4'/><line x1='400.0' y1='-50.0' x2='300.0' y2='-50.0' stroke='transparent' stroke-width='26' pointer-events='stroke'/></g><text x='350.0' y='-87.5' font-size='50' fill='#9fb0c8' text-anchor='middle' dominant-baseline='central'>7</text><text x='275.0' y='-50.0' font-size='50' fill='#e6e9ef' text-anchor='end' dominant-baseline='central'>P3</text><g class='pingroup' data-num='8' data-name='GND'><line class='pinvis' x1='0.0' y1='550.0' x2='0.0' y2='450.0' stroke='#dfe4ec' stroke-width='4'/><line x1='0.0' y1='550.0' x2='0.0' y2='450.0' stroke='transparent' stroke-width='26' pointer-events='stroke'/></g><text x='37.5' y='500.0' font-size='50' fill='#9fb0c8' text-anchor='middle' dominant-baseline='central'>8</text><text x='0.0' y='425.0' font-size='50' fill='#e6e9ef' text-anchor='middle' dominant-baseline='central'>GND</text><g class='pingroup' data-num='9' data-name='P4'><line class='pinvis' x1='400.0' y1='50.0' x2='300.0' y2='50.0' stroke='#dfe4ec' stroke-width='4'/><line x1='400.0' y1='50.0' x2='300.0' y2='50.0' stroke='transparent' stroke-width='26' pointer-events='stroke'/></g><text x='350.0' y='12.5' font-size='50' fill='#9fb0c8' text-anchor='middle' dominant-baseline='central'>9</text><text x='275.0' y='50.0' font-size='50' fill='#e6e9ef' text-anchor='end' dominant-baseline='central'>P4</text><g class='pingroup' data-num='10' data-name='P5'><line class='pinvis' x1='400.0' y1='150.0' x2='300.0' y2='150.0' stroke='#dfe4ec' stroke-width='4'/><line x1='400.0' y1='150.0' x2='300.0' y2='150.0' stroke='transparent' stroke-width='26' pointer-events='stroke'/></g><text x='350.0' y='112.5' font-size='50' fill='#9fb0c8' text-anchor='middle' dominant-baseline='central'>10</text><text x='275.0' y='150.0' font-size='50' fill='#e6e9ef' text-anchor='end' dominant-baseline='central'>P5</text><g class='pingroup' data-num='11' data-name='P6'><line class='pinvis' x1='400.0' y1='250.0' x2='300.0' y2='250.0' stroke='#dfe4ec' stroke-width='4'/><line x1='400.0' y1='250.0' x2='300.0' y2='250.0' stroke='transparent' stroke-width='26' pointer-events='stroke'/></g><text x='350.0' y='212.5' font-size='50' fill='#9fb0c8' text-anchor='middle' dominant-baseline='central'>11</text><text x='275.0' y='250.0' font-size='50' fill='#e6e9ef' text-anchor='end' dominant-baseline='central'>P6</text><g class='pingroup' data-num='12' data-name='P7'><line class='pinvis' x1='400.0' y1='350.0' x2='300.0' y2='350.0' stroke='#dfe4ec' stroke-width='4'/><line x1='400.0' y1='350.0' x2='300.0' y2='350.0' stroke='transparent' stroke-width='26' pointer-events='stroke'/></g><text x='350.0' y='312.5' font-size='50' fill='#9fb0c8' text-anchor='middle' dominant-baseline='central'>12</text><text x='275.0' y='350.0' font-size='50' fill='#e6e9ef' text-anchor='end' dominant-baseline='central'>P7</text><g class='pingroup' data-num='13' data-name='~{INT}'><line class='pinvis' x1='-400.0' y1='-50.0' x2='-300.0' y2='-50.0' stroke='#dfe4ec' stroke-width='4'/><line x1='-400.0' y1='-50.0' x2='-300.0' y2='-50.0' stroke='transparent' stroke-width='26' pointer-events='stroke'/></g><text x='-350.0' y='-12.5' font-size='50' fill='#9fb0c8' text-anchor='middle' dominant-baseline='central'>13</text><text x='-275.0' y='-50.0' font-size='50' fill='#e6e9ef' text-anchor='start' dominant-baseline='central'>~{INT}</text><g class='pingroup' data-num='14' data-name='SCL'><line class='pinvis' x1='-400.0' y1='-350.0' x2='-300.0' y2='-350.0' stroke='#dfe4ec' stroke-width='4'/><line x1='-400.0' y1='-350.0' x2='-300.0' y2='-350.0' stroke='transparent' stroke-width='26' pointer-events='stroke'/></g><text x='-350.0' y='-312.5' font-size='50' fill='#9fb0c8' text-anchor='middle' dominant-baseline='central'>14</text><text x='-275.0' y='-350.0' font-size='50' fill='#e6e9ef' text-anchor='start' dominant-baseline='central'>SCL</text><g class='pingroup' data-num='15' data-name='SDA'><line class='pinvis' x1='-400.0' y1='-250.0' x2='-300.0' y2='-250.0' stroke='#dfe4ec' stroke-width='4'/><line x1='-400.0' y1='-250.0' x2='-300.0' y2='-250.0' stroke='transparent' stroke-width='26' pointer-events='stroke'/></g><text x='-350.0' y='-212.5' font-size='50' fill='#9fb0c8' text-anchor='middle' dominant-baseline='central'>15</text><text x='-275.0' y='-250.0' font-size='50' fill='#e6e9ef' text-anchor='start' dominant-baseline='central'>SDA</text><g class='pingroup' data-num='16' data-name='VDD'><line class='pinvis' x1='0.0' y1='-550.0' x2='0.0' y2='-450.0' stroke='#dfe4ec' stroke-width='4'/><line x1='0.0' y1='-550.0' x2='0.0' y2='-450.0' stroke='transparent' stroke-width='26' pointer-events='stroke'/></g><text x='-37.5' y='-500.0' font-size='50' fill='#9fb0c8' text-anchor='middle' dominant-baseline='central'>16</text><text x='0.0' y='-425.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='-450 -600 900 1200' style='width:100%;height:100%'><rect x='-300.0' y='-450.0' width='600.0' height='900.0' fill='#e35d5d22' stroke='#e35d5d' stroke-width='4'/><g class='pingroup' data-num='1' data-name='A0'><line class='pinvis' x1='-400.0' y1='150.0' x2='-300.0' y2='150.0' stroke='#dfe4ec' stroke-width='4'/><line x1='-400.0' y1='150.0' x2='-300.0' y2='150.0' stroke='transparent' stroke-width='26' pointer-events='stroke'/></g><text x='-350.0' y='187.5' font-size='50' fill='#9fb0c8' text-anchor='middle' dominant-baseline='central'>1</text><text x='-275.0' y='150.0' font-size='50' fill='#e6e9ef' text-anchor='start' dominant-baseline='central'>A0</text><g class='pingroup' data-num='2' data-name='A1'><line class='pinvis' x1='-400.0' y1='250.0' x2='-300.0' y2='250.0' stroke='#dfe4ec' stroke-width='4'/><line x1='-400.0' y1='250.0' x2='-300.0' y2='250.0' stroke='transparent' stroke-width='26' pointer-events='stroke'/></g><text x='-350.0' y='287.5' font-size='50' fill='#9fb0c8' text-anchor='middle' dominant-baseline='central'>2</text><text x='-275.0' y='250.0' font-size='50' fill='#e6e9ef' text-anchor='start' dominant-baseline='central'>A1</text><g class='pingroup' data-num='3' data-name='A2'><line class='pinvis' x1='-400.0' y1='350.0' x2='-300.0' y2='350.0' stroke='#dfe4ec' stroke-width='4'/><line x1='-400.0' y1='350.0' x2='-300.0' y2='350.0' stroke='transparent' stroke-width='26' pointer-events='stroke'/></g><text x='-350.0' y='387.5' font-size='50' fill='#9fb0c8' text-anchor='middle' dominant-baseline='central'>3</text><text x='-275.0' y='350.0' font-size='50' fill='#e6e9ef' text-anchor='start' dominant-baseline='central'>A2</text><g class='pingroup' data-num='4' data-name='P0'><line class='pinvis' x1='400.0' y1='-350.0' x2='300.0' y2='-350.0' stroke='#dfe4ec' stroke-width='4'/><line x1='400.0' y1='-350.0' x2='300.0' y2='-350.0' stroke='transparent' stroke-width='26' pointer-events='stroke'/></g><text x='350.0' y='-387.5' font-size='50' fill='#9fb0c8' text-anchor='middle' dominant-baseline='central'>4</text><text x='275.0' y='-350.0' font-size='50' fill='#e6e9ef' text-anchor='end' dominant-baseline='central'>P0</text><g class='pingroup' data-num='5' data-name='P1'><line class='pinvis' x1='400.0' y1='-250.0' x2='300.0' y2='-250.0' stroke='#dfe4ec' stroke-width='4'/><line x1='400.0' y1='-250.0' x2='300.0' y2='-250.0' stroke='transparent' stroke-width='26' pointer-events='stroke'/></g><text x='350.0' y='-287.5' font-size='50' fill='#9fb0c8' text-anchor='middle' dominant-baseline='central'>5</text><text x='275.0' y='-250.0' font-size='50' fill='#e6e9ef' text-anchor='end' dominant-baseline='central'>P1</text><g class='pingroup' data-num='6' data-name='P2'><line class='pinvis' x1='400.0' y1='-150.0' x2='300.0' y2='-150.0' stroke='#dfe4ec' stroke-width='4'/><line x1='400.0' y1='-150.0' x2='300.0' y2='-150.0' stroke='transparent' stroke-width='26' pointer-events='stroke'/></g><text x='350.0' y='-187.5' font-size='50' fill='#9fb0c8' text-anchor='middle' dominant-baseline='central'>6</text><text x='275.0' y='-150.0' font-size='50' fill='#e6e9ef' text-anchor='end' dominant-baseline='central'>P2</text><g class='pingroup' data-num='7' data-name='P3'><line class='pinvis' x1='400.0' y1='-50.0' x2='300.0' y2='-50.0' stroke='#dfe4ec' stroke-width='4'/><line x1='400.0' y1='-50.0' x2='300.0' y2='-50.0' stroke='transparent' stroke-width='26' pointer-events='stroke'/></g><text x='350.0' y='-87.5' font-size='50' fill='#9fb0c8' text-anchor='middle' dominant-baseline='central'>7</text><text x='275.0' y='-50.0' font-size='50' fill='#e6e9ef' text-anchor='end' dominant-baseline='central'>P3</text><g class='pingroup' data-num='8' data-name='GND'><line class='pinvis' x1='0.0' y1='550.0' x2='0.0' y2='450.0' stroke='#dfe4ec' stroke-width='4'/><line x1='0.0' y1='550.0' x2='0.0' y2='450.0' stroke='transparent' stroke-width='26' pointer-events='stroke'/></g><text x='37.5' y='500.0' font-size='50' fill='#9fb0c8' text-anchor='middle' dominant-baseline='central'>8</text><text x='0.0' y='425.0' font-size='50' fill='#e6e9ef' text-anchor='middle' dominant-baseline='central'>GND</text><g class='pingroup' data-num='9' data-name='P4'><line class='pinvis' x1='400.0' y1='50.0' x2='300.0' y2='50.0' stroke='#dfe4ec' stroke-width='4'/><line x1='400.0' y1='50.0' x2='300.0' y2='50.0' stroke='transparent' stroke-width='26' pointer-events='stroke'/></g><text x='350.0' y='12.5' font-size='50' fill='#9fb0c8' text-anchor='middle' dominant-baseline='central'>9</text><text x='275.0' y='50.0' font-size='50' fill='#e6e9ef' text-anchor='end' dominant-baseline='central'>P4</text><g class='pingroup' data-num='10' data-name='P5'><line class='pinvis' x1='400.0' y1='150.0' x2='300.0' y2='150.0' stroke='#dfe4ec' stroke-width='4'/><line x1='400.0' y1='150.0' x2='300.0' y2='150.0' stroke='transparent' stroke-width='26' pointer-events='stroke'/></g><text x='350.0' y='112.5' font-size='50' fill='#9fb0c8' text-anchor='middle' dominant-baseline='central'>10</text><text x='275.0' y='150.0' font-size='50' fill='#e6e9ef' text-anchor='end' dominant-baseline='central'>P5</text><g class='pingroup' data-num='11' data-name='P6'><line class='pinvis' x1='400.0' y1='250.0' x2='300.0' y2='250.0' stroke='#dfe4ec' stroke-width='4'/><line x1='400.0' y1='250.0' x2='300.0' y2='250.0' stroke='transparent' stroke-width='26' pointer-events='stroke'/></g><text x='350.0' y='212.5' font-size='50' fill='#9fb0c8' text-anchor='middle' dominant-baseline='central'>11</text><text x='275.0' y='250.0' font-size='50' fill='#e6e9ef' text-anchor='end' dominant-baseline='central'>P6</text><g class='pingroup' data-num='12' data-name='P7'><line class='pinvis' x1='400.0' y1='350.0' x2='300.0' y2='350.0' stroke='#dfe4ec' stroke-width='4'/><line x1='400.0' y1='350.0' x2='300.0' y2='350.0' stroke='transparent' stroke-width='26' pointer-events='stroke'/></g><text x='350.0' y='312.5' font-size='50' fill='#9fb0c8' text-anchor='middle' dominant-baseline='central'>12</text><text x='275.0' y='350.0' font-size='50' fill='#e6e9ef' text-anchor='end' dominant-baseline='central'>P7</text><g class='pingroup' data-num='13' data-name='INT'><line class='pinvis' x1='-400.0' y1='-50.0' x2='-300.0' y2='-50.0' stroke='#dfe4ec' stroke-width='4'/><line x1='-400.0' y1='-50.0' x2='-300.0' y2='-50.0' stroke='transparent' stroke-width='26' pointer-events='stroke'/></g><text x='-350.0' y='-12.5' font-size='50' fill='#9fb0c8' text-anchor='middle' dominant-baseline='central'>13</text><text x='-275.0' y='-50.0' font-size='50' fill='#e6e9ef' text-anchor='start' dominant-baseline='central'>INT</text><g class='pingroup' data-num='14' data-name='SCL'><line class='pinvis' x1='-400.0' y1='-350.0' x2='-300.0' y2='-350.0' stroke='#dfe4ec' stroke-width='4'/><line x1='-400.0' y1='-350.0' x2='-300.0' y2='-350.0' stroke='transparent' stroke-width='26' pointer-events='stroke'/></g><text x='-350.0' y='-312.5' font-size='50' fill='#9fb0c8' text-anchor='middle' dominant-baseline='central'>14</text><text x='-275.0' y='-350.0' font-size='50' fill='#e6e9ef' text-anchor='start' dominant-baseline='central'>SCL</text><g class='pingroup' data-num='15' data-name='SDA'><line class='pinvis' x1='-400.0' y1='-250.0' x2='-300.0' y2='-250.0' stroke='#dfe4ec' stroke-width='4'/><line x1='-400.0' y1='-250.0' x2='-300.0' y2='-250.0' stroke='transparent' stroke-width='26' pointer-events='stroke'/></g><text x='-350.0' y='-212.5' font-size='50' fill='#9fb0c8' text-anchor='middle' dominant-baseline='central'>15</text><text x='-275.0' y='-250.0' font-size='50' fill='#e6e9ef' text-anchor='start' dominant-baseline='central'>SDA</text><g class='pingroup' data-num='16' data-name='VCC'><line class='pinvis' x1='0.0' y1='-550.0' x2='0.0' y2='-450.0' stroke='#dfe4ec' stroke-width='4'/><line x1='0.0' y1='-550.0' x2='0.0' y2='-450.0' stroke='transparent' stroke-width='26' pointer-events='stroke'/></g><text x='-37.5' y='-500.0' font-size='50' fill='#9fb0c8' text-anchor='middle' dominant-baseline='central'>16</text><text x='0.0' y='-425.0' font-size='50' fill='#e6e9ef' text-anchor='middle' dominant-baseline='central'>VCC</text></svg></div> <div id=tip></div> <script>-var KIND="symbol", MPN="PCF8574", PINS=[{"desc":"Hardware I2C slave-address input bit 0.","name":"A0","number":"1","type":"Input"},{"desc":"Hardware I2C slave-address input bit 1.","name":"A1","number":"2","type":"Input"},{"desc":"Hardware I2C slave-address input bit 2.","name":"A2","number":"3","type":"Input"},{"desc":"Quasi-bidirectional I/O port bit 0.","name":"P0","number":"4","type":"Bidir"},{"desc":"Quasi-bidirectional I/O port bit 1.","name":"P1","number":"5","type":"Bidir"},{"desc":"Quasi-bidirectional I/O port bit 2.","name":"P2","number":"6","type":"Bidir"},{"desc":"Quasi-bidirectional I/O port bit 3.","name":"P3","number":"7","type":"Bidir"},{"desc":"Ground reference.","name":"GND","number":"8","type":"Power"},{"desc":"Quasi-bidirectional I/O port bit 4.","name":"P4","number":"9","type":"Bidir"},{"desc":"Quasi-bidirectional I/O port bit 5.","name":"P5","number":"10","type":"Bidir"},{"desc":"Quasi-bidirectional I/O port bit 6.","name":"P6","number":"11","type":"Bidir"},{"desc":"Quasi-bidirectional I/O port bit 7.","name":"P7","number":"12","type":"Bidir"},{"desc":"Open-drain interrupt output, active-low.","name":"~{INT}","number":"13","type":"Output"},{"desc":"I2C serial clock line.","name":"SCL","number":"14","type":"Input"},{"desc":"I2C serial data line, open-drain.","name":"SDA","number":"15","type":"Bidir"},{"desc":"Positive supply voltage, 2.5 V to 6 V (recommended).","name":"VDD","number":"16","type":"Power"}];+var KIND="symbol", MPN="ADOM/PCF8574", PINS=[{"desc":"","name":"A0","number":"1","type":""},{"desc":"","name":"A1","number":"2","type":""},{"desc":"","name":"A2","number":"3","type":""},{"desc":"","name":"P0","number":"4","type":""},{"desc":"","name":"P1","number":"5","type":""},{"desc":"","name":"P2","number":"6","type":""},{"desc":"","name":"P3","number":"7","type":""},{"desc":"","name":"GND","number":"8","type":""},{"desc":"","name":"P4","number":"9","type":""},{"desc":"","name":"P5","number":"10","type":""},{"desc":"","name":"P6","number":"11","type":""},{"desc":"","name":"P7","number":"12","type":""},{"desc":"","name":"INT","number":"13","type":""},{"desc":"","name":"SCL","number":"14","type":""},{"desc":"","name":"SDA","number":"15","type":""},{"desc":"","name":"VCC","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 ----