function holdings_chg(e){fetch("/e13f/am-holdings-history-data/"+e+"?top_n=30",{method:"GET",credentials:"same-origin"}).then(function(e){return e.json()}).then(function(e){data=e.data,columns=e.columns,top_n=e.index.length;const t=parseInt(document.getElementById("holdings_chg").offsetWidth);height=t>500?400:t,draw_holdings_chg(data,w=t,h=height)}).catch(function(e){console.log(e)})}function draw_holdings_chg(e,t,n){const l=e.map(e=>e[5]);let o=cum_sum(e.map(e=>e[6])),d=cum_sum(e.map(e=>e[7])),s=cum_sum(e.map(e=>e[8])),h=cum_sum(e.map(e=>e[9])),a=cum_sum(e.map(e=>e[10])),g=`<svg width="${t}" height="${n+20}" viewBox="0 0 ${t} ${n+20}" preserveAspectRatio="none">`,c=0,m=0,r=0,u=0,y=0;for(i=0;i<a.length;i++)g+=`<rect x="80%" y="${c}" width="20%" height="${Math.max(a[i]*n-c,0)}" onmouseover="guide_holdings('${i}',5)" fill="${color_gen(i)}"/>`,a[i+1]-a[i]>.05&&(g+=`<text x="90%" y="${(c+a[i]*n)/2}" fill="black" text-anchor="middle" alignment-baseline="middle" style="font-size:70%;">${l[i]}</text>`),g+=`<rect x="60%" y="${m}" width="15%" height="${Math.max(h[i]*n-m,0)}" onmouseover="guide_holdings('${i}',4)" fill="${color_gen(i)}"/>`,g+=`<line x1="75%" x2="80%" y1="${m}" y2="${c}" stroke="${color_gen(i)}"  stroke-width=".5"/>`,g+=`<rect x="40%" y="${r}" width="15%" height="${Math.max(s[i]*n-r,0)}" onmouseover="guide_holdings('${i}',3)" fill="${color_gen(i)}"/>`,g+=`<line x1="55%" x2="60%" y1="${r}" y2="${m}" stroke="${color_gen(i)}"  stroke-width=".5"/>`,g+=`<rect x="20%" y="${u}" width="15%" height="${Math.max(d[i]*n-u,0)}" onmouseover="guide_holdings('${i}',2)" fill="${color_gen(i)}"/>`,g+=`<line x1="35%" x2="40%" y1="${u}" y2="${r}" stroke="${color_gen(i)}"  stroke-width=".5"/>`,g+=`<rect x="0%" y="${y}" width="15%" height="${Math.max(o[i]*n-y,0)}" onmouseover="guide_holdings('${i}',1)" fill="${color_gen(i)}"/>`,g+=`<line x1="15%" x2="20%" y1="${y}" y2="${u}" stroke="${color_gen(i)}"  stroke-width=".5"/>`,c=a[i]*n,m=h[i]*n,r=s[i]*n,u=d[i]*n,y=o[i]*n;for(g+=`<rect x="80%" y="${c}" width="20%" height="${Math.max(n-c,0)}" fill="rgba(100,100,100,.7)"/>`,g+=`<rect x="60%" y="${m}" width="15%" height="${Math.max(n-m,0)}" fill="rgba(100,100,100,.7)"/>`,g+=`<rect x="40%" y="${r}" width="15%" height="${Math.max(n-r,0)}" fill="rgba(100,100,100,.7)"/>`,g+=`<rect x="20%" y="${u}" width="15%" height="${Math.max(n-u,0)}" fill="rgba(100,100,100,.7)"/>`,g+=`<rect x="0%" y="${y}" width="15%" height="${Math.max(n-y,0)}" fill="rgba(100,100,100,.7)"/>`,g+=`<rect id="guide_hs_box" x="5%" y="${n/2-27}" width="90%" height="50" fill="rgba(0,0,0,.7)" style="display:none"/>`,g+=`<text id="guide_hs_name" x="50%" y="${n/2-20}" fill="white" font-size="1rem" text-anchor="middle" alignment-baseline="hanging" style="display:none">name</text>`,g+=`<text id="guide_hs_val" x="50%" y="${n/2}" fill="white" font-size="1rem" text-anchor="middle" alignment-baseline="hanging" style="display:none">val</text>`,g+=`<text id="guide_hs_close" x="90%" y="${n/2}" onclick="close_guide();" fill="white" font-size="2rem" text-anchor="middle" alignment-baseline="middle" style="display:none">☒</text>`,i=0;i<4;i++)g+=`<text x="${20*i+7}%" y="${n+5}" fill="white" text-anchor="middle" alignment-baseline="hanging" style="font-size:10px;">${columns[i]}</text>`;g+=`<text x="90%" y="${n+5}" fill="white" text-anchor="middle" alignment-baseline="hanging" style="font-size:10px;">${columns[4]}</text>`,g+="</svg>",document.getElementById("holdings_chg").innerHTML=g}function guide_holdings(e,t){document.getElementById("guide_hs_box").style.display="block",document.getElementById("guide_hs_name").style.display="block",document.getElementById("guide_hs_val").style.display="block",document.getElementById("guide_hs_close").style.display="block",document.getElementById("guide_hs_name").innerHTML=data[e][5],document.getElementById("guide_hs_val").innerHTML=add_commas(data[e][t+5],2)+"%"}function close_guide(){document.getElementById("guide_hs_box").style.display="none",document.getElementById("guide_hs_name").style.display="none",document.getElementById("guide_hs_val").style.display="none",document.getElementById("guide_hs_close").style.display="none"}function color_gen(e){const t=[80,100,120,140,160,180,200,220,240,220,200,180,160,140,120,100];return"rgba("+t[e%16]+","+t[(e+4)%16]+","+t[(e+8)%16]+",1)"}function cum_sum(e){let t=[];return e.reduce((e,i,n)=>t[n]=e+i,0),t}function add_commas(e,t=null){if(null!==e){var i=e.toString().split(".");return t?i[0].replace(/\B(?=(\d{3})+(?!\d))/g,",")+(i[1]?"."+i[1].slice(0,t):""):Math.abs(e)>=1?i[0].replace(/\B(?=(\d{3})+(?!\d))/g,",")+(i[1]?"."+i[1].slice(0,2):""):i[0].replace(/\B(?=(\d{3})+(?!\d))/g,",")+(i[1]?"."+i[1].slice(0,6):"")}return"-"}