← Commit history

cs8416-cszr: viewers

Ray ·678db5762e · ·parent 615ab27
1 file changed +2−2
viewers/symbol.html+2−2
@@ -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='-750 -800 1500 1600' style='width:100%;height:100%'><rect x='-500.0' y='-750.0' width='1000.0' height='1500.0' fill='#e35d5d22' stroke='#e35d5d' stroke-width='4'/><g class='pingroup' data-num='1' data-name='RXP3'><line class='pinvis' x1='-700.0' y1='-650.0' x2='-500.0' y2='-650.0' stroke='#dfe4ec' stroke-width='4'/><line x1='-700.0' y1='-650.0' x2='-500.0' y2='-650.0' stroke='transparent' stroke-width='26' pointer-events='stroke'/></g><text x='-600.0' y='-605.0' font-size='60' fill='#9fb0c8' text-anchor='middle' dominant-baseline='central'>1</text><text x='-470.0' y='-650.0' font-size='60' fill='#e6e9ef' text-anchor='start' dominant-baseline='central'>RXP3</text><g class='pingroup' data-num='2' data-name='RXP2'><line class='pinvis' x1='-700.0' y1='-550.0' x2='-500.0' y2='-550.0' stroke='#dfe4ec' stroke-width='4'/><line x1='-700.0' y1='-550.0' x2='-500.0' y2='-550.0' stroke='transparent' stroke-width='26' pointer-events='stroke'/></g><text x='-600.0' y='-505.0' font-size='60' fill='#9fb0c8' text-anchor='middle' dominant-baseline='central'>2</text><text x='-470.0' y='-550.0' font-size='60' fill='#e6e9ef' text-anchor='start' dominant-baseline='central'>RXP2</text><g class='pingroup' data-num='3' data-name='RXP1'><line class='pinvis' x1='-700.0' y1='-450.0' x2='-500.0' y2='-450.0' stroke='#dfe4ec' stroke-width='4'/><line x1='-700.0' y1='-450.0' x2='-500.0' y2='-450.0' stroke='transparent' stroke-width='26' pointer-events='stroke'/></g><text x='-600.0' y='-405.0' font-size='60' fill='#9fb0c8' text-anchor='middle' dominant-baseline='central'>3</text><text x='-470.0' y='-450.0' font-size='60' fill='#e6e9ef' text-anchor='start' dominant-baseline='central'>RXP1</text><g class='pingroup' data-num='4' data-name='RXP0'><line class='pinvis' x1='-700.0' y1='-350.0' x2='-500.0' y2='-350.0' stroke='#dfe4ec' stroke-width='4'/><line x1='-700.0' y1='-350.0' x2='-500.0' y2='-350.0' stroke='transparent' stroke-width='26' pointer-events='stroke'/></g><text x='-600.0' y='-305.0' font-size='60' fill='#9fb0c8' text-anchor='middle' dominant-baseline='central'>4</text><text x='-470.0' y='-350.0' font-size='60' fill='#e6e9ef' text-anchor='start' dominant-baseline='central'>RXP0</text><g class='pingroup' data-num='5' data-name='RXN'><line class='pinvis' x1='-700.0' y1='-250.0' x2='-500.0' y2='-250.0' stroke='#dfe4ec' stroke-width='4'/><line x1='-700.0' y1='-250.0' x2='-500.0' y2='-250.0' stroke='transparent' stroke-width='26' pointer-events='stroke'/></g><text x='-600.0' y='-205.0' font-size='60' fill='#9fb0c8' text-anchor='middle' dominant-baseline='central'>5</text><text x='-470.0' y='-250.0' font-size='60' fill='#e6e9ef' text-anchor='start' dominant-baseline='central'>RXN</text><g class='pingroup' data-num='6' data-name='VA'><line class='pinvis' x1='-700.0' y1='-150.0' x2='-500.0' y2='-150.0' stroke='#dfe4ec' stroke-width='4'/><line x1='-700.0' y1='-150.0' x2='-500.0' y2='-150.0' stroke='transparent' stroke-width='26' pointer-events='stroke'/></g><text x='-600.0' y='-105.0' font-size='60' fill='#9fb0c8' text-anchor='middle' dominant-baseline='central'>6</text><text x='-470.0' y='-150.0' font-size='60' fill='#e6e9ef' text-anchor='start' dominant-baseline='central'>VA</text><g class='pingroup' data-num='7' data-name='AGND'><line class='pinvis' x1='-700.0' y1='-50.0' x2='-500.0' y2='-50.0' stroke='#dfe4ec' stroke-width='4'/><line x1='-700.0' y1='-50.0' x2='-500.0' y2='-50.0' stroke='transparent' stroke-width='26' pointer-events='stroke'/></g><text x='-600.0' y='-5.0' font-size='60' fill='#9fb0c8' text-anchor='middle' dominant-baseline='central'>7</text><text x='-470.0' y='-50.0' font-size='60' fill='#e6e9ef' text-anchor='start' dominant-baseline='central'>AGND</text><g class='pingroup' data-num='8' data-name='FILT'><line class='pinvis' x1='-700.0' y1='50.0' x2='-500.0' y2='50.0' stroke='#dfe4ec' stroke-width='4'/><line x1='-700.0' y1='50.0' x2='-500.0' y2='50.0' stroke='transparent' stroke-width='26' pointer-events='stroke'/></g><text x='-600.0' y='95.0' font-size='60' fill='#9fb0c8' text-anchor='middle' dominant-baseline='central'>8</text><text x='-470.0' y='50.0' font-size='60' fill='#e6e9ef' text-anchor='start' dominant-baseline='central'>FILT</text><g class='pingroup' data-num='9' data-name='RST'><line class='pinvis' x1='-700.0' y1='150.0' x2='-500.0' y2='150.0' stroke='#dfe4ec' stroke-width='4'/><line x1='-700.0' y1='150.0' x2='-500.0' y2='150.0' stroke='transparent' stroke-width='26' pointer-events='stroke'/></g><text x='-600.0' y='195.0' font-size='60' fill='#9fb0c8' text-anchor='middle' dominant-baseline='central'>9</text><text x='-470.0' y='150.0' font-size='60' fill='#e6e9ef' text-anchor='start' dominant-baseline='central'>RST</text><g class='pingroup' data-num='10' data-name='RXP4'><line class='pinvis' x1='-700.0' y1='250.0' x2='-500.0' y2='250.0' stroke='#dfe4ec' stroke-width='4'/><line x1='-700.0' y1='250.0' x2='-500.0' y2='250.0' stroke='transparent' stroke-width='26' pointer-events='stroke'/></g><text x='-600.0' y='295.0' font-size='60' fill='#9fb0c8' text-anchor='middle' dominant-baseline='central'>10</text><text x='-470.0' y='250.0' font-size='60' fill='#e6e9ef' text-anchor='start' dominant-baseline='central'>RXP4</text><g class='pingroup' data-num='11' data-name='RXP5'><line class='pinvis' x1='-700.0' y1='350.0' x2='-500.0' y2='350.0' stroke='#dfe4ec' stroke-width='4'/><line x1='-700.0' y1='350.0' x2='-500.0' y2='350.0' stroke='transparent' stroke-width='26' pointer-events='stroke'/></g><text x='-600.0' y='395.0' font-size='60' fill='#9fb0c8' text-anchor='middle' dominant-baseline='central'>11</text><text x='-470.0' y='350.0' font-size='60' fill='#e6e9ef' text-anchor='start' dominant-baseline='central'>RXP5</text><g class='pingroup' data-num='12' data-name='RXP6'><line class='pinvis' x1='-700.0' y1='450.0' x2='-500.0' y2='450.0' stroke='#dfe4ec' stroke-width='4'/><line x1='-700.0' y1='450.0' x2='-500.0' y2='450.0' stroke='transparent' stroke-width='26' pointer-events='stroke'/></g><text x='-600.0' y='495.0' font-size='60' fill='#9fb0c8' text-anchor='middle' dominant-baseline='central'>12</text><text x='-470.0' y='450.0' font-size='60' fill='#e6e9ef' text-anchor='start' dominant-baseline='central'>RXP6</text><g class='pingroup' data-num='13' data-name='RXP7'><line class='pinvis' x1='-700.0' y1='550.0' x2='-500.0' y2='550.0' stroke='#dfe4ec' stroke-width='4'/><line x1='-700.0' y1='550.0' x2='-500.0' y2='550.0' stroke='transparent' stroke-width='26' pointer-events='stroke'/></g><text x='-600.0' y='595.0' font-size='60' fill='#9fb0c8' text-anchor='middle' dominant-baseline='central'>13</text><text x='-470.0' y='550.0' font-size='60' fill='#e6e9ef' text-anchor='start' dominant-baseline='central'>RXP7</text><g class='pingroup' data-num='14' data-name='AD0/CS'><line class='pinvis' x1='-700.0' y1='650.0' x2='-500.0' y2='650.0' stroke='#dfe4ec' stroke-width='4'/><line x1='-700.0' y1='650.0' x2='-500.0' y2='650.0' stroke='transparent' stroke-width='26' pointer-events='stroke'/></g><text x='-600.0' y='695.0' font-size='60' fill='#9fb0c8' text-anchor='middle' dominant-baseline='central'>14</text><text x='-470.0' y='650.0' font-size='60' fill='#e6e9ef' text-anchor='start' dominant-baseline='central'>AD0/CS</text><g class='pingroup' data-num='28' data-name='OLRCK'><line class='pinvis' x1='700.0' y1='-650.0' x2='500.0' y2='-650.0' stroke='#dfe4ec' stroke-width='4'/><line x1='700.0' y1='-650.0' x2='500.0' y2='-650.0' stroke='transparent' stroke-width='26' pointer-events='stroke'/></g><text x='600.0' y='-695.0' font-size='60' fill='#9fb0c8' text-anchor='middle' dominant-baseline='central'>28</text><text x='470.0' y='-650.0' font-size='60' fill='#e6e9ef' text-anchor='end' dominant-baseline='central'>OLRCK</text><g class='pingroup' data-num='27' data-name='OSCLK'><line class='pinvis' x1='700.0' y1='-550.0' x2='500.0' y2='-550.0' stroke='#dfe4ec' stroke-width='4'/><line x1='700.0' y1='-550.0' x2='500.0' y2='-550.0' stroke='transparent' stroke-width='26' pointer-events='stroke'/></g><text x='600.0' y='-595.0' font-size='60' fill='#9fb0c8' text-anchor='middle' dominant-baseline='central'>27</text><text x='470.0' y='-550.0' font-size='60' fill='#e6e9ef' text-anchor='end' dominant-baseline='central'>OSCLK</text><g class='pingroup' data-num='26' data-name='SDOUT'><line class='pinvis' x1='700.0' y1='-450.0' x2='500.0' y2='-450.0' stroke='#dfe4ec' stroke-width='4'/><line x1='700.0' y1='-450.0' x2='500.0' y2='-450.0' stroke='transparent' stroke-width='26' pointer-events='stroke'/></g><text x='600.0' y='-495.0' font-size='60' fill='#9fb0c8' text-anchor='middle' dominant-baseline='central'>26</text><text x='470.0' y='-450.0' font-size='60' fill='#e6e9ef' text-anchor='end' dominant-baseline='central'>SDOUT</text><g class='pingroup' data-num='25' data-name='OMCK'><line class='pinvis' x1='700.0' y1='-350.0' x2='500.0' y2='-350.0' stroke='#dfe4ec' stroke-width='4'/><line x1='700.0' y1='-350.0' x2='500.0' y2='-350.0' stroke='transparent' stroke-width='26' pointer-events='stroke'/></g><text x='600.0' y='-395.0' font-size='60' fill='#9fb0c8' text-anchor='middle' dominant-baseline='central'>25</text><text x='470.0' y='-350.0' font-size='60' fill='#e6e9ef' text-anchor='end' dominant-baseline='central'>OMCK</text><g class='pingroup' data-num='24' data-name='RMCK'><line class='pinvis' x1='700.0' y1='-250.0' x2='500.0' y2='-250.0' stroke='#dfe4ec' stroke-width='4'/><line x1='700.0' y1='-250.0' x2='500.0' y2='-250.0' stroke='transparent' stroke-width='26' pointer-events='stroke'/></g><text x='600.0' y='-295.0' font-size='60' fill='#9fb0c8' text-anchor='middle' dominant-baseline='central'>24</text><text x='470.0' y='-250.0' font-size='60' fill='#e6e9ef' text-anchor='end' dominant-baseline='central'>RMCK</text><g class='pingroup' data-num='23' data-name='VD'><line class='pinvis' x1='700.0' y1='-150.0' x2='500.0' y2='-150.0' stroke='#dfe4ec' stroke-width='4'/><line x1='700.0' y1='-150.0' x2='500.0' y2='-150.0' stroke='transparent' stroke-width='26' pointer-events='stroke'/></g><text x='600.0' y='-195.0' font-size='60' fill='#9fb0c8' text-anchor='middle' dominant-baseline='central'>23</text><text x='470.0' y='-150.0' font-size='60' fill='#e6e9ef' text-anchor='end' dominant-baseline='central'>VD</text><g class='pingroup' data-num='22' data-name='DGND'><line class='pinvis' x1='700.0' y1='-50.0' x2='500.0' y2='-50.0' stroke='#dfe4ec' stroke-width='4'/><line x1='700.0' y1='-50.0' x2='500.0' y2='-50.0' stroke='transparent' stroke-width='26' pointer-events='stroke'/></g><text x='600.0' y='-95.0' font-size='60' fill='#9fb0c8' text-anchor='middle' dominant-baseline='central'>22</text><text x='470.0' y='-50.0' font-size='60' fill='#e6e9ef' text-anchor='end' dominant-baseline='central'>DGND</text><g class='pingroup' data-num='21' data-name='VL'><line class='pinvis' x1='700.0' y1='50.0' x2='500.0' y2='50.0' stroke='#dfe4ec' stroke-width='4'/><line x1='700.0' y1='50.0' x2='500.0' y2='50.0' stroke='transparent' stroke-width='26' pointer-events='stroke'/></g><text x='600.0' y='5.0' font-size='60' fill='#9fb0c8' text-anchor='middle' dominant-baseline='central'>21</text><text x='470.0' y='50.0' font-size='60' fill='#e6e9ef' text-anchor='end' dominant-baseline='central'>VL</text><g class='pingroup' data-num='20' data-name='GPO0'><line class='pinvis' x1='700.0' y1='150.0' x2='500.0' y2='150.0' stroke='#dfe4ec' stroke-width='4'/><line x1='700.0' y1='150.0' x2='500.0' y2='150.0' stroke='transparent' stroke-width='26' pointer-events='stroke'/></g><text x='600.0' y='105.0' font-size='60' fill='#9fb0c8' text-anchor='middle' dominant-baseline='central'>20</text><text x='470.0' y='150.0' font-size='60' fill='#e6e9ef' text-anchor='end' dominant-baseline='central'>GPO0</text><g class='pingroup' data-num='19' data-name='GPO1'><line class='pinvis' x1='700.0' y1='250.0' x2='500.0' y2='250.0' stroke='#dfe4ec' stroke-width='4'/><line x1='700.0' y1='250.0' x2='500.0' y2='250.0' stroke='transparent' stroke-width='26' pointer-events='stroke'/></g><text x='600.0' y='205.0' font-size='60' fill='#9fb0c8' text-anchor='middle' dominant-baseline='central'>19</text><text x='470.0' y='250.0' font-size='60' fill='#e6e9ef' text-anchor='end' dominant-baseline='central'>GPO1</text><g class='pingroup' data-num='18' data-name='AD2/GPO2'><line class='pinvis' x1='700.0' y1='350.0' x2='500.0' y2='350.0' stroke='#dfe4ec' stroke-width='4'/><line x1='700.0' y1='350.0' x2='500.0' y2='350.0' stroke='transparent' stroke-width='26' pointer-events='stroke'/></g><text x='600.0' y='305.0' font-size='60' fill='#9fb0c8' text-anchor='middle' dominant-baseline='central'>18</text><text x='470.0' y='350.0' font-size='60' fill='#e6e9ef' text-anchor='end' dominant-baseline='central'>AD2/GPO2</text><g class='pingroup' data-num='17' data-name='SDA/CDOUT'><line class='pinvis' x1='700.0' y1='450.0' x2='500.0' y2='450.0' stroke='#dfe4ec' stroke-width='4'/><line x1='700.0' y1='450.0' x2='500.0' y2='450.0' stroke='transparent' stroke-width='26' pointer-events='stroke'/></g><text x='600.0' y='405.0' font-size='60' fill='#9fb0c8' text-anchor='middle' dominant-baseline='central'>17</text><text x='470.0' y='450.0' font-size='60' fill='#e6e9ef' text-anchor='end' dominant-baseline='central'>SDA/CDOUT</text><g class='pingroup' data-num='16' data-name='SCL/CCLK'><line class='pinvis' x1='700.0' y1='550.0' x2='500.0' y2='550.0' stroke='#dfe4ec' stroke-width='4'/><line x1='700.0' y1='550.0' x2='500.0' y2='550.0' stroke='transparent' stroke-width='26' pointer-events='stroke'/></g><text x='600.0' y='505.0' font-size='60' fill='#9fb0c8' text-anchor='middle' dominant-baseline='central'>16</text><text x='470.0' y='550.0' font-size='60' fill='#e6e9ef' text-anchor='end' dominant-baseline='central'>SCL/CCLK</text><g class='pingroup' data-num='15' data-name='AD1/CDIN'><line class='pinvis' x1='700.0' y1='650.0' x2='500.0' y2='650.0' stroke='#dfe4ec' stroke-width='4'/><line x1='700.0' y1='650.0' x2='500.0' y2='650.0' stroke='transparent' stroke-width='26' pointer-events='stroke'/></g><text x='600.0' y='605.0' font-size='60' fill='#9fb0c8' text-anchor='middle' dominant-baseline='central'>15</text><text x='470.0' y='650.0' font-size='60' fill='#e6e9ef' text-anchor='end' dominant-baseline='central'>AD1/CDIN</text></svg></div>+<div class=stage id=stage><svg xmlns='http://www.w3.org/2000/svg' viewBox='-750 -800 1500 1600' style='width:100%;height:100%'><rect x='-500.0' y='-750.0' width='1000.0' height='1500.0' fill='#e35d5d22' stroke='#e35d5d' stroke-width='4'/><g class='pingroup' data-num='1' data-name='RXP3'><line class='pinvis' x1='-700.0' y1='-650.0' x2='-500.0' y2='-650.0' stroke='#dfe4ec' stroke-width='4'/><line x1='-700.0' y1='-650.0' x2='-500.0' y2='-650.0' stroke='transparent' stroke-width='26' pointer-events='stroke'/></g><text x='-600.0' y='-605.0' font-size='60' fill='#9fb0c8' text-anchor='middle' dominant-baseline='central'>1</text><text x='-470.0' y='-650.0' font-size='60' fill='#e6e9ef' text-anchor='start' dominant-baseline='central'>RXP3</text><g class='pingroup' data-num='2' data-name='RXP2'><line class='pinvis' x1='-700.0' y1='-550.0' x2='-500.0' y2='-550.0' stroke='#dfe4ec' stroke-width='4'/><line x1='-700.0' y1='-550.0' x2='-500.0' y2='-550.0' stroke='transparent' stroke-width='26' pointer-events='stroke'/></g><text x='-600.0' y='-505.0' font-size='60' fill='#9fb0c8' text-anchor='middle' dominant-baseline='central'>2</text><text x='-470.0' y='-550.0' font-size='60' fill='#e6e9ef' text-anchor='start' dominant-baseline='central'>RXP2</text><g class='pingroup' data-num='3' data-name='RXP1'><line class='pinvis' x1='-700.0' y1='-450.0' x2='-500.0' y2='-450.0' stroke='#dfe4ec' stroke-width='4'/><line x1='-700.0' y1='-450.0' x2='-500.0' y2='-450.0' stroke='transparent' stroke-width='26' pointer-events='stroke'/></g><text x='-600.0' y='-405.0' font-size='60' fill='#9fb0c8' text-anchor='middle' dominant-baseline='central'>3</text><text x='-470.0' y='-450.0' font-size='60' fill='#e6e9ef' text-anchor='start' dominant-baseline='central'>RXP1</text><g class='pingroup' data-num='4' data-name='RXP0'><line class='pinvis' x1='-700.0' y1='-350.0' x2='-500.0' y2='-350.0' stroke='#dfe4ec' stroke-width='4'/><line x1='-700.0' y1='-350.0' x2='-500.0' y2='-350.0' stroke='transparent' stroke-width='26' pointer-events='stroke'/></g><text x='-600.0' y='-305.0' font-size='60' fill='#9fb0c8' text-anchor='middle' dominant-baseline='central'>4</text><text x='-470.0' y='-350.0' font-size='60' fill='#e6e9ef' text-anchor='start' dominant-baseline='central'>RXP0</text><g class='pingroup' data-num='5' data-name='RXN'><line class='pinvis' x1='-700.0' y1='-250.0' x2='-500.0' y2='-250.0' stroke='#dfe4ec' stroke-width='4'/><line x1='-700.0' y1='-250.0' x2='-500.0' y2='-250.0' stroke='transparent' stroke-width='26' pointer-events='stroke'/></g><text x='-600.0' y='-205.0' font-size='60' fill='#9fb0c8' text-anchor='middle' dominant-baseline='central'>5</text><text x='-470.0' y='-250.0' font-size='60' fill='#e6e9ef' text-anchor='start' dominant-baseline='central'>RXN</text><g class='pingroup' data-num='6' data-name='VA'><line class='pinvis' x1='-700.0' y1='-150.0' x2='-500.0' y2='-150.0' stroke='#dfe4ec' stroke-width='4'/><line x1='-700.0' y1='-150.0' x2='-500.0' y2='-150.0' stroke='transparent' stroke-width='26' pointer-events='stroke'/></g><text x='-600.0' y='-105.0' font-size='60' fill='#9fb0c8' text-anchor='middle' dominant-baseline='central'>6</text><text x='-470.0' y='-150.0' font-size='60' fill='#e6e9ef' text-anchor='start' dominant-baseline='central'>VA</text><g class='pingroup' data-num='7' data-name='AGND'><line class='pinvis' x1='-700.0' y1='-50.0' x2='-500.0' y2='-50.0' stroke='#dfe4ec' stroke-width='4'/><line x1='-700.0' y1='-50.0' x2='-500.0' y2='-50.0' stroke='transparent' stroke-width='26' pointer-events='stroke'/></g><text x='-600.0' y='-5.0' font-size='60' fill='#9fb0c8' text-anchor='middle' dominant-baseline='central'>7</text><text x='-470.0' y='-50.0' font-size='60' fill='#e6e9ef' text-anchor='start' dominant-baseline='central'>AGND</text><g class='pingroup' data-num='8' data-name='FILT'><line class='pinvis' x1='-700.0' y1='50.0' x2='-500.0' y2='50.0' stroke='#dfe4ec' stroke-width='4'/><line x1='-700.0' y1='50.0' x2='-500.0' y2='50.0' stroke='transparent' stroke-width='26' pointer-events='stroke'/></g><text x='-600.0' y='95.0' font-size='60' fill='#9fb0c8' text-anchor='middle' dominant-baseline='central'>8</text><text x='-470.0' y='50.0' font-size='60' fill='#e6e9ef' text-anchor='start' dominant-baseline='central'>FILT</text><g class='pingroup' data-num='9' data-name='RST'><line class='pinvis' x1='-700.0' y1='150.0' x2='-500.0' y2='150.0' stroke='#dfe4ec' stroke-width='4'/><line x1='-700.0' y1='150.0' x2='-500.0' y2='150.0' stroke='transparent' stroke-width='26' pointer-events='stroke'/></g><text x='-600.0' y='195.0' font-size='60' fill='#9fb0c8' text-anchor='middle' dominant-baseline='central'>9</text><text x='-470.0' y='150.0' font-size='60' fill='#e6e9ef' text-anchor='start' dominant-baseline='central'>RST</text><g class='pingroup' data-num='10' data-name='RXP4'><line class='pinvis' x1='-700.0' y1='250.0' x2='-500.0' y2='250.0' stroke='#dfe4ec' stroke-width='4'/><line x1='-700.0' y1='250.0' x2='-500.0' y2='250.0' stroke='transparent' stroke-width='26' pointer-events='stroke'/></g><text x='-600.0' y='295.0' font-size='60' fill='#9fb0c8' text-anchor='middle' dominant-baseline='central'>10</text><text x='-470.0' y='250.0' font-size='60' fill='#e6e9ef' text-anchor='start' dominant-baseline='central'>RXP4</text><g class='pingroup' data-num='11' data-name='RXP5'><line class='pinvis' x1='-700.0' y1='350.0' x2='-500.0' y2='350.0' stroke='#dfe4ec' stroke-width='4'/><line x1='-700.0' y1='350.0' x2='-500.0' y2='350.0' stroke='transparent' stroke-width='26' pointer-events='stroke'/></g><text x='-600.0' y='395.0' font-size='60' fill='#9fb0c8' text-anchor='middle' dominant-baseline='central'>11</text><text x='-470.0' y='350.0' font-size='60' fill='#e6e9ef' text-anchor='start' dominant-baseline='central'>RXP5</text><g class='pingroup' data-num='12' data-name='RXP6'><line class='pinvis' x1='-700.0' y1='450.0' x2='-500.0' y2='450.0' stroke='#dfe4ec' stroke-width='4'/><line x1='-700.0' y1='450.0' x2='-500.0' y2='450.0' stroke='transparent' stroke-width='26' pointer-events='stroke'/></g><text x='-600.0' y='495.0' font-size='60' fill='#9fb0c8' text-anchor='middle' dominant-baseline='central'>12</text><text x='-470.0' y='450.0' font-size='60' fill='#e6e9ef' text-anchor='start' dominant-baseline='central'>RXP6</text><g class='pingroup' data-num='13' data-name='RXP7'><line class='pinvis' x1='-700.0' y1='550.0' x2='-500.0' y2='550.0' stroke='#dfe4ec' stroke-width='4'/><line x1='-700.0' y1='550.0' x2='-500.0' y2='550.0' stroke='transparent' stroke-width='26' pointer-events='stroke'/></g><text x='-600.0' y='595.0' font-size='60' fill='#9fb0c8' text-anchor='middle' dominant-baseline='central'>13</text><text x='-470.0' y='550.0' font-size='60' fill='#e6e9ef' text-anchor='start' dominant-baseline='central'>RXP7</text><g class='pingroup' data-num='14' data-name='AD0 / CS'><line class='pinvis' x1='-700.0' y1='650.0' x2='-500.0' y2='650.0' stroke='#dfe4ec' stroke-width='4'/><line x1='-700.0' y1='650.0' x2='-500.0' y2='650.0' stroke='transparent' stroke-width='26' pointer-events='stroke'/></g><text x='-600.0' y='695.0' font-size='60' fill='#9fb0c8' text-anchor='middle' dominant-baseline='central'>14</text><text x='-470.0' y='650.0' font-size='60' fill='#e6e9ef' text-anchor='start' dominant-baseline='central'>AD0 / CS</text><g class='pingroup' data-num='28' data-name='OLRCK'><line class='pinvis' x1='700.0' y1='-650.0' x2='500.0' y2='-650.0' stroke='#dfe4ec' stroke-width='4'/><line x1='700.0' y1='-650.0' x2='500.0' y2='-650.0' stroke='transparent' stroke-width='26' pointer-events='stroke'/></g><text x='600.0' y='-695.0' font-size='60' fill='#9fb0c8' text-anchor='middle' dominant-baseline='central'>28</text><text x='470.0' y='-650.0' font-size='60' fill='#e6e9ef' text-anchor='end' dominant-baseline='central'>OLRCK</text><g class='pingroup' data-num='27' data-name='OSCLK'><line class='pinvis' x1='700.0' y1='-550.0' x2='500.0' y2='-550.0' stroke='#dfe4ec' stroke-width='4'/><line x1='700.0' y1='-550.0' x2='500.0' y2='-550.0' stroke='transparent' stroke-width='26' pointer-events='stroke'/></g><text x='600.0' y='-595.0' font-size='60' fill='#9fb0c8' text-anchor='middle' dominant-baseline='central'>27</text><text x='470.0' y='-550.0' font-size='60' fill='#e6e9ef' text-anchor='end' dominant-baseline='central'>OSCLK</text><g class='pingroup' data-num='26' data-name='SDOUT'><line class='pinvis' x1='700.0' y1='-450.0' x2='500.0' y2='-450.0' stroke='#dfe4ec' stroke-width='4'/><line x1='700.0' y1='-450.0' x2='500.0' y2='-450.0' stroke='transparent' stroke-width='26' pointer-events='stroke'/></g><text x='600.0' y='-495.0' font-size='60' fill='#9fb0c8' text-anchor='middle' dominant-baseline='central'>26</text><text x='470.0' y='-450.0' font-size='60' fill='#e6e9ef' text-anchor='end' dominant-baseline='central'>SDOUT</text><g class='pingroup' data-num='25' data-name='OMCK'><line class='pinvis' x1='700.0' y1='-350.0' x2='500.0' y2='-350.0' stroke='#dfe4ec' stroke-width='4'/><line x1='700.0' y1='-350.0' x2='500.0' y2='-350.0' stroke='transparent' stroke-width='26' pointer-events='stroke'/></g><text x='600.0' y='-395.0' font-size='60' fill='#9fb0c8' text-anchor='middle' dominant-baseline='central'>25</text><text x='470.0' y='-350.0' font-size='60' fill='#e6e9ef' text-anchor='end' dominant-baseline='central'>OMCK</text><g class='pingroup' data-num='24' data-name='RMCK'><line class='pinvis' x1='700.0' y1='-250.0' x2='500.0' y2='-250.0' stroke='#dfe4ec' stroke-width='4'/><line x1='700.0' y1='-250.0' x2='500.0' y2='-250.0' stroke='transparent' stroke-width='26' pointer-events='stroke'/></g><text x='600.0' y='-295.0' font-size='60' fill='#9fb0c8' text-anchor='middle' dominant-baseline='central'>24</text><text x='470.0' y='-250.0' font-size='60' fill='#e6e9ef' text-anchor='end' dominant-baseline='central'>RMCK</text><g class='pingroup' data-num='23' data-name='VD'><line class='pinvis' x1='700.0' y1='-150.0' x2='500.0' y2='-150.0' stroke='#dfe4ec' stroke-width='4'/><line x1='700.0' y1='-150.0' x2='500.0' y2='-150.0' stroke='transparent' stroke-width='26' pointer-events='stroke'/></g><text x='600.0' y='-195.0' font-size='60' fill='#9fb0c8' text-anchor='middle' dominant-baseline='central'>23</text><text x='470.0' y='-150.0' font-size='60' fill='#e6e9ef' text-anchor='end' dominant-baseline='central'>VD</text><g class='pingroup' data-num='22' data-name='DGND'><line class='pinvis' x1='700.0' y1='-50.0' x2='500.0' y2='-50.0' stroke='#dfe4ec' stroke-width='4'/><line x1='700.0' y1='-50.0' x2='500.0' y2='-50.0' stroke='transparent' stroke-width='26' pointer-events='stroke'/></g><text x='600.0' y='-95.0' font-size='60' fill='#9fb0c8' text-anchor='middle' dominant-baseline='central'>22</text><text x='470.0' y='-50.0' font-size='60' fill='#e6e9ef' text-anchor='end' dominant-baseline='central'>DGND</text><g class='pingroup' data-num='21' data-name='VL'><line class='pinvis' x1='700.0' y1='50.0' x2='500.0' y2='50.0' stroke='#dfe4ec' stroke-width='4'/><line x1='700.0' y1='50.0' x2='500.0' y2='50.0' stroke='transparent' stroke-width='26' pointer-events='stroke'/></g><text x='600.0' y='5.0' font-size='60' fill='#9fb0c8' text-anchor='middle' dominant-baseline='central'>21</text><text x='470.0' y='50.0' font-size='60' fill='#e6e9ef' text-anchor='end' dominant-baseline='central'>VL</text><g class='pingroup' data-num='20' data-name='GPO0'><line class='pinvis' x1='700.0' y1='150.0' x2='500.0' y2='150.0' stroke='#dfe4ec' stroke-width='4'/><line x1='700.0' y1='150.0' x2='500.0' y2='150.0' stroke='transparent' stroke-width='26' pointer-events='stroke'/></g><text x='600.0' y='105.0' font-size='60' fill='#9fb0c8' text-anchor='middle' dominant-baseline='central'>20</text><text x='470.0' y='150.0' font-size='60' fill='#e6e9ef' text-anchor='end' dominant-baseline='central'>GPO0</text><g class='pingroup' data-num='19' data-name='GPO1'><line class='pinvis' x1='700.0' y1='250.0' x2='500.0' y2='250.0' stroke='#dfe4ec' stroke-width='4'/><line x1='700.0' y1='250.0' x2='500.0' y2='250.0' stroke='transparent' stroke-width='26' pointer-events='stroke'/></g><text x='600.0' y='205.0' font-size='60' fill='#9fb0c8' text-anchor='middle' dominant-baseline='central'>19</text><text x='470.0' y='250.0' font-size='60' fill='#e6e9ef' text-anchor='end' dominant-baseline='central'>GPO1</text><g class='pingroup' data-num='18' data-name='AD2 / GPO2'><line class='pinvis' x1='700.0' y1='350.0' x2='500.0' y2='350.0' stroke='#dfe4ec' stroke-width='4'/><line x1='700.0' y1='350.0' x2='500.0' y2='350.0' stroke='transparent' stroke-width='26' pointer-events='stroke'/></g><text x='600.0' y='305.0' font-size='60' fill='#9fb0c8' text-anchor='middle' dominant-baseline='central'>18</text><text x='470.0' y='350.0' font-size='60' fill='#e6e9ef' text-anchor='end' dominant-baseline='central'>AD2 / GPO2</text><g class='pingroup' data-num='17' data-name='SDA / CDOUT'><line class='pinvis' x1='700.0' y1='450.0' x2='500.0' y2='450.0' stroke='#dfe4ec' stroke-width='4'/><line x1='700.0' y1='450.0' x2='500.0' y2='450.0' stroke='transparent' stroke-width='26' pointer-events='stroke'/></g><text x='600.0' y='405.0' font-size='60' fill='#9fb0c8' text-anchor='middle' dominant-baseline='central'>17</text><text x='470.0' y='450.0' font-size='60' fill='#e6e9ef' text-anchor='end' dominant-baseline='central'>SDA / CDOUT</text><g class='pingroup' data-num='16' data-name='SCL / CCLK'><line class='pinvis' x1='700.0' y1='550.0' x2='500.0' y2='550.0' stroke='#dfe4ec' stroke-width='4'/><line x1='700.0' y1='550.0' x2='500.0' y2='550.0' stroke='transparent' stroke-width='26' pointer-events='stroke'/></g><text x='600.0' y='505.0' font-size='60' fill='#9fb0c8' text-anchor='middle' dominant-baseline='central'>16</text><text x='470.0' y='550.0' font-size='60' fill='#e6e9ef' text-anchor='end' dominant-baseline='central'>SCL / CCLK</text><g class='pingroup' data-num='15' data-name='AD1 / CDIN'><line class='pinvis' x1='700.0' y1='650.0' x2='500.0' y2='650.0' stroke='#dfe4ec' stroke-width='4'/><line x1='700.0' y1='650.0' x2='500.0' y2='650.0' stroke='transparent' stroke-width='26' pointer-events='stroke'/></g><text x='600.0' y='605.0' font-size='60' fill='#9fb0c8' text-anchor='middle' dominant-baseline='central'>15</text><text x='470.0' y='650.0' font-size='60' fill='#e6e9ef' text-anchor='end' dominant-baseline='central'>AD1 / CDIN</text></svg></div> <div id=tip></div> <script>-var KIND="symbol", MPN="ADOM/CS8416-CSZR", PINS=[{"desc":"","name":"RXP3","number":"1","type":""},{"desc":"","name":"RXP2","number":"2","type":""},{"desc":"","name":"RXP1","number":"3","type":""},{"desc":"","name":"RXP0","number":"4","type":""},{"desc":"","name":"RXN","number":"5","type":""},{"desc":"","name":"VA","number":"6","type":""},{"desc":"","name":"AGND","number":"7","type":""},{"desc":"","name":"FILT","number":"8","type":""},{"desc":"","name":"RST","number":"9","type":""},{"desc":"","name":"RXP4","number":"10","type":""},{"desc":"","name":"RXP5","number":"11","type":""},{"desc":"","name":"RXP6","number":"12","type":""},{"desc":"","name":"RXP7","number":"13","type":""},{"desc":"","name":"AD0/CS","number":"14","type":""},{"desc":"","name":"OLRCK","number":"28","type":""},{"desc":"","name":"OSCLK","number":"27","type":""},{"desc":"","name":"SDOUT","number":"26","type":""},{"desc":"","name":"OMCK","number":"25","type":""},{"desc":"","name":"RMCK","number":"24","type":""},{"desc":"","name":"VD","number":"23","type":""},{"desc":"","name":"DGND","number":"22","type":""},{"desc":"","name":"VL","number":"21","type":""},{"desc":"","name":"GPO0","number":"20","type":""},{"desc":"","name":"GPO1","number":"19","type":""},{"desc":"","name":"AD2/GPO2","number":"18","type":""},{"desc":"","name":"SDA/CDOUT","number":"17","type":""},{"desc":"","name":"SCL/CCLK","number":"16","type":""},{"desc":"","name":"AD1/CDIN","number":"15","type":""}];+var KIND="symbol", MPN="ADOM/CS8416-CSZR", PINS=[{"desc":"","name":"RXP3","number":"1","type":""},{"desc":"","name":"RXP2","number":"2","type":""},{"desc":"","name":"RXP1","number":"3","type":""},{"desc":"","name":"RXP0","number":"4","type":""},{"desc":"","name":"RXN","number":"5","type":""},{"desc":"","name":"VA","number":"6","type":""},{"desc":"","name":"AGND","number":"7","type":""},{"desc":"","name":"FILT","number":"8","type":""},{"desc":"","name":"RST","number":"9","type":""},{"desc":"","name":"RXP4","number":"10","type":""},{"desc":"","name":"RXP5","number":"11","type":""},{"desc":"","name":"RXP6","number":"12","type":""},{"desc":"","name":"RXP7","number":"13","type":""},{"desc":"","name":"AD0 / CS","number":"14","type":""},{"desc":"","name":"OLRCK","number":"28","type":""},{"desc":"","name":"OSCLK","number":"27","type":""},{"desc":"","name":"SDOUT","number":"26","type":""},{"desc":"","name":"OMCK","number":"25","type":""},{"desc":"","name":"RMCK","number":"24","type":""},{"desc":"","name":"VD","number":"23","type":""},{"desc":"","name":"DGND","number":"22","type":""},{"desc":"","name":"VL","number":"21","type":""},{"desc":"","name":"GPO0","number":"20","type":""},{"desc":"","name":"GPO1","number":"19","type":""},{"desc":"","name":"AD2 / GPO2","number":"18","type":""},{"desc":"","name":"SDA / CDOUT","number":"17","type":""},{"desc":"","name":"SCL / CCLK","number":"16","type":""},{"desc":"","name":"AD1 / CDIN","number":"15","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 ----