main
Ray yt8531dh-ca: viewers 502e5c6 1mo ago
<!doctype html><html lang=en><head><meta charset=utf-8>
<meta name=viewport content="width=device-width,initial-scale=1"><title>RAY/YT8531DH-CA 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%}
body{background:var(--bg);color:var(--ink);font-family:'Satoshi',system-ui,sans-serif;display:flex;flex-direction:column}
.bar{display:flex;flex-wrap:wrap;align-items:center;gap:8px;padding:8px 11px;border-bottom:1px solid var(--edge);flex:none}
.bar .h{font-size:11px;text-transform:uppercase;letter-spacing:.06em;color:var(--mut);font-weight:700}
.bar .sp{flex:1}
.lyrtog{display:inline-flex;align-items:center;gap:6px;font-size:11px;color:var(--mut);background:#1a2130;border:1px solid var(--edge);border-radius:999px;padding:3px 9px;cursor:pointer;user-select:none}
.lyrtog.on{color:var(--ink);border-color:#485162}.lyrtog:not(.on){opacity:.5}
.lyrtog .d{width:8px;height:8px;border-radius:50%;background:#485162}
.stage{flex:1;min-height:0;position:relative;overflow:hidden;background:var(--bg);cursor:grab;touch-action:none}
.stage.drag{cursor:grabbing}
.stage svg{position:absolute;inset:0;width:100%;height:100%}
.pingroup,.pad{cursor:pointer}
.pingroup.hi .pinvis{stroke:var(--hi)!important;stroke-width:7}
rect.pad.hi{stroke:var(--hi);stroke-width:.15;paint-order:stroke}
.lyr-off{display:none}
#tip{position:fixed;z-index:99;pointer-events:none;display:none;max-width:250px;background:#0d1117;border:1px solid var(--acc);border-radius:8px;padding:7px 10px;box-shadow:0 8px 26px #000a}
#tip .tn{font:700 12px ui-monospace,monospace;color:var(--accb)}
#tip .tt{font-size:10px;text-transform:uppercase;letter-spacing:.04em;color:var(--mut);margin-top:1px}
#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 -1150 1500 2300' style='width:100%;height:100%'><rect x='-500.0' y='-1100.0' width='1000.0' height='2200.0' fill='#e35d5d22' stroke='#e35d5d' stroke-width='4'/><g class='pingroup' data-num='1' data-name='TRXP0'><line class='pinvis' x1='-700.0' y1='-1000.0' x2='-500.0' y2='-1000.0' stroke='#dfe4ec' stroke-width='4'/><line x1='-700.0' y1='-1000.0' x2='-500.0' y2='-1000.0' stroke='transparent' stroke-width='26' pointer-events='stroke'/></g><text x='-600.0' y='-955.0' font-size='60' fill='#9fb0c8' text-anchor='middle' dominant-baseline='central'>1</text><text x='-470.0' y='-1000.0' font-size='60' fill='#e6e9ef' text-anchor='start' dominant-baseline='central'>TRXP0</text><g class='pingroup' data-num='2' data-name='TRXN0'><line class='pinvis' x1='-700.0' y1='-900.0' x2='-500.0' y2='-900.0' stroke='#dfe4ec' stroke-width='4'/><line x1='-700.0' y1='-900.0' x2='-500.0' y2='-900.0' stroke='transparent' stroke-width='26' pointer-events='stroke'/></g><text x='-600.0' y='-855.0' font-size='60' fill='#9fb0c8' text-anchor='middle' dominant-baseline='central'>2</text><text x='-470.0' y='-900.0' font-size='60' fill='#e6e9ef' text-anchor='start' dominant-baseline='central'>TRXN0</text><g class='pingroup' data-num='3' data-name='AVDDL'><line class='pinvis' x1='-700.0' y1='-800.0' x2='-500.0' y2='-800.0' stroke='#dfe4ec' stroke-width='4'/><line x1='-700.0' y1='-800.0' x2='-500.0' y2='-800.0' stroke='transparent' stroke-width='26' pointer-events='stroke'/></g><text x='-600.0' y='-755.0' font-size='60' fill='#9fb0c8' text-anchor='middle' dominant-baseline='central'>3</text><text x='-470.0' y='-800.0' font-size='60' fill='#e6e9ef' text-anchor='start' dominant-baseline='central'>AVDDL</text><g class='pingroup' data-num='4' data-name='TRXP1'><line class='pinvis' x1='-700.0' y1='-700.0' x2='-500.0' y2='-700.0' stroke='#dfe4ec' stroke-width='4'/><line x1='-700.0' y1='-700.0' x2='-500.0' y2='-700.0' stroke='transparent' stroke-width='26' pointer-events='stroke'/></g><text x='-600.0' y='-655.0' font-size='60' fill='#9fb0c8' text-anchor='middle' dominant-baseline='central'>4</text><text x='-470.0' y='-700.0' font-size='60' fill='#e6e9ef' text-anchor='start' dominant-baseline='central'>TRXP1</text><g class='pingroup' data-num='5' data-name='TRXN1'><line class='pinvis' x1='-700.0' y1='-600.0' x2='-500.0' y2='-600.0' stroke='#dfe4ec' stroke-width='4'/><line x1='-700.0' y1='-600.0' x2='-500.0' y2='-600.0' stroke='transparent' stroke-width='26' pointer-events='stroke'/></g><text x='-600.0' y='-555.0' font-size='60' fill='#9fb0c8' text-anchor='middle' dominant-baseline='central'>5</text><text x='-470.0' y='-600.0' font-size='60' fill='#e6e9ef' text-anchor='start' dominant-baseline='central'>TRXN1</text><g class='pingroup' data-num='6' data-name='TRXP2'><line class='pinvis' x1='-700.0' y1='-500.0' x2='-500.0' y2='-500.0' stroke='#dfe4ec' stroke-width='4'/><line x1='-700.0' y1='-500.0' x2='-500.0' y2='-500.0' stroke='transparent' stroke-width='26' pointer-events='stroke'/></g><text x='-600.0' y='-455.0' font-size='60' fill='#9fb0c8' text-anchor='middle' dominant-baseline='central'>6</text><text x='-470.0' y='-500.0' font-size='60' fill='#e6e9ef' text-anchor='start' dominant-baseline='central'>TRXP2</text><g class='pingroup' data-num='7' data-name='TRXN2'><line class='pinvis' x1='-700.0' y1='-400.0' x2='-500.0' y2='-400.0' stroke='#dfe4ec' stroke-width='4'/><line x1='-700.0' y1='-400.0' x2='-500.0' y2='-400.0' stroke='transparent' stroke-width='26' pointer-events='stroke'/></g><text x='-600.0' y='-355.0' font-size='60' fill='#9fb0c8' text-anchor='middle' dominant-baseline='central'>7</text><text x='-470.0' y='-400.0' font-size='60' fill='#e6e9ef' text-anchor='start' dominant-baseline='central'>TRXN2</text><g class='pingroup' data-num='8' data-name='AVDDL'><line class='pinvis' x1='-700.0' y1='-300.0' x2='-500.0' y2='-300.0' stroke='#dfe4ec' stroke-width='4'/><line x1='-700.0' y1='-300.0' x2='-500.0' y2='-300.0' stroke='transparent' stroke-width='26' pointer-events='stroke'/></g><text x='-600.0' y='-255.0' font-size='60' fill='#9fb0c8' text-anchor='middle' dominant-baseline='central'>8</text><text x='-470.0' y='-300.0' font-size='60' fill='#e6e9ef' text-anchor='start' dominant-baseline='central'>AVDDL</text><g class='pingroup' data-num='9' data-name='TRXP3'><line class='pinvis' x1='-700.0' y1='-200.0' x2='-500.0' y2='-200.0' stroke='#dfe4ec' stroke-width='4'/><line x1='-700.0' y1='-200.0' x2='-500.0' y2='-200.0' stroke='transparent' stroke-width='26' pointer-events='stroke'/></g><text x='-600.0' y='-155.0' font-size='60' fill='#9fb0c8' text-anchor='middle' dominant-baseline='central'>9</text><text x='-470.0' y='-200.0' font-size='60' fill='#e6e9ef' text-anchor='start' dominant-baseline='central'>TRXP3</text><g class='pingroup' data-num='10' data-name='TRXN3'><line class='pinvis' x1='-700.0' y1='-100.0' x2='-500.0' y2='-100.0' stroke='#dfe4ec' stroke-width='4'/><line x1='-700.0' y1='-100.0' x2='-500.0' y2='-100.0' stroke='transparent' stroke-width='26' pointer-events='stroke'/></g><text x='-600.0' y='-55.0' font-size='60' fill='#9fb0c8' text-anchor='middle' dominant-baseline='central'>10</text><text x='-470.0' y='-100.0' font-size='60' fill='#e6e9ef' text-anchor='start' dominant-baseline='central'>TRXN3</text><g class='pingroup' data-num='11' data-name='AVDD33'><line class='pinvis' x1='-700.0' y1='-0.0' x2='-500.0' y2='-0.0' stroke='#dfe4ec' stroke-width='4'/><line x1='-700.0' y1='-0.0' x2='-500.0' y2='-0.0' stroke='transparent' stroke-width='26' pointer-events='stroke'/></g><text x='-600.0' y='45.0' font-size='60' fill='#9fb0c8' text-anchor='middle' dominant-baseline='central'>11</text><text x='-470.0' y='0.0' font-size='60' fill='#e6e9ef' text-anchor='start' dominant-baseline='central'>AVDD33</text><g class='pingroup' data-num='12' data-name='RESET_N'><line class='pinvis' x1='-700.0' y1='100.0' x2='-500.0' y2='100.0' stroke='#dfe4ec' stroke-width='4'/><line x1='-700.0' y1='100.0' x2='-500.0' y2='100.0' stroke='transparent' stroke-width='26' pointer-events='stroke'/></g><text x='-600.0' y='145.0' font-size='60' fill='#9fb0c8' text-anchor='middle' dominant-baseline='central'>12</text><text x='-470.0' y='100.0' font-size='60' fill='#e6e9ef' text-anchor='start' dominant-baseline='central'>RESET_N</text><g class='pingroup' data-num='13' data-name='MDC'><line class='pinvis' x1='-700.0' y1='200.0' x2='-500.0' y2='200.0' stroke='#dfe4ec' stroke-width='4'/><line x1='-700.0' y1='200.0' x2='-500.0' y2='200.0' stroke='transparent' stroke-width='26' pointer-events='stroke'/></g><text x='-600.0' y='245.0' font-size='60' fill='#9fb0c8' text-anchor='middle' dominant-baseline='central'>13</text><text x='-470.0' y='200.0' font-size='60' fill='#e6e9ef' text-anchor='start' dominant-baseline='central'>MDC</text><g class='pingroup' data-num='14' data-name='MDIO'><line class='pinvis' x1='-700.0' y1='300.0' x2='-500.0' y2='300.0' stroke='#dfe4ec' stroke-width='4'/><line x1='-700.0' y1='300.0' x2='-500.0' y2='300.0' stroke='transparent' stroke-width='26' pointer-events='stroke'/></g><text x='-600.0' y='345.0' font-size='60' fill='#9fb0c8' text-anchor='middle' dominant-baseline='central'>14</text><text x='-470.0' y='300.0' font-size='60' fill='#e6e9ef' text-anchor='start' dominant-baseline='central'>MDIO</text><g class='pingroup' data-num='15' data-name='TXD3'><line class='pinvis' x1='-700.0' y1='400.0' x2='-500.0' y2='400.0' stroke='#dfe4ec' stroke-width='4'/><line x1='-700.0' y1='400.0' x2='-500.0' y2='400.0' stroke='transparent' stroke-width='26' pointer-events='stroke'/></g><text x='-600.0' y='445.0' font-size='60' fill='#9fb0c8' text-anchor='middle' dominant-baseline='central'>15</text><text x='-470.0' y='400.0' font-size='60' fill='#e6e9ef' text-anchor='start' dominant-baseline='central'>TXD3</text><g class='pingroup' data-num='16' data-name='TXD2'><line class='pinvis' x1='-700.0' y1='500.0' x2='-500.0' y2='500.0' stroke='#dfe4ec' stroke-width='4'/><line x1='-700.0' y1='500.0' x2='-500.0' y2='500.0' stroke='transparent' stroke-width='26' pointer-events='stroke'/></g><text x='-600.0' y='545.0' font-size='60' fill='#9fb0c8' text-anchor='middle' dominant-baseline='central'>16</text><text x='-470.0' y='500.0' font-size='60' fill='#e6e9ef' text-anchor='start' dominant-baseline='central'>TXD2</text><g class='pingroup' data-num='17' data-name='TXD1'><line class='pinvis' x1='-700.0' y1='600.0' x2='-500.0' y2='600.0' stroke='#dfe4ec' stroke-width='4'/><line x1='-700.0' y1='600.0' x2='-500.0' y2='600.0' stroke='transparent' stroke-width='26' pointer-events='stroke'/></g><text x='-600.0' y='645.0' font-size='60' fill='#9fb0c8' text-anchor='middle' dominant-baseline='central'>17</text><text x='-470.0' y='600.0' font-size='60' fill='#e6e9ef' text-anchor='start' dominant-baseline='central'>TXD1</text><g class='pingroup' data-num='18' data-name='TXD0'><line class='pinvis' x1='-700.0' y1='700.0' x2='-500.0' y2='700.0' stroke='#dfe4ec' stroke-width='4'/><line x1='-700.0' y1='700.0' x2='-500.0' y2='700.0' stroke='transparent' stroke-width='26' pointer-events='stroke'/></g><text x='-600.0' y='745.0' font-size='60' fill='#9fb0c8' text-anchor='middle' dominant-baseline='central'>18</text><text x='-470.0' y='700.0' font-size='60' fill='#e6e9ef' text-anchor='start' dominant-baseline='central'>TXD0</text><g class='pingroup' data-num='19' data-name='TX_CTL'><line class='pinvis' x1='-700.0' y1='800.0' x2='-500.0' y2='800.0' stroke='#dfe4ec' stroke-width='4'/><line x1='-700.0' y1='800.0' x2='-500.0' y2='800.0' stroke='transparent' stroke-width='26' pointer-events='stroke'/></g><text x='-600.0' y='845.0' font-size='60' fill='#9fb0c8' text-anchor='middle' dominant-baseline='central'>19</text><text x='-470.0' y='800.0' font-size='60' fill='#e6e9ef' text-anchor='start' dominant-baseline='central'>TX_CTL</text><g class='pingroup' data-num='20' data-name='TX_CLK'><line class='pinvis' x1='-700.0' y1='900.0' x2='-500.0' y2='900.0' stroke='#dfe4ec' stroke-width='4'/><line x1='-700.0' y1='900.0' x2='-500.0' y2='900.0' stroke='transparent' stroke-width='26' pointer-events='stroke'/></g><text x='-600.0' y='945.0' font-size='60' fill='#9fb0c8' text-anchor='middle' dominant-baseline='central'>20</text><text x='-470.0' y='900.0' font-size='60' fill='#e6e9ef' text-anchor='start' dominant-baseline='central'>TX_CLK</text><g class='pingroup' data-num='21' data-name='DVDDL'><line class='pinvis' x1='-700.0' y1='1000.0' x2='-500.0' y2='1000.0' stroke='#dfe4ec' stroke-width='4'/><line x1='-700.0' y1='1000.0' x2='-500.0' y2='1000.0' stroke='transparent' stroke-width='26' pointer-events='stroke'/></g><text x='-600.0' y='1045.0' font-size='60' fill='#9fb0c8' text-anchor='middle' dominant-baseline='central'>21</text><text x='-470.0' y='1000.0' font-size='60' fill='#e6e9ef' text-anchor='start' dominant-baseline='central'>DVDDL</text><g class='pingroup' data-num='41' data-name='GND'><line class='pinvis' x1='700.0' y1='-900.0' x2='500.0' y2='-900.0' stroke='#dfe4ec' stroke-width='4'/><line x1='700.0' y1='-900.0' x2='500.0' y2='-900.0' stroke='transparent' stroke-width='26' pointer-events='stroke'/></g><text x='600.0' y='-945.0' font-size='60' fill='#9fb0c8' text-anchor='middle' dominant-baseline='central'>41</text><text x='470.0' y='-900.0' font-size='60' fill='#e6e9ef' text-anchor='end' dominant-baseline='central'>GND</text><g class='pingroup' data-num='40' data-name='AVDD33'><line class='pinvis' x1='700.0' y1='-800.0' x2='500.0' y2='-800.0' stroke='#dfe4ec' stroke-width='4'/><line x1='700.0' y1='-800.0' x2='500.0' y2='-800.0' stroke='transparent' stroke-width='26' pointer-events='stroke'/></g><text x='600.0' y='-845.0' font-size='60' fill='#9fb0c8' text-anchor='middle' dominant-baseline='central'>40</text><text x='470.0' y='-800.0' font-size='60' fill='#e6e9ef' text-anchor='end' dominant-baseline='central'>AVDD33</text><g class='pingroup' data-num='39' data-name='RBIAS'><line class='pinvis' x1='700.0' y1='-700.0' x2='500.0' y2='-700.0' stroke='#dfe4ec' stroke-width='4'/><line x1='700.0' y1='-700.0' x2='500.0' y2='-700.0' stroke='transparent' stroke-width='26' pointer-events='stroke'/></g><text x='600.0' y='-745.0' font-size='60' fill='#9fb0c8' text-anchor='middle' dominant-baseline='central'>39</text><text x='470.0' y='-700.0' font-size='60' fill='#e6e9ef' text-anchor='end' dominant-baseline='central'>RBIAS</text><g class='pingroup' data-num='38' data-name='AVDDL'><line class='pinvis' x1='700.0' y1='-600.0' x2='500.0' y2='-600.0' stroke='#dfe4ec' stroke-width='4'/><line x1='700.0' y1='-600.0' x2='500.0' y2='-600.0' stroke='transparent' stroke-width='26' pointer-events='stroke'/></g><text x='600.0' y='-645.0' font-size='60' fill='#9fb0c8' text-anchor='middle' dominant-baseline='central'>38</text><text x='470.0' y='-600.0' font-size='60' fill='#e6e9ef' text-anchor='end' dominant-baseline='central'>AVDDL</text><g class='pingroup' data-num='37' data-name='XTAL_O'><line class='pinvis' x1='700.0' y1='-500.0' x2='500.0' y2='-500.0' stroke='#dfe4ec' stroke-width='4'/><line x1='700.0' y1='-500.0' x2='500.0' y2='-500.0' stroke='transparent' stroke-width='26' pointer-events='stroke'/></g><text x='600.0' y='-545.0' font-size='60' fill='#9fb0c8' text-anchor='middle' dominant-baseline='central'>37</text><text x='470.0' y='-500.0' font-size='60' fill='#e6e9ef' text-anchor='end' dominant-baseline='central'>XTAL_O</text><g class='pingroup' data-num='36' data-name='XTAL_I'><line class='pinvis' x1='700.0' y1='-400.0' x2='500.0' y2='-400.0' stroke='#dfe4ec' stroke-width='4'/><line x1='700.0' y1='-400.0' x2='500.0' y2='-400.0' stroke='transparent' stroke-width='26' pointer-events='stroke'/></g><text x='600.0' y='-445.0' font-size='60' fill='#9fb0c8' text-anchor='middle' dominant-baseline='central'>36</text><text x='470.0' y='-400.0' font-size='60' fill='#e6e9ef' text-anchor='end' dominant-baseline='central'>XTAL_I</text><g class='pingroup' data-num='35' data-name='CLKOUT'><line class='pinvis' x1='700.0' y1='-300.0' x2='500.0' y2='-300.0' stroke='#dfe4ec' stroke-width='4'/><line x1='700.0' y1='-300.0' x2='500.0' y2='-300.0' stroke='transparent' stroke-width='26' pointer-events='stroke'/></g><text x='600.0' y='-345.0' font-size='60' fill='#9fb0c8' text-anchor='middle' dominant-baseline='central'>35</text><text x='470.0' y='-300.0' font-size='60' fill='#e6e9ef' text-anchor='end' dominant-baseline='central'>CLKOUT</text><g class='pingroup' data-num='34' data-name='LED2/CFG_LDO1'><line class='pinvis' x1='700.0' y1='-200.0' x2='500.0' y2='-200.0' stroke='#dfe4ec' stroke-width='4'/><line x1='700.0' y1='-200.0' x2='500.0' y2='-200.0' stroke='transparent' stroke-width='26' pointer-events='stroke'/></g><text x='600.0' y='-245.0' font-size='60' fill='#9fb0c8' text-anchor='middle' dominant-baseline='central'>34</text><text x='470.0' y='-200.0' font-size='60' fill='#e6e9ef' text-anchor='end' dominant-baseline='central'>LED2/CFG_LDO1</text><g class='pingroup' data-num='33' data-name='LED1/CFG_LDO0'><line class='pinvis' x1='700.0' y1='-100.0' x2='500.0' y2='-100.0' stroke='#dfe4ec' stroke-width='4'/><line x1='700.0' y1='-100.0' x2='500.0' y2='-100.0' stroke='transparent' stroke-width='26' pointer-events='stroke'/></g><text x='600.0' y='-145.0' font-size='60' fill='#9fb0c8' text-anchor='middle' dominant-baseline='central'>33</text><text x='470.0' y='-100.0' font-size='60' fill='#e6e9ef' text-anchor='end' dominant-baseline='central'>LED1/CFG_LDO0</text><g class='pingroup' data-num='32' data-name='LED0/CFG_EXT'><line class='pinvis' x1='700.0' y1='-0.0' x2='500.0' y2='-0.0' stroke='#dfe4ec' stroke-width='4'/><line x1='700.0' y1='-0.0' x2='500.0' y2='-0.0' stroke='transparent' stroke-width='26' pointer-events='stroke'/></g><text x='600.0' y='-45.0' font-size='60' fill='#9fb0c8' text-anchor='middle' dominant-baseline='central'>32</text><text x='470.0' y='0.0' font-size='60' fill='#e6e9ef' text-anchor='end' dominant-baseline='central'>LED0/CFG_EXT</text><g class='pingroup' data-num='31' data-name='INT_N/PME_N'><line class='pinvis' x1='700.0' y1='100.0' x2='500.0' y2='100.0' stroke='#dfe4ec' stroke-width='4'/><line x1='700.0' y1='100.0' x2='500.0' y2='100.0' stroke='transparent' stroke-width='26' pointer-events='stroke'/></g><text x='600.0' y='55.0' font-size='60' fill='#9fb0c8' text-anchor='middle' dominant-baseline='central'>31</text><text x='470.0' y='100.0' font-size='60' fill='#e6e9ef' text-anchor='end' dominant-baseline='central'>INT_N/PME_N</text><g class='pingroup' data-num='30' data-name='LDO_O'><line class='pinvis' x1='700.0' y1='200.0' x2='500.0' y2='200.0' stroke='#dfe4ec' stroke-width='4'/><line x1='700.0' y1='200.0' x2='500.0' y2='200.0' stroke='transparent' stroke-width='26' pointer-events='stroke'/></g><text x='600.0' y='155.0' font-size='60' fill='#9fb0c8' text-anchor='middle' dominant-baseline='central'>30</text><text x='470.0' y='200.0' font-size='60' fill='#e6e9ef' text-anchor='end' dominant-baseline='central'>LDO_O</text><g class='pingroup' data-num='29' data-name='DVDD33'><line class='pinvis' x1='700.0' y1='300.0' x2='500.0' y2='300.0' stroke='#dfe4ec' stroke-width='4'/><line x1='700.0' y1='300.0' x2='500.0' y2='300.0' stroke='transparent' stroke-width='26' pointer-events='stroke'/></g><text x='600.0' y='255.0' font-size='60' fill='#9fb0c8' text-anchor='middle' dominant-baseline='central'>29</text><text x='470.0' y='300.0' font-size='60' fill='#e6e9ef' text-anchor='end' dominant-baseline='central'>DVDD33</text><g class='pingroup' data-num='28' data-name='DVDD_RGMII'><line class='pinvis' x1='700.0' y1='400.0' x2='500.0' y2='400.0' stroke='#dfe4ec' stroke-width='4'/><line x1='700.0' y1='400.0' x2='500.0' y2='400.0' stroke='transparent' stroke-width='26' pointer-events='stroke'/></g><text x='600.0' y='355.0' font-size='60' fill='#9fb0c8' text-anchor='middle' dominant-baseline='central'>28</text><text x='470.0' y='400.0' font-size='60' fill='#e6e9ef' text-anchor='end' dominant-baseline='central'>DVDD_RGMII</text><g class='pingroup' data-num='27' data-name='RX_CLK/PHYAD1'><line class='pinvis' x1='700.0' y1='500.0' x2='500.0' y2='500.0' stroke='#dfe4ec' stroke-width='4'/><line x1='700.0' y1='500.0' x2='500.0' y2='500.0' stroke='transparent' stroke-width='26' pointer-events='stroke'/></g><text x='600.0' y='455.0' font-size='60' fill='#9fb0c8' text-anchor='middle' dominant-baseline='central'>27</text><text x='470.0' y='500.0' font-size='60' fill='#e6e9ef' text-anchor='end' dominant-baseline='central'>RX_CLK/PHYAD1</text><g class='pingroup' data-num='26' data-name='RX_CTL/PHYAD2'><line class='pinvis' x1='700.0' y1='600.0' x2='500.0' y2='600.0' stroke='#dfe4ec' stroke-width='4'/><line x1='700.0' y1='600.0' x2='500.0' y2='600.0' stroke='transparent' stroke-width='26' pointer-events='stroke'/></g><text x='600.0' y='555.0' font-size='60' fill='#9fb0c8' text-anchor='middle' dominant-baseline='central'>26</text><text x='470.0' y='600.0' font-size='60' fill='#e6e9ef' text-anchor='end' dominant-baseline='central'>RX_CTL/PHYAD2</text><g class='pingroup' data-num='25' data-name='RXD0/RXDLY'><line class='pinvis' x1='700.0' y1='700.0' x2='500.0' y2='700.0' stroke='#dfe4ec' stroke-width='4'/><line x1='700.0' y1='700.0' x2='500.0' y2='700.0' stroke='transparent' stroke-width='26' pointer-events='stroke'/></g><text x='600.0' y='655.0' font-size='60' fill='#9fb0c8' text-anchor='middle' dominant-baseline='central'>25</text><text x='470.0' y='700.0' font-size='60' fill='#e6e9ef' text-anchor='end' dominant-baseline='central'>RXD0/RXDLY</text><g class='pingroup' data-num='24' data-name='RXD1/TXDLY'><line class='pinvis' x1='700.0' y1='800.0' x2='500.0' y2='800.0' stroke='#dfe4ec' stroke-width='4'/><line x1='700.0' y1='800.0' x2='500.0' y2='800.0' stroke='transparent' stroke-width='26' pointer-events='stroke'/></g><text x='600.0' y='755.0' font-size='60' fill='#9fb0c8' text-anchor='middle' dominant-baseline='central'>24</text><text x='470.0' y='800.0' font-size='60' fill='#e6e9ef' text-anchor='end' dominant-baseline='central'>RXD1/TXDLY</text><g class='pingroup' data-num='23' data-name='RXD2/PLLOFF'><line class='pinvis' x1='700.0' y1='900.0' x2='500.0' y2='900.0' stroke='#dfe4ec' stroke-width='4'/><line x1='700.0' y1='900.0' x2='500.0' y2='900.0' stroke='transparent' stroke-width='26' pointer-events='stroke'/></g><text x='600.0' y='855.0' font-size='60' fill='#9fb0c8' text-anchor='middle' dominant-baseline='central'>23</text><text x='470.0' y='900.0' font-size='60' fill='#e6e9ef' text-anchor='end' dominant-baseline='central'>RXD2/PLLOFF</text><g class='pingroup' data-num='22' data-name='RXD3/PHYAD0'><line class='pinvis' x1='700.0' y1='1000.0' x2='500.0' y2='1000.0' stroke='#dfe4ec' stroke-width='4'/><line x1='700.0' y1='1000.0' x2='500.0' y2='1000.0' stroke='transparent' stroke-width='26' pointer-events='stroke'/></g><text x='600.0' y='955.0' font-size='60' fill='#9fb0c8' text-anchor='middle' dominant-baseline='central'>22</text><text x='470.0' y='1000.0' font-size='60' fill='#e6e9ef' text-anchor='end' dominant-baseline='central'>RXD3/PHYAD0</text></svg></div>
<div id=tip></div>
<script>
var KIND="symbol", MPN="RAY/YT8531DH-CA", PINS=[{"desc":"","name":"TRXP0","number":"1","type":""},{"desc":"","name":"TRXN0","number":"2","type":""},{"desc":"","name":"AVDDL","number":"3","type":""},{"desc":"","name":"TRXP1","number":"4","type":""},{"desc":"","name":"TRXN1","number":"5","type":""},{"desc":"","name":"TRXP2","number":"6","type":""},{"desc":"","name":"TRXN2","number":"7","type":""},{"desc":"","name":"AVDDL","number":"8","type":""},{"desc":"","name":"TRXP3","number":"9","type":""},{"desc":"","name":"TRXN3","number":"10","type":""},{"desc":"","name":"AVDD33","number":"11","type":""},{"desc":"","name":"RESET_N","number":"12","type":""},{"desc":"","name":"MDC","number":"13","type":""},{"desc":"","name":"MDIO","number":"14","type":""},{"desc":"","name":"TXD3","number":"15","type":""},{"desc":"","name":"TXD2","number":"16","type":""},{"desc":"","name":"TXD1","number":"17","type":""},{"desc":"","name":"TXD0","number":"18","type":""},{"desc":"","name":"TX_CTL","number":"19","type":""},{"desc":"","name":"TX_CLK","number":"20","type":""},{"desc":"","name":"DVDDL","number":"21","type":""},{"desc":"","name":"GND","number":"41","type":""},{"desc":"","name":"AVDD33","number":"40","type":""},{"desc":"","name":"RBIAS","number":"39","type":""},{"desc":"","name":"AVDDL","number":"38","type":""},{"desc":"","name":"XTAL_O","number":"37","type":""},{"desc":"","name":"XTAL_I","number":"36","type":""},{"desc":"","name":"CLKOUT","number":"35","type":""},{"desc":"","name":"LED2/CFG_LDO1","number":"34","type":""},{"desc":"","name":"LED1/CFG_LDO0","number":"33","type":""},{"desc":"","name":"LED0/CFG_EXT","number":"32","type":""},{"desc":"","name":"INT_N/PME_N","number":"31","type":""},{"desc":"","name":"LDO_O","number":"30","type":""},{"desc":"","name":"DVDD33","number":"29","type":""},{"desc":"","name":"DVDD_RGMII","number":"28","type":""},{"desc":"","name":"RX_CLK/PHYAD1","number":"27","type":""},{"desc":"","name":"RX_CTL/PHYAD2","number":"26","type":""},{"desc":"","name":"RXD0/RXDLY","number":"25","type":""},{"desc":"","name":"RXD1/TXDLY","number":"24","type":""},{"desc":"","name":"RXD2/PLLOFF","number":"23","type":""},{"desc":"","name":"RXD3/PHYAD0","number":"22","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 ----
var vb=(svg.getAttribute('viewBox')||'0 0 100 100').split(/\s+/).map(Number), base=vb.slice();
function setVB(){svg.setAttribute('viewBox',vb.join(' '));}
stage.addEventListener('wheel',function(e){e.preventDefault();var r=stage.getBoundingClientRect();var mx=(e.clientX-r.left)/r.width,my=(e.clientY-r.top)/r.height;var f=e.deltaY<0?0.88:1.14;var nw=vb[2]*f,nh=vb[3]*f;vb[0]+=(vb[2]-nw)*mx;vb[1]+=(vb[3]-nh)*my;vb[2]=nw;vb[3]=nh;setVB();},{passive:false});
var pan=null;
stage.addEventListener('pointerdown',function(e){pan={x:e.clientX,y:e.clientY};stage.classList.add('drag');stage.setPointerCapture(e.pointerId);});
stage.addEventListener('pointermove',function(e){if(!pan)return;var r=stage.getBoundingClientRect();vb[0]-=(e.clientX-pan.x)/r.width*vb[2];vb[1]-=(e.clientY-pan.y)/r.height*vb[3];pan={x:e.clientX,y:e.clientY};setVB();});
function endPan(){pan=null;stage.classList.remove('drag');}
stage.addEventListener('pointerup',endPan);stage.addEventListener('pointerleave',endPan);
stage.addEventListener('dblclick',function(){vb=base.slice();setVB();});
// ---- cross-highlight bus ----
function els(n){return [].slice.call(document.querySelectorAll('[data-num="'+n+'"]'));}
function clearHi(){[].slice.call(document.querySelectorAll('.hi')).forEach(function(e){e.classList.remove('hi');});}
function hi(n){els(n).forEach(function(e){e.classList.add('hi');});}
function post(n){try{parent.postMessage({type:'lbr-hover',pin:n===null?null:String(n),mpn:MPN},'*');}catch(_){}}
function showTip(n,x,y){var p=byNum[String(n)];if(!p)return;tip.innerHTML='<span class=tn></span><div class=tt></div><div class=td></div>';tip.querySelector('.tn').textContent=n+'  '+(p.name||'');tip.querySelector('.tt').textContent=p.type||'';var d=p.desc||'';if(d)tip.querySelector('.td').textContent=d;else tip.querySelector('.td').style.display='none';tip.style.display='block';tip.style.left=(x+14)+'px';tip.style.top=(y+12)+'px';}
[].slice.call(document.querySelectorAll('.pingroup,.pad')).forEach(function(g){
  var n=g.getAttribute('data-num');
  g.addEventListener('mouseenter',function(e){clearHi();hi(n);post(n);showTip(n,e.clientX,e.clientY);});
  g.addEventListener('mousemove',function(e){tip.style.left=(e.clientX+14)+'px';tip.style.top=(e.clientY+12)+'px';});
  g.addEventListener('mouseleave',function(){clearHi();post(null);tip.style.display='none';});
});
window.addEventListener('message',function(e){var d=e.data||{};if(d.type!=='lbr-hover')return;clearHi();if(d.pin!=null)hi(d.pin);});
// ---- footprint layer toggles ----
[].slice.call(document.querySelectorAll('.lyrtog')).forEach(function(b){
  function apply(on){[].slice.call(document.querySelectorAll('.ly-'+b.getAttribute('data-lyr'))).forEach(function(el){el.classList.toggle('lyr-off',!on);});}
  apply(b.classList.contains('on'));
  b.addEventListener('click',function(){apply(b.classList.toggle('on'));});
});
// ---- auto-grow the host readme iframe ----
function ph(){var h=Math.max(360,Math.min(16000,document.body.scrollHeight||420));parent.postMessage({type:'readme-height',height:h},'*');}
window.addEventListener('load',ph);setTimeout(ph,300);
</script>
</body></html>