35:null 36:["$","title",null,{"children":"호기심 해결 in 주식시장: KRX 주간 투자그룹별 종목 기여도 | Humble Data Miner | Observable"}] 3c:T2447,{ const th = 100; // track height (upside) const gh = 500; // graph height (downside) const height = th+gh; const tm = {left:4,right:4,top:2,bottom:2} const pm = {left:50,top:20,right:100,bottom:20}; const svg = d3.create("svg").attr("viewBox", [0,0,width,height]); const tdata = num; const g_track = svg.append("g"); const tx = d3.scaleTime().domain(d3.extent(dates)).range([tm.left,width-tm.right]); const ty = d3.scaleLinear().domain(ext.track).range([th-tm.bottom,tm.top]); const g_tlines = g_track.append("g"); const g_tdots = groups.map(_=>g_track.append("g")); const g_tbtns = tdata.slice(1).map((d,i)=>{ const cw = (width-tm.left-tm.right)/(tdata.length-1); return g_track.append("rect") .attr("transform",`translate(${tx(dates[i])},${tm.top})`) .attr("width",tx(dates[i+1])-tx(dates[i])).attr("height",th-tm.top-tm.bottom) .attr("stroke","grey").attr("fill","lightgrey").attr("opacity",0.5) .on("click",_=>{ curr_ti = i; update_track(); }); }); d3.select("body").on("keydown", function(event) { // For newer D3 versions if(event.keyCode == 37) // ArrowLeft curr_ti = Math.max(curr_ti-1,0); if(event.keyCode == 39) // ArrowRight curr_ti = Math.min(curr_ti+1,g_tbtns.length-1); update_track(); }); const g_link = svg.append("g"); const g_label = svg.append("g"); const py = d3.scaleLinear().domain(ext.plot).range([height-pm.bottom,th+pm.top]); const g_px2 = svg.append("g").attr("transform",`translate(0,${th+pm.top})`); const g_px = svg.append("g").attr("transform",`translate(0,${height-pm.bottom})`); svg.append("g").attr("transform",`translate(${pm.left},0)`).call(d3.axisLeft(py).tickFormat(d=>krw_format.format(d))); svg.append("g").attr("transform",`translate(${width-pm.right},0)`).call(d3.axisRight(py).tickFormat(d=>krw_format.format(d))); const g_plot = svg.append("g"); const g_bars = svg.append("g"); const bx = d3.scaleBand().domain(d3.range(n_bars)).range([pm.left,width-pm.right]).padding(0.2); const g_bar_rects = d3.range(n_bars).map(i=>{ return { f:{ b:g_bars.append("rect") .attr("x",bx(i)).attr("y",py(0)).attr("rx",2) .attr("width",bx.bandwidth()/2).attr("height",10) .attr("fill","blue"), t:g_bars.append("text") .attr("dominant-baseline","middle").attr("text-anchor","end") .attr("font-size","1vw") .attr("transform",`translate(${bx(i)+bx.bandwidth()/4},${py(0)}) rotate(90)`) .attr("fill","black").attr("stroke","white").attr("paint-order","stroke") .text("down") }, v:{ b:g_bars.append("rect") .attr("x",bx(i)+bx.bandwidth()/2).attr("y",py(0)-10).attr("rx",2) .attr("width",bx.bandwidth()/2).attr("height",10) .attr("fill","red"), t:g_bars.append("text") .attr("font-size","1vw") .attr("dominant-baseline","middle").attr("text-anchor","end") .attr("transform",`translate(${bx(i)+bx.bandwidth()*3/4},${py(0)}) rotate(-90)`) .attr("fill","black").attr("stroke","white").attr("paint-order","stroke") .text("up") } } }); let curr_gi = -1; let curr_ti = tdata.length-2; function focus(gi) { curr_gi = curr_gi<0 || curr_gi!=gi ? gi : -1; update_plot(); } function avoid_collision(range,unit_size) { const r = range[0] > range[1] ? [range[1],range[0]] : [range[0],range[1]]; const n_bins = Math.floor((r[1]-r[0])/unit_size); const bin_size = (r[1]-r[0]+1)/n_bins; const bins = d3.range(n_bins).map(_=>[]); const func = function(items) { items.forEach(d=>{ bins[Math.floor((d.y0-r[0])/bin_size)].push(d); }); bins.forEach(b=>{ b.sort((a,b)=>d3.ascending(a.y0,b.y0)); }); const mid = Math.floor(n_bins/2); if(bins[mid].length > 1) { const i = Math.floor(bins[mid].length/2); bins[mid+1] = bins[mid].splice(i+1).concat(bins[mid+1]); bins[mid-1] = bins[mid-1].concat(bins[mid].splice(0,i)); } for(let i=mid+1; i0; i--) { bins[i-1] = bins[i-1].concat(bins[i].splice(0,bins[i].length-1)); } bins.forEach((b,i)=>{ b.forEach(d=>{ d.y=r[0]+bin_size*i+bin_size/2; }); }); }; return func; } function update_plot() { const px = d3.scaleTime() .domain(d3.extent(num_ex.series[curr_ti][0],d=>d.x)) .range([pm.left,width-pm.right]); const series = num_ex.series[curr_ti]; g_px.transition().duration(anim_step_ms) .call(d3.axisBottom(px).ticks(2).tickFormat(d=>d.toISOString().split('T')[0]).tickValues([dates[curr_ti],dates[curr_ti+1]])); g_px2.transition().duration(anim_step_ms) .call(d3.axisTop(px).ticks(2).tickFormat(d=>d.toISOString().split('T')[0]).tickValues([dates[curr_ti],dates[curr_ti+1]])); const line = d3.line().x(d=>px(d.x)).y(d=>py(d.y)); g_plot.selectAll("path") .data(series) .join("path") .attr("fill","none") .attr("stroke",d=>colors[d[0].gi]) .attr("stroke-width",d=>d[0].t=="s"?4:2) .attr("visibility",d=>d[0].t=="s"?"visible":"hidden") .transition().duration(anim_step_ms) .attr("opacity",d=>curr_gi<0||curr_gi==d[0].gi?1:0.1) .attr("d",d=>line(d)); const label_ts = 14; const label_offset = 60; const box_size = 50; const labels = series .map(d=>d[1]) .filter(d=>d.t=="s") .map(d=>({x0:px(d.x),y0:py(d.y),gi:d.gi})); avoid_collision(py.range(),label_ts)(labels); const g_groups = g_label.selectAll("g") .data(labels) .join( enter=>enter.append("g") .attr("transform",d=>`translate(${d.x0+label_offset},${d.y})`), update=>update .transition().duration(anim_step_ms) .attr("opacity",d=>curr_gi<0 || curr_gi==d.gi ? 1:0.2) .attr("transform",d=>`translate(${d.x0+label_offset},${d.y})`), exit=>exit.remove() ); g_groups.append("rect") .attr("x",-box_size/2).attr("y",-(label_ts-2)/2).attr("width",box_size).attr("height",label_ts-2) .attr("fill",d=>colors[d.gi]).attr("stroke","none") .on("click",(e,d)=>{ focus(d.gi); }); g_groups.append("text") .attr("dominant-baseline","middle").attr("text-anchor","middle") .attr("font-size","0.9vw").attr("font-weight","bold").attr("dy",1) .attr("paint-order","stroke") .attr("fill",d=>"white").attr("stroke","black") .style("pointer-events", "none") .text(d=>groups[d.gi]); g_label.selectAll("path") .data(labels) .join( enter => enter.append("path") .attr("stroke",d=>colors[d.gi]).attr("stroke-dasharray","2 2").attr("fill","none") .attr("d",d=>`M ${d.x0} ${d.y0} L ${d.x0+label_offset-box_size/2} ${d.y}`), update => update .transition().duration(anim_step_ms) .attr("opacity",d=>curr_gi<0||curr_gi==d.gi?1:0.2) .attr("d",d=>`M ${d.x0} ${d.y0} L ${d.x0+label_offset-box_size/2} ${d.y}`), exit=> exit.remove() ); if(curr_gi<0) g_bars.attr("opacity",0); else { g_bars.transition().duration(anim_step_ms).attr("opacity",1) const bars = num_ex.bars[curr_ti][curr_gi]; g_bar_rects.forEach((g,bi)=>{ ["f","v"].forEach(t=>{ const bar = bars.acc[bi]; const rng = bar[t].map(d=>py(d)); const up = rng[0] >= rng[1]; const txt = (bar.sn==null? `${bar.n}종목합계`:`${bar.sn}`) + `(${t=="f"?"고정":"변동"})`; g[t].b .transition().duration(anim_step_ms) .attr("y",up?rng[1]:rng[0]).attr("height",Math.max(up?(rng[0]-rng[1]):(rng[1]-rng[0]),1)) .attr("fill",up?"red":"blue"); g[t].t .transition().duration(anim_step_ms) .attr("transform",`translate(${bx(bi)+bx.bandwidth()/4*(t=="f"?1:3)},${rng[0]}) rotate(${up?-90:90})`) .text(txt); }); }); } } function update_track() { const tseries = groups.map((g,gi)=>{ const offset = tdata[curr_ti][gi].s; return tdata.map((d,di)=>d[gi].s-offset); }); const tline = d3.line().x((_,i)=>tx(dates[i])).y(d=>ty(d)); g_tlines.selectAll("path") .data(tseries) .join("path") .attr("fill","none").attr("stroke",(d,i)=>colors[i]).attr("stroke-width",2) .transition().duration(anim_step_ms) .attr("d", d=>tline(d)); g_tdots.map((g,gi)=>{ g.selectAll("circle") .data(tseries[gi]) .join( enter=>enter.append("circle") .attr("r",3) .attr("fill",colors[gi]) .attr("stroke","none") .attr("cx",(d,di)=>tx(dates[di])) .attr("cy",(d,di)=>ty(d)), update=>update .transition().duration(anim_step_ms) .attr("cx",(d,di)=>tx(dates[di])) .attr("cy",(d,di)=>ty(d)), exit=>exit.remove() ); }); g_tbtns.forEach((g,i)=>{ g.attr("fill",curr_ti==i?"none":"lightgrey"); }); update_plot(); } update_track(); return svg.node(); }3d:T465,num_ex = { const types = ["f","v","s"]; const series = d3.range(1,num.length).map(i=>{ const [prev,curr] = [num[i-1],num[i]]; const [pd,cd] = [dates[i-1],dates[i]]; return groups.map((g,gi)=>types.map(t=>[{t:t,gi:gi,x:pd,y:0},{t:t,gi:gi,x:cd,y:curr[gi][t]-prev[gi][t]}])).flat(1); }); const bars = d3.range(1,dates.length).map((di,r)=>{ return groups.map((g,gi)=>{ const prev = num[di-1][gi]; const curr = num[di][gi]; const diff = {f:curr.f-prev.f, v:curr.v-prev.v, s:curr.s-prev.s} /* adjustment for assets of unlist stocks */ const adj = { f:diff.f-d3.sum(curr.rank,d=>d.f), v:diff.v-d3.sum(curr.rank,d=>d.v), } const acc = curr.rank.reduce((acc,cur)=>{ let sum = acc.length == 0 ? 0 : acc[acc.length-1].v[1]; acc.push({ sc:cur.sc, sn:cur.sn, n:cur.n, f:[sum, sum+=(cur.f+(cur.sc==null?adj.f:0))], v:[sum, sum+=(cur.v+(cur.sc==null?adj.v:0))] }); return acc; },[]); return {diff:diff,acc:acc}; }); }); return {series:series,bars:bars}; }3e:[] 3a:{"id":"13e7d353d1ea069b","slug":"krx-weekly-stock-contribution-to-asset-change-of-investor-groups","title":"호기심 해결 in 주식시장: KRX 주간 투자그룹별 종목 기여도","thumbnail":"ab1ff21fe4d0fc9322d5063cc66ef822b4dd40bf7cbb289b26b4326383b24946","access_level":"public","create_time":"$D2025-11-03T23:04:20.101Z","update_time":"$D2025-11-12T11:48:54.498Z","view_time":null,"first_public_time":"$D2025-11-12T05:47:29.445Z","has_unpublished_edits":null,"fork":false,"stars":0,"starred":false,"owner":{"type":"team","id":"50faa4da52a9ff9b","login":"humble-data-miner","name":"Humble Data Miner","avatar_url":"https://avatars-next.observableusercontent.com/3046b1bea86c5e825baea7c0c403d90ad9690b5396b11b5d02b3a0839fbcb946","tier":"starter_2024","bio":"Hi, I'd like to share useful information with all of you especially on Observable.\n\nprofile picture leverages:\n\nhttps://thenounproject.com/term/construction-helmet/3484560/\nhttps://thenounproject.com/term/grinning/1950667/\n","following":false},"version":671,"publish_version":null,"role":null,"authored":false,"authors":[{"type":"individual","id":"4e2fc41e06361cc3","login":"humble-data-miner","name":"Humble Data Miner","avatar_url":"https://avatars-next.observableusercontent.com/3046b1bea86c5e825baea7c0c403d90ad9690b5396b11b5d02b3a0839fbcb946","tier":null,"bio":"Hi, I'd like to share useful information with all of you especially on Observable.\n\nMy profile picture leverages:\n\nhttps://thenounproject.com/term/construction-helmet/3484560/\nhttps://thenounproject.com/term/grinning/1950667/\n","following":false}],"members":[{"type":"individual","id":"4e2fc41e06361cc3","login":"humble-data-miner","name":"Humble Data Miner","avatar_url":"https://avatars-next.observableusercontent.com/3046b1bea86c5e825baea7c0c403d90ad9690b5396b11b5d02b3a0839fbcb946","tier":null,"role":"editor"},{"type":"team","id":"50faa4da52a9ff9b","login":"humble-data-miner","name":"Humble Data Miner","avatar_url":"https://avatars-next.observableusercontent.com/3046b1bea86c5e825baea7c0c403d90ad9690b5396b11b5d02b3a0839fbcb946","tier":"starter_2024","role":"editor"}],"comments":[],"custom_thumbnail":true,"trashed":false,"lapsed":null,"subscribed":null,"forks":0,"collection":{"id":"ffed4a92f8068ba7","slug":"myth-buster-in-person","title":"Myth Buster in Person","owner":{"id":"50faa4da52a9ff9b","login":"humble-data-miner","name":"Humble Data Miner"}},"type":"notebook","body":{"titling":"auto","title":"호기심 해결 in 주식시장: KRX 주간 투자그룹별 종목 기여도","cells":[{"id":0,"value":"# 호기심 해결 in 주식시장:
KRX 주간 투자그룹별 종목 기여도\n## 매주 금요일 밤, 한 주간 결과를 자동으로 갱신 (최근 업데이트: ${dates[dates.length-1].toISOString().split('T')[0]})","pinned":false,"hidden":false,"mode":"md","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"","database":"$undefined"},{"id":351,"value":"---\n## KRX 투자그룹 분류\n\n\n \n\n\n \n \n \n \n \n \n \n \n \n \n \n\n

이름	설명
${make_svg_invgrp_rect(0,12)}금융투자	증권사,선물사,투자자문사등이 자체자금으로 투자
${make_svg_invgrp_rect(1,12)}보험	보험기관이 자산으로 투자
${make_svg_invgrp_rect(2,12)}투신	자산운용사가 고객의 자금으로 투자
${make_svg_invgrp_rect(3,12)}사모	소수 투자자의 자금을 모아 투자
${make_svg_invgrp_rect(4,12)}은행	은행 자산으로 투자
${make_svg_invgrp_rect(5,12)}기타금융	은행,보험,금투를 제외한 투자기관
${make_svg_invgrp_rect(6,12)}연기금	국민연금기금을 재원으로 하는 투자기관
${make_svg_invgrp_rect(7,12)}기타법인	금융기관으로 분류되지않은 일반법인의 투자
${make_svg_invgrp_rect(8,12)}개인	일반투자자 + 전문투자자
${make_svg_invgrp_rect(9,12)}외국인	등록외국인(외국증권사 포함)
${make_svg_invgrp_rect(10,12)}기타외국인	외국인투자등록이 면제된 개인 또는 외국 법인

","pinned":false,"hidden":false,"mode":"md","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"","database":"$undefined"},{"id":360,"value":"---\n## 투자그룹별 고정자산(F), 변동자산(V), 총자산(S)의 계산\n\n* 데이터 원본: [KRX 정보데이터시스템 \\[12009\\] 투자자별 거래실적(개별종목)](http://data.krx.co.kr/contents/MDC/MDI/mdiLoader/index.cmd?menuId=MDC0201020302)\n * 각 종목마다 투자그룹별 하루 순매수 **거래금액(A)** 및 순매수 **거래량(C)** 제공\n * **절대량**이 아닌 **변동량**만을 제공 → 특정 시점으로부터 **상대적인 비교**만 가능\n* (투자그룹별) 데이터 가공: 개별종목의 **A,C**에서 개별종목의 **F,V**를 얻는 과정\n * 누적 시작일: 기준값을 0으로 설정(A₀=0, C₀=0)\n * 본 자료는 2015년 1월 2일을 누적 시작일로 설정\n * 2015년 이전의 투자결과는 미반영 (e.g. 국민연금 국내주식 평가수익 200조)\n * **고정자산 F_n** = -(A₁ + A₂ + ... + A_n)\n * **변동자산 V_n** = (C₁ + C₂ + ... + C_n) × P_n, 여기서 P_n은 n일째 종가\n * **총자산 S_n** = F_n + V_n","pinned":false,"hidden":false,"mode":"md","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"","database":"$undefined"},{"id":389,"value":"{\n const gis = [8,9,7,0,6];\n const k = top_bot_k;\n const topk = num_vrank.map((rows,gi)=>rows.slice(0,k));\n const botk = num_vrank.map((rows,gi)=>rows.slice(-k));\n const title = md`\n

\n## 주요 투자그룹별 변동자산 상위/하위 종목\n(누적시작일: 2015-01-02, 측정일: ${dates[dates.length-1].toISOString().split('T')[0]})`\n const table = html`\n \n \n ${gis.map(gi=>html``)}\n \n \n ${d3.range(k).map(ri=>\n html`${gis.map(gi=>\n html``)}`)}\n ${d3.range(gis.length).map(gi=>html``)} \n ${d3.range(k).map(ri=>\n html`${gis.map(gi=>\n html``)}`)}\n \n

	${make_svg_invgrp_rect(gi,10)} ${groups[gi]}
상위 #${ri+1}	${topk[gi][ri].sn} ${krw_format.format(topk[gi][ri].v)}
...	...
하위 #${k-ri}	${botk[gi][ri].sn} ${krw_format.format(botk[gi][ri].v)}

\n`;\n\n return html`${title}${table}`;\n}","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":362,"value":"

\n## 투자그룹별 자산변동 그래프\n* 구성\n * 상단 라인 차트: 선택 기간의 첫날 자산을 0으로 놨을때 최근 ${dates.length-1}주간 총자산 결과\n * 하단 라인 차트: 선택 기간의 첫날 자산을 0으로 놨을때 해당 기간 총자산 결과\n * 하단 바 차트: 선택 기간의 첫날 자산을 0으로 놨을때 해당 기간 주요 변동 종목\n* 사용법\n * **상단 라인차트**에서 상세히 볼 기간을 선택 (키보드 화살표 키로 기간변경 가능)\n * **하단 라인차트**의 오른쪽에서 개별종목을 살펴볼 투자그룹을 선택\n* 주안점\n * 변동자산내 비중이 큰 종목이 결국 총자산에 큰 영향\n * 예시) 전일가 100원 종목A를 100주 보유, 오늘 종가 120원에 1개 팔고 마감\n * 고정자산: +120원\n * 변동자산: +1880원= 120원×99주 - 100원×100주","pinned":false,"hidden":false,"mode":"md","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"","database":"$undefined"},{"id":34,"value":"$3c","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":620,"value":"## (2025-11-07 기준) 지난 10년의 결과 해석\n* ${make_svg_invgrp_rect(8,10)} 개인: 삼성전자 상승, 한화에어로스페이스 하락 예상\n* ${make_svg_invgrp_rect(9,10)} 외국인: 삼성전자 하락, 한화에어로스페이스/SK하이닉스 상승 예상\n* ${make_svg_invgrp_rect(7,10)} 기타법인: 삼성전자/SK하이닉스 상승 예상, 조용하고 꾸준한 수익실현\n* ${make_svg_invgrp_rect(6,10)} 연기금: 2015년 이전에 구성된 포트폴리오에서 큰 변화 없음\n* ${make_svg_invgrp_rect(0,10)} 금융투자: SK하이닉스의 상승 예상, 상대적으로 소극적인 매매","pinned":false,"hidden":false,"mode":"md","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"","database":"$undefined"},{"id":670,"value":"---\n## 부연설명 동영상\n\n","pinned":false,"hidden":false,"mode":"md","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"","database":"$undefined"},{"id":4,"value":"---\n## Appendix","pinned":false,"hidden":false,"mode":"md","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"","database":"$undefined"},{"id":641,"value":"viewof top_bot_k = Inputs.range([2,10],{label:\"테이블에 표시할 상위/하위 개수\",step:1,value:2})","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":67,"value":"anim_step_ms = 1000","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":10,"value":"function fetch_krx_sc_rank_per_week_invgrp() {\n const url = `https://www.humbledataminer.com/api/krx-sc-rank-per-week-invgrp`;\n return fetchp(url)\n .then(response => {\n if (!response.ok) { throw new Error(response.status); }\n console.log(response);\n return response.json();\n });\n}","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":23,"value":"raw_data = await fetch_krx_sc_rank_per_week_invgrp();","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":533,"value":"num_vrank = raw_data.extra.latest_sc_rank_by_v","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":26,"value":"dates = raw_data.dim.dates.map(d=>new Date(d))","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":29,"value":"groups = raw_data.dim.groups","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":56,"value":"colors = d3.schemeTableau10.concat(d3.schemeCategory10[8]).map(c=>d3.color(c))","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":36,"value":"num = raw_data.num","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":277,"value":"n_bars = num[0][0].rank.length","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":88,"value":"$3d","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":45,"value":"ext = {\n const te = d3.extent(d3.range(num.length-1).map(i=>{\n const offset = num[i];\n const adjusted = num.map(r=>r.map((c,ci)=>c.s-offset[ci].s)).flat(Infinity);\n return d3.extent(adjusted);\n }).flat(Infinity));\n const plot_y = num_ex.series.flat(Infinity).map(d=>d.y);\n const bar_y = num_ex.bars.flat(Infinity).map(d=>d.acc.map(x=>[x.f,x.v])).flat(Infinity);\n return {track:te,plot:d3.extent(plot_y.concat(bar_y))};\n}","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":353,"value":"function make_svg_invgrp_rect(grpidx,sz) {\n const svg = d3.create(\"svg\").attr(\"width\",sz).attr(\"height\",sz);\n svg.append(\"rect\").attr(\"width\",sz).attr(\"height\",sz).attr(\"fill\",colors[grpidx]);\n return svg.node();\n}","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":98,"value":"krw_format = new Intl.NumberFormat(\"ko-KR\",\n {\n style: \"currency\",\n currency: \"KRW\",\n notation: 'compact',\n minimumFractionDigits:0,\n maximumFractionDigits:1,\n });","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":427,"value":"krs_format = new Intl.NumberFormat(\"ko-KR\",\n {\n style: \"decimal\",\n notation: 'compact',\n minimumFractionDigits:0,\n maximumFractionDigits:1,\n });","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":6,"value":"","pinned":false,"hidden":false,"mode":"html","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"","database":"$undefined"},{"id":12,"value":"import {fetchp} from '@tomlarkworthy/fetchp'","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"}],"files":"$W3e","stdlib":"1"}} 3b:"$3a:body"