component
ATmega328P
Public Made by Adomby adom
Microchip 8-bit AVR MCU, 28-pin DIP. 32 KB flash, 2 KB SRAM, 20 MHz, the Arduino Uno chip. Datasheet-verified.
← Commit history
viewers/footprint.html+2−2@@ -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>ATMEGA328P footprint</title>+<meta name=viewport content="width=device-width,initial-scale=1"><title>ADOM/ATMEGA328P 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%}@@ -26,7 +26,7 @@ rect.pad.hi{stroke:var(--hi);stroke-width:.15;paint-order:stroke} <div class=stage id=stage><svg xmlns='http://www.w3.org/2000/svg' viewBox='-1.460 -2.730 10.530 37.680' style='width:100%;height:100%'><line class='ly-silk' x1='1.160' y1='-1.330' x2='1.160' y2='34.350' stroke='#d8b4fe' stroke-width='0.120'/><line class='ly-silk' x1='1.160' y1='34.350' x2='6.460' y2='34.350' stroke='#d8b4fe' stroke-width='0.120'/><line class='ly-silk' x1='2.810' y1='-1.330' x2='1.160' y2='-1.330' stroke='#d8b4fe' stroke-width='0.120'/><line class='ly-silk' x1='6.460' y1='-1.330' x2='4.810' y2='-1.330' stroke='#d8b4fe' stroke-width='0.120'/><line class='ly-silk' x1='6.460' y1='34.350' x2='6.460' y2='-1.330' stroke='#d8b4fe' stroke-width='0.120'/><line class='ly-fab' x1='0.635' y1='-0.270' x2='1.635' y2='-1.270' stroke='#f472b6' stroke-width='0.100'/><line class='ly-fab' x1='0.635' y1='34.290' x2='0.635' y2='-0.270' stroke='#f472b6' stroke-width='0.100'/><line class='ly-fab' x1='1.635' y1='-1.270' x2='6.985' y2='-1.270' stroke='#f472b6' stroke-width='0.100'/><line class='ly-fab' x1='6.985' y1='-1.270' x2='6.985' y2='34.290' stroke='#f472b6' stroke-width='0.100'/><line class='ly-fab' x1='6.985' y1='34.290' x2='0.635' y2='34.290' stroke='#f472b6' stroke-width='0.100'/><rect class='ly-courtyard' x='-1.060' y='-1.530' width='9.730' height='36.080' fill='none' stroke='#4ade80' stroke-width='0.050'/><path class='ly-silk' d='M4.810 -1.330 A1.000 1.000 0 0 1 2.810 -1.330' fill='none' stroke='#d8b4fe' stroke-width='0.120'/><rect class='ly-copper pad' data-num='1' data-name='~{RESET}/PC6' x='-0.800' y='-0.800' width='1.600' height='1.600' rx='0.400' fill='#f59e0b' stroke='#00000033' stroke-width='0.03' opacity='0.94'/><text class='padnum' x='0.000' y='0.000' font-size='0.960' 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='PD0' x='-0.800' y='1.740' width='1.600' height='1.600' rx='0.400' fill='#f59e0b' stroke='#00000033' stroke-width='0.03' opacity='0.94'/><text class='padnum' x='0.000' y='2.540' font-size='0.960' 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='PD1' x='-0.800' y='4.280' width='1.600' height='1.600' rx='0.400' fill='#f59e0b' stroke='#00000033' stroke-width='0.03' opacity='0.94'/><text class='padnum' x='0.000' y='5.080' font-size='0.960' 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='PD2' x='-0.800' y='6.820' width='1.600' height='1.600' rx='0.400' fill='#f59e0b' stroke='#00000033' stroke-width='0.03' opacity='0.94'/><text class='padnum' x='0.000' y='7.620' font-size='0.960' 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='PD3' x='-0.800' y='9.360' width='1.600' height='1.600' rx='0.400' fill='#f59e0b' stroke='#00000033' stroke-width='0.03' opacity='0.94'/><text class='padnum' x='0.000' y='10.160' font-size='0.960' 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='PD4' x='-0.800' y='11.900' width='1.600' height='1.600' rx='0.400' fill='#f59e0b' stroke='#00000033' stroke-width='0.03' opacity='0.94'/><text class='padnum' x='0.000' y='12.700' font-size='0.960' 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='VCC' x='-0.800' y='14.440' width='1.600' height='1.600' rx='0.400' fill='#f59e0b' stroke='#00000033' stroke-width='0.03' opacity='0.94'/><text class='padnum' x='0.000' y='15.240' font-size='0.960' 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='-0.800' y='16.980' width='1.600' height='1.600' rx='0.400' fill='#f59e0b' stroke='#00000033' stroke-width='0.03' opacity='0.94'/><text class='padnum' x='0.000' y='17.780' font-size='0.960' 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='XTAL1/PB6' x='-0.800' y='19.520' width='1.600' height='1.600' rx='0.400' fill='#f59e0b' stroke='#00000033' stroke-width='0.03' opacity='0.94'/><text class='padnum' x='0.000' y='20.320' font-size='0.960' 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='XTAL2/PB7' x='-0.800' y='22.060' width='1.600' height='1.600' rx='0.400' fill='#f59e0b' stroke='#00000033' stroke-width='0.03' opacity='0.94'/><text class='padnum' x='0.000' y='22.860' font-size='0.960' 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='PD5' x='-0.800' y='24.600' width='1.600' height='1.600' rx='0.400' fill='#f59e0b' stroke='#00000033' stroke-width='0.03' opacity='0.94'/><text class='padnum' x='0.000' y='25.400' font-size='0.960' 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='PD6' x='-0.800' y='27.140' width='1.600' height='1.600' rx='0.400' fill='#f59e0b' stroke='#00000033' stroke-width='0.03' opacity='0.94'/><text class='padnum' x='0.000' y='27.940' font-size='0.960' 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='PD7' x='-0.800' y='29.680' width='1.600' height='1.600' rx='0.400' fill='#f59e0b' stroke='#00000033' stroke-width='0.03' opacity='0.94'/><text class='padnum' x='0.000' y='30.480' font-size='0.960' 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='PB0' x='-0.800' y='32.220' width='1.600' height='1.600' rx='0.400' fill='#f59e0b' stroke='#00000033' stroke-width='0.03' opacity='0.94'/><text class='padnum' x='0.000' y='33.020' font-size='0.960' 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='PB1' x='6.820' y='32.220' width='1.600' height='1.600' rx='0.400' fill='#f59e0b' stroke='#00000033' stroke-width='0.03' opacity='0.94'/><text class='padnum' x='7.620' y='33.020' font-size='0.960' 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='PB2' x='6.820' y='29.680' width='1.600' height='1.600' rx='0.400' fill='#f59e0b' stroke='#00000033' stroke-width='0.03' opacity='0.94'/><text class='padnum' x='7.620' y='30.480' font-size='0.960' 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='PB3' x='6.820' y='27.140' width='1.600' height='1.600' rx='0.400' fill='#f59e0b' stroke='#00000033' stroke-width='0.03' opacity='0.94'/><text class='padnum' x='7.620' y='27.940' font-size='0.960' 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='PB4' x='6.820' y='24.600' width='1.600' height='1.600' rx='0.400' fill='#f59e0b' stroke='#00000033' stroke-width='0.03' opacity='0.94'/><text class='padnum' x='7.620' y='25.400' font-size='0.960' 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='PB5' x='6.820' y='22.060' width='1.600' height='1.600' rx='0.400' fill='#f59e0b' stroke='#00000033' stroke-width='0.03' opacity='0.94'/><text class='padnum' x='7.620' y='22.860' font-size='0.960' 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='AVCC' x='6.820' y='19.520' width='1.600' height='1.600' rx='0.400' fill='#f59e0b' stroke='#00000033' stroke-width='0.03' opacity='0.94'/><text class='padnum' x='7.620' y='20.320' font-size='0.960' 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='AREF' x='6.820' y='16.980' width='1.600' height='1.600' rx='0.400' fill='#f59e0b' stroke='#00000033' stroke-width='0.03' opacity='0.94'/><text class='padnum' x='7.620' y='17.780' font-size='0.960' 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='GND' x='6.820' y='14.440' width='1.600' height='1.600' rx='0.400' fill='#f59e0b' stroke='#00000033' stroke-width='0.03' opacity='0.94'/><text class='padnum' x='7.620' y='15.240' font-size='0.960' 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='PC0' x='6.820' y='11.900' width='1.600' height='1.600' rx='0.400' fill='#f59e0b' stroke='#00000033' stroke-width='0.03' opacity='0.94'/><text class='padnum' x='7.620' y='12.700' font-size='0.960' 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='PC1' x='6.820' y='9.360' width='1.600' height='1.600' rx='0.400' fill='#f59e0b' stroke='#00000033' stroke-width='0.03' opacity='0.94'/><text class='padnum' x='7.620' y='10.160' font-size='0.960' 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='PC2' x='6.820' y='6.820' width='1.600' height='1.600' rx='0.400' fill='#f59e0b' stroke='#00000033' stroke-width='0.03' opacity='0.94'/><text class='padnum' x='7.620' y='7.620' font-size='0.960' 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='PC3' x='6.820' y='4.280' width='1.600' height='1.600' rx='0.400' fill='#f59e0b' stroke='#00000033' stroke-width='0.03' opacity='0.94'/><text class='padnum' x='7.620' y='5.080' font-size='0.960' 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='PC4' x='6.820' y='1.740' width='1.600' height='1.600' rx='0.400' fill='#f59e0b' stroke='#00000033' stroke-width='0.03' opacity='0.94'/><text class='padnum' x='7.620' y='2.540' font-size='0.960' 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='PC5' x='6.820' y='-0.800' width='1.600' height='1.600' rx='0.400' fill='#f59e0b' stroke='#00000033' stroke-width='0.03' opacity='0.94'/><text class='padnum' x='7.620' y='0.000' font-size='0.960' 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="ATMEGA328P", PINS=[{"desc":"","name":"~{RESET}/PC6","number":"1","type":""},{"desc":"","name":"PD0","number":"2","type":""},{"desc":"","name":"PD1","number":"3","type":""},{"desc":"","name":"PD2","number":"4","type":""},{"desc":"","name":"PD3","number":"5","type":""},{"desc":"","name":"PD4","number":"6","type":""},{"desc":"","name":"VCC","number":"7","type":""},{"desc":"","name":"GND","number":"8","type":""},{"desc":"","name":"XTAL1/PB6","number":"9","type":""},{"desc":"","name":"XTAL2/PB7","number":"10","type":""},{"desc":"","name":"PD5","number":"11","type":""},{"desc":"","name":"PD6","number":"12","type":""},{"desc":"","name":"PD7","number":"13","type":""},{"desc":"","name":"PB0","number":"14","type":""},{"desc":"","name":"PB1","number":"15","type":""},{"desc":"","name":"PB2","number":"16","type":""},{"desc":"","name":"PB3","number":"17","type":""},{"desc":"","name":"PB4","number":"18","type":""},{"desc":"","name":"PB5","number":"19","type":""},{"desc":"","name":"AVCC","number":"20","type":""},{"desc":"","name":"AREF","number":"21","type":""},{"desc":"","name":"GND","number":"22","type":""},{"desc":"","name":"PC0","number":"23","type":""},{"desc":"","name":"PC1","number":"24","type":""},{"desc":"","name":"PC2","number":"25","type":""},{"desc":"","name":"PC3","number":"26","type":""},{"desc":"","name":"PC4","number":"27","type":""},{"desc":"","name":"PC5","number":"28","type":""}];+var KIND="footprint", MPN="ADOM/ATMEGA328P", PINS=[{"desc":"","name":"~{RESET}/PC6","number":"1","type":""},{"desc":"","name":"PD0","number":"2","type":""},{"desc":"","name":"PD1","number":"3","type":""},{"desc":"","name":"PD2","number":"4","type":""},{"desc":"","name":"PD3","number":"5","type":""},{"desc":"","name":"PD4","number":"6","type":""},{"desc":"","name":"VCC","number":"7","type":""},{"desc":"","name":"GND","number":"8","type":""},{"desc":"","name":"XTAL1/PB6","number":"9","type":""},{"desc":"","name":"XTAL2/PB7","number":"10","type":""},{"desc":"","name":"PD5","number":"11","type":""},{"desc":"","name":"PD6","number":"12","type":""},{"desc":"","name":"PD7","number":"13","type":""},{"desc":"","name":"PB0","number":"14","type":""},{"desc":"","name":"PB1","number":"15","type":""},{"desc":"","name":"PB2","number":"16","type":""},{"desc":"","name":"PB3","number":"17","type":""},{"desc":"","name":"PB4","number":"18","type":""},{"desc":"","name":"PB5","number":"19","type":""},{"desc":"","name":"AVCC","number":"20","type":""},{"desc":"","name":"AREF","number":"21","type":""},{"desc":"","name":"GND","number":"22","type":""},{"desc":"","name":"PC0","number":"23","type":""},{"desc":"","name":"PC1","number":"24","type":""},{"desc":"","name":"PC2","number":"25","type":""},{"desc":"","name":"PC3","number":"26","type":""},{"desc":"","name":"PC4","number":"27","type":""},{"desc":"","name":"PC5","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+2−2@@ -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>ATMEGA328P symbol</title>+<meta name=viewport content="width=device-width,initial-scale=1"><title>ADOM/ATMEGA328P 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%}@@ -26,7 +26,7 @@ rect.pad.hi{stroke:var(--hi);stroke-width:.15;paint-order:stroke} <div class=stage id=stage><svg xmlns='http://www.w3.org/2000/svg' viewBox='-650 -1550 1300 3100' style='width:100%;height:100%'><rect x='-500.0' y='-1400.0' width='1000.0' height='2800.0' fill='#e35d5d22' stroke='#e35d5d' stroke-width='4'/><g class='pingroup' data-num='1' data-name='~{RESET}/PC6'><line class='pinvis' x1='600.0' y1='300.0' x2='500.0' y2='300.0' stroke='#dfe4ec' stroke-width='4'/><line x1='600.0' y1='300.0' x2='500.0' y2='300.0' stroke='transparent' stroke-width='26' pointer-events='stroke'/></g><text x='550.0' y='262.5' font-size='50' fill='#9fb0c8' text-anchor='middle' dominant-baseline='central'>1</text><text x='475.0' y='300.0' font-size='50' fill='#e6e9ef' text-anchor='end' dominant-baseline='central'>~{RESET}/PC6</text><g class='pingroup' data-num='2' data-name='PD0'><line class='pinvis' x1='600.0' y1='500.0' x2='500.0' y2='500.0' stroke='#dfe4ec' stroke-width='4'/><line x1='600.0' y1='500.0' x2='500.0' y2='500.0' stroke='transparent' stroke-width='26' pointer-events='stroke'/></g><text x='550.0' y='462.5' font-size='50' fill='#9fb0c8' text-anchor='middle' dominant-baseline='central'>2</text><text x='475.0' y='500.0' font-size='50' fill='#e6e9ef' text-anchor='end' dominant-baseline='central'>PD0</text><g class='pingroup' data-num='3' data-name='PD1'><line class='pinvis' x1='600.0' y1='600.0' x2='500.0' y2='600.0' stroke='#dfe4ec' stroke-width='4'/><line x1='600.0' y1='600.0' x2='500.0' y2='600.0' stroke='transparent' stroke-width='26' pointer-events='stroke'/></g><text x='550.0' y='562.5' font-size='50' fill='#9fb0c8' text-anchor='middle' dominant-baseline='central'>3</text><text x='475.0' y='600.0' font-size='50' fill='#e6e9ef' text-anchor='end' dominant-baseline='central'>PD1</text><g class='pingroup' data-num='4' data-name='PD2'><line class='pinvis' x1='600.0' y1='700.0' x2='500.0' y2='700.0' stroke='#dfe4ec' stroke-width='4'/><line x1='600.0' y1='700.0' x2='500.0' y2='700.0' stroke='transparent' stroke-width='26' pointer-events='stroke'/></g><text x='550.0' y='662.5' font-size='50' fill='#9fb0c8' text-anchor='middle' dominant-baseline='central'>4</text><text x='475.0' y='700.0' font-size='50' fill='#e6e9ef' text-anchor='end' dominant-baseline='central'>PD2</text><g class='pingroup' data-num='5' data-name='PD3'><line class='pinvis' x1='600.0' y1='800.0' x2='500.0' y2='800.0' stroke='#dfe4ec' stroke-width='4'/><line x1='600.0' y1='800.0' x2='500.0' y2='800.0' stroke='transparent' stroke-width='26' pointer-events='stroke'/></g><text x='550.0' y='762.5' font-size='50' fill='#9fb0c8' text-anchor='middle' dominant-baseline='central'>5</text><text x='475.0' y='800.0' font-size='50' fill='#e6e9ef' text-anchor='end' dominant-baseline='central'>PD3</text><g class='pingroup' data-num='6' data-name='PD4'><line class='pinvis' x1='600.0' y1='900.0' x2='500.0' y2='900.0' stroke='#dfe4ec' stroke-width='4'/><line x1='600.0' y1='900.0' x2='500.0' y2='900.0' stroke='transparent' stroke-width='26' pointer-events='stroke'/></g><text x='550.0' y='862.5' font-size='50' fill='#9fb0c8' text-anchor='middle' dominant-baseline='central'>6</text><text x='475.0' y='900.0' font-size='50' fill='#e6e9ef' text-anchor='end' dominant-baseline='central'>PD4</text><g class='pingroup' data-num='7' data-name='VCC'><line class='pinvis' x1='0.0' y1='-1500.0' x2='0.0' y2='-1400.0' stroke='#dfe4ec' stroke-width='4'/><line x1='0.0' y1='-1500.0' x2='0.0' y2='-1400.0' stroke='transparent' stroke-width='26' pointer-events='stroke'/></g><text x='-37.5' y='-1450.0' font-size='50' fill='#9fb0c8' text-anchor='middle' dominant-baseline='central'>7</text><text x='0.0' y='-1375.0' font-size='50' fill='#e6e9ef' text-anchor='middle' dominant-baseline='central'>VCC</text><g class='pingroup' data-num='8' data-name='GND'><line class='pinvis' x1='0.0' y1='1500.0' x2='0.0' y2='1400.0' stroke='#dfe4ec' stroke-width='4'/><line x1='0.0' y1='1500.0' x2='0.0' y2='1400.0' stroke='transparent' stroke-width='26' pointer-events='stroke'/></g><text x='37.5' y='1450.0' font-size='50' fill='#9fb0c8' text-anchor='middle' dominant-baseline='central'>8</text><text x='0.0' y='1375.0' font-size='50' fill='#e6e9ef' text-anchor='middle' dominant-baseline='central'>GND</text><g class='pingroup' data-num='9' data-name='XTAL1/PB6'><line class='pinvis' x1='600.0' y1='-600.0' x2='500.0' y2='-600.0' stroke='#dfe4ec' stroke-width='4'/><line x1='600.0' y1='-600.0' x2='500.0' y2='-600.0' stroke='transparent' stroke-width='26' pointer-events='stroke'/></g><text x='550.0' y='-637.5' font-size='50' fill='#9fb0c8' text-anchor='middle' dominant-baseline='central'>9</text><text x='475.0' y='-600.0' font-size='50' fill='#e6e9ef' text-anchor='end' dominant-baseline='central'>XTAL1/PB6</text><g class='pingroup' data-num='10' data-name='XTAL2/PB7'><line class='pinvis' x1='600.0' y1='-500.0' x2='500.0' y2='-500.0' stroke='#dfe4ec' stroke-width='4'/><line x1='600.0' y1='-500.0' x2='500.0' y2='-500.0' stroke='transparent' stroke-width='26' pointer-events='stroke'/></g><text x='550.0' y='-537.5' font-size='50' fill='#9fb0c8' text-anchor='middle' dominant-baseline='central'>10</text><text x='475.0' y='-500.0' font-size='50' fill='#e6e9ef' text-anchor='end' dominant-baseline='central'>XTAL2/PB7</text><g class='pingroup' data-num='11' data-name='PD5'><line class='pinvis' x1='600.0' y1='1000.0' x2='500.0' y2='1000.0' stroke='#dfe4ec' stroke-width='4'/><line x1='600.0' y1='1000.0' x2='500.0' y2='1000.0' stroke='transparent' stroke-width='26' pointer-events='stroke'/></g><text x='550.0' y='962.5' font-size='50' fill='#9fb0c8' text-anchor='middle' dominant-baseline='central'>11</text><text x='475.0' y='1000.0' font-size='50' fill='#e6e9ef' text-anchor='end' dominant-baseline='central'>PD5</text><g class='pingroup' data-num='12' data-name='PD6'><line class='pinvis' x1='600.0' y1='1100.0' x2='500.0' y2='1100.0' stroke='#dfe4ec' stroke-width='4'/><line x1='600.0' y1='1100.0' x2='500.0' y2='1100.0' stroke='transparent' stroke-width='26' pointer-events='stroke'/></g><text x='550.0' y='1062.5' font-size='50' fill='#9fb0c8' text-anchor='middle' dominant-baseline='central'>12</text><text x='475.0' y='1100.0' font-size='50' fill='#e6e9ef' text-anchor='end' dominant-baseline='central'>PD6</text><g class='pingroup' data-num='13' data-name='PD7'><line class='pinvis' x1='600.0' y1='1200.0' x2='500.0' y2='1200.0' stroke='#dfe4ec' stroke-width='4'/><line x1='600.0' y1='1200.0' x2='500.0' y2='1200.0' stroke='transparent' stroke-width='26' pointer-events='stroke'/></g><text x='550.0' y='1162.5' font-size='50' fill='#9fb0c8' text-anchor='middle' dominant-baseline='central'>13</text><text x='475.0' y='1200.0' font-size='50' fill='#e6e9ef' text-anchor='end' dominant-baseline='central'>PD7</text><g class='pingroup' data-num='14' data-name='PB0'><line class='pinvis' x1='600.0' y1='-1200.0' x2='500.0' y2='-1200.0' stroke='#dfe4ec' stroke-width='4'/><line x1='600.0' y1='-1200.0' x2='500.0' y2='-1200.0' stroke='transparent' stroke-width='26' pointer-events='stroke'/></g><text x='550.0' y='-1237.5' font-size='50' fill='#9fb0c8' text-anchor='middle' dominant-baseline='central'>14</text><text x='475.0' y='-1200.0' font-size='50' fill='#e6e9ef' text-anchor='end' dominant-baseline='central'>PB0</text><g class='pingroup' data-num='15' data-name='PB1'><line class='pinvis' x1='600.0' y1='-1100.0' x2='500.0' y2='-1100.0' stroke='#dfe4ec' stroke-width='4'/><line x1='600.0' y1='-1100.0' x2='500.0' y2='-1100.0' stroke='transparent' stroke-width='26' pointer-events='stroke'/></g><text x='550.0' y='-1137.5' font-size='50' fill='#9fb0c8' text-anchor='middle' dominant-baseline='central'>15</text><text x='475.0' y='-1100.0' font-size='50' fill='#e6e9ef' text-anchor='end' dominant-baseline='central'>PB1</text><g class='pingroup' data-num='16' data-name='PB2'><line class='pinvis' x1='600.0' y1='-1000.0' x2='500.0' y2='-1000.0' stroke='#dfe4ec' stroke-width='4'/><line x1='600.0' y1='-1000.0' x2='500.0' y2='-1000.0' stroke='transparent' stroke-width='26' pointer-events='stroke'/></g><text x='550.0' y='-1037.5' font-size='50' fill='#9fb0c8' text-anchor='middle' dominant-baseline='central'>16</text><text x='475.0' y='-1000.0' font-size='50' fill='#e6e9ef' text-anchor='end' dominant-baseline='central'>PB2</text><g class='pingroup' data-num='17' data-name='PB3'><line class='pinvis' x1='600.0' y1='-900.0' x2='500.0' y2='-900.0' stroke='#dfe4ec' stroke-width='4'/><line x1='600.0' y1='-900.0' x2='500.0' y2='-900.0' stroke='transparent' stroke-width='26' pointer-events='stroke'/></g><text x='550.0' y='-937.5' font-size='50' fill='#9fb0c8' text-anchor='middle' dominant-baseline='central'>17</text><text x='475.0' y='-900.0' font-size='50' fill='#e6e9ef' text-anchor='end' dominant-baseline='central'>PB3</text><g class='pingroup' data-num='18' data-name='PB4'><line class='pinvis' x1='600.0' y1='-800.0' x2='500.0' y2='-800.0' stroke='#dfe4ec' stroke-width='4'/><line x1='600.0' y1='-800.0' x2='500.0' y2='-800.0' stroke='transparent' stroke-width='26' pointer-events='stroke'/></g><text x='550.0' y='-837.5' font-size='50' fill='#9fb0c8' text-anchor='middle' dominant-baseline='central'>18</text><text x='475.0' y='-800.0' font-size='50' fill='#e6e9ef' text-anchor='end' dominant-baseline='central'>PB4</text><g class='pingroup' data-num='19' data-name='PB5'><line class='pinvis' x1='600.0' y1='-700.0' x2='500.0' y2='-700.0' stroke='#dfe4ec' stroke-width='4'/><line x1='600.0' y1='-700.0' x2='500.0' y2='-700.0' stroke='transparent' stroke-width='26' pointer-events='stroke'/></g><text x='550.0' y='-737.5' font-size='50' fill='#9fb0c8' text-anchor='middle' dominant-baseline='central'>19</text><text x='475.0' y='-700.0' font-size='50' fill='#e6e9ef' text-anchor='end' dominant-baseline='central'>PB5</text><g class='pingroup' data-num='20' data-name='AVCC'><line class='pinvis' x1='100.0' y1='-1500.0' x2='100.0' y2='-1400.0' stroke='#dfe4ec' stroke-width='4'/><line x1='100.0' y1='-1500.0' x2='100.0' y2='-1400.0' stroke='transparent' stroke-width='26' pointer-events='stroke'/></g><text x='62.5' y='-1450.0' font-size='50' fill='#9fb0c8' text-anchor='middle' dominant-baseline='central'>20</text><text x='100.0' y='-1375.0' font-size='50' fill='#e6e9ef' text-anchor='middle' dominant-baseline='central'>AVCC</text><g class='pingroup' data-num='21' data-name='AREF'><line class='pinvis' x1='-600.0' y1='-1200.0' x2='-500.0' y2='-1200.0' stroke='#dfe4ec' stroke-width='4'/><line x1='-600.0' y1='-1200.0' x2='-500.0' y2='-1200.0' stroke='transparent' stroke-width='26' pointer-events='stroke'/></g><text x='-550.0' y='-1162.5' font-size='50' fill='#9fb0c8' text-anchor='middle' dominant-baseline='central'>21</text><text x='-475.0' y='-1200.0' font-size='50' fill='#e6e9ef' text-anchor='start' dominant-baseline='central'>AREF</text><g class='pingroup' data-num='22' data-name='GND'><line class='pinvis' x1='0.0' y1='1500.0' x2='0.0' y2='1400.0' stroke='#dfe4ec' stroke-width='4'/><line x1='0.0' y1='1500.0' x2='0.0' y2='1400.0' stroke='transparent' stroke-width='26' pointer-events='stroke'/></g><text x='37.5' y='1450.0' font-size='50' fill='#9fb0c8' text-anchor='middle' dominant-baseline='central'>22</text><text x='0.0' y='1375.0' font-size='50' fill='#e6e9ef' text-anchor='middle' dominant-baseline='central'>GND</text><g class='pingroup' data-num='23' data-name='PC0'><line class='pinvis' x1='600.0' y1='-300.0' x2='500.0' y2='-300.0' stroke='#dfe4ec' stroke-width='4'/><line x1='600.0' y1='-300.0' x2='500.0' y2='-300.0' stroke='transparent' stroke-width='26' pointer-events='stroke'/></g><text x='550.0' y='-337.5' font-size='50' fill='#9fb0c8' text-anchor='middle' dominant-baseline='central'>23</text><text x='475.0' y='-300.0' font-size='50' fill='#e6e9ef' text-anchor='end' dominant-baseline='central'>PC0</text><g class='pingroup' data-num='24' data-name='PC1'><line class='pinvis' x1='600.0' y1='-200.0' x2='500.0' y2='-200.0' stroke='#dfe4ec' stroke-width='4'/><line x1='600.0' y1='-200.0' x2='500.0' y2='-200.0' stroke='transparent' stroke-width='26' pointer-events='stroke'/></g><text x='550.0' y='-237.5' font-size='50' fill='#9fb0c8' text-anchor='middle' dominant-baseline='central'>24</text><text x='475.0' y='-200.0' font-size='50' fill='#e6e9ef' text-anchor='end' dominant-baseline='central'>PC1</text><g class='pingroup' data-num='25' data-name='PC2'><line class='pinvis' x1='600.0' y1='-100.0' x2='500.0' y2='-100.0' stroke='#dfe4ec' stroke-width='4'/><line x1='600.0' y1='-100.0' x2='500.0' y2='-100.0' stroke='transparent' stroke-width='26' pointer-events='stroke'/></g><text x='550.0' y='-137.5' font-size='50' fill='#9fb0c8' text-anchor='middle' dominant-baseline='central'>25</text><text x='475.0' y='-100.0' font-size='50' fill='#e6e9ef' text-anchor='end' dominant-baseline='central'>PC2</text><g class='pingroup' data-num='26' data-name='PC3'><line class='pinvis' x1='600.0' y1='-0.0' x2='500.0' y2='-0.0' stroke='#dfe4ec' stroke-width='4'/><line x1='600.0' y1='-0.0' x2='500.0' y2='-0.0' stroke='transparent' stroke-width='26' pointer-events='stroke'/></g><text x='550.0' y='-37.5' font-size='50' fill='#9fb0c8' text-anchor='middle' dominant-baseline='central'>26</text><text x='475.0' y='0.0' font-size='50' fill='#e6e9ef' text-anchor='end' dominant-baseline='central'>PC3</text><g class='pingroup' data-num='27' data-name='PC4'><line class='pinvis' x1='600.0' y1='100.0' x2='500.0' y2='100.0' stroke='#dfe4ec' stroke-width='4'/><line x1='600.0' y1='100.0' x2='500.0' y2='100.0' stroke='transparent' stroke-width='26' pointer-events='stroke'/></g><text x='550.0' y='62.5' font-size='50' fill='#9fb0c8' text-anchor='middle' dominant-baseline='central'>27</text><text x='475.0' y='100.0' font-size='50' fill='#e6e9ef' text-anchor='end' dominant-baseline='central'>PC4</text><g class='pingroup' data-num='28' data-name='PC5'><line class='pinvis' x1='600.0' y1='200.0' x2='500.0' y2='200.0' stroke='#dfe4ec' stroke-width='4'/><line x1='600.0' y1='200.0' x2='500.0' y2='200.0' stroke='transparent' stroke-width='26' pointer-events='stroke'/></g><text x='550.0' y='162.5' font-size='50' fill='#9fb0c8' text-anchor='middle' dominant-baseline='central'>28</text><text x='475.0' y='200.0' font-size='50' fill='#e6e9ef' text-anchor='end' dominant-baseline='central'>PC5</text></svg></div> <div id=tip></div> <script>-var KIND="symbol", MPN="ATMEGA328P", PINS=[{"desc":"","name":"~{RESET}/PC6","number":"1","type":""},{"desc":"","name":"PD0","number":"2","type":""},{"desc":"","name":"PD1","number":"3","type":""},{"desc":"","name":"PD2","number":"4","type":""},{"desc":"","name":"PD3","number":"5","type":""},{"desc":"","name":"PD4","number":"6","type":""},{"desc":"","name":"VCC","number":"7","type":""},{"desc":"","name":"GND","number":"8","type":""},{"desc":"","name":"XTAL1/PB6","number":"9","type":""},{"desc":"","name":"XTAL2/PB7","number":"10","type":""},{"desc":"","name":"PD5","number":"11","type":""},{"desc":"","name":"PD6","number":"12","type":""},{"desc":"","name":"PD7","number":"13","type":""},{"desc":"","name":"PB0","number":"14","type":""},{"desc":"","name":"PB1","number":"15","type":""},{"desc":"","name":"PB2","number":"16","type":""},{"desc":"","name":"PB3","number":"17","type":""},{"desc":"","name":"PB4","number":"18","type":""},{"desc":"","name":"PB5","number":"19","type":""},{"desc":"","name":"AVCC","number":"20","type":""},{"desc":"","name":"AREF","number":"21","type":""},{"desc":"","name":"GND","number":"22","type":""},{"desc":"","name":"PC0","number":"23","type":""},{"desc":"","name":"PC1","number":"24","type":""},{"desc":"","name":"PC2","number":"25","type":""},{"desc":"","name":"PC3","number":"26","type":""},{"desc":"","name":"PC4","number":"27","type":""},{"desc":"","name":"PC5","number":"28","type":""}];+var KIND="symbol", MPN="ADOM/ATMEGA328P", PINS=[{"desc":"","name":"~{RESET}/PC6","number":"1","type":""},{"desc":"","name":"PD0","number":"2","type":""},{"desc":"","name":"PD1","number":"3","type":""},{"desc":"","name":"PD2","number":"4","type":""},{"desc":"","name":"PD3","number":"5","type":""},{"desc":"","name":"PD4","number":"6","type":""},{"desc":"","name":"VCC","number":"7","type":""},{"desc":"","name":"GND","number":"8","type":""},{"desc":"","name":"XTAL1/PB6","number":"9","type":""},{"desc":"","name":"XTAL2/PB7","number":"10","type":""},{"desc":"","name":"PD5","number":"11","type":""},{"desc":"","name":"PD6","number":"12","type":""},{"desc":"","name":"PD7","number":"13","type":""},{"desc":"","name":"PB0","number":"14","type":""},{"desc":"","name":"PB1","number":"15","type":""},{"desc":"","name":"PB2","number":"16","type":""},{"desc":"","name":"PB3","number":"17","type":""},{"desc":"","name":"PB4","number":"18","type":""},{"desc":"","name":"PB5","number":"19","type":""},{"desc":"","name":"AVCC","number":"20","type":""},{"desc":"","name":"AREF","number":"21","type":""},{"desc":"","name":"GND","number":"22","type":""},{"desc":"","name":"PC0","number":"23","type":""},{"desc":"","name":"PC1","number":"24","type":""},{"desc":"","name":"PC2","number":"25","type":""},{"desc":"","name":"PC3","number":"26","type":""},{"desc":"","name":"PC4","number":"27","type":""},{"desc":"","name":"PC5","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 ----