2d:null 2e:["$","title",null,{"children":"호기심 해결 in 주식시장: KRX 시장을 이겨라 (매 거래일 밤 업데이트) | Humble Data Miner | Observable"}] 33:Tc77,viewof portfolio = { const description = md`

${md`## 포트폴리오 입력`}

* 한 줄에 한 종목씩 * 체결일 | 종목코드 | 단가 | 수량 * 공백(스페이스,탭)으로 구분 * 최대 20개 줄로 입력 제한 `; const textarea = Inputs.textarea({ rows: 10, autocomplete: "off", }); d3.select(textarea).select("label").style("--label-width","210px"); const slider_topmc = Inputs.range([1,100],{label:"시총상위",step:1,value:50}); d3.select(slider_topmc).select("label").style("--label-width","50px"); d3.select(slider_topmc).select("input[type=number]").style("width","50px"); const slider_n = Inputs.range([1,20],{label:"표본수",step:1,value:10}); d3.select(slider_n).select("label").style("--label-width","50px"); d3.select(slider_n).select("input[type=number]").style("width","50px"); const slider_offs = rangeInput({ min: -120,max: 0, step: 1, value: [-40, -20], width: "200px", enableTextInput: true }); slider_offs.prepend(html`매수기간`); d3.select(slider_offs).select("label") .style("--label-width","50px") .style("margin-right","var(--length2)"); d3.select(slider_offs).selectAll("input[type=number]").style("width","40px"); const btn_gen = Inputs.button("생성", {reduce: _=>{ const request_params = (viewof sample_request_params); request_params.value = JSON.stringify({topmc:slider_topmc.value,n:slider_n.value,eoff:slider_offs.value[0],loff:slider_offs.value[1]}); request_params.dispatchEvent(new Event("input", { bubbles: true })); textarea.value = "(예제를 생성하는 중)"; }}); d3.select(btn_gen).style("width","40px"); const btn_submit = Inputs.button("제출", {width:"100%",reduce: _=>{ const query_data = (viewof query); query_data.value = textarea.value; query_data.dispatchEvent(new Event("input", { bubbles: true })); }}); const generator = md`

${md`## 랜덤 포트폴리오 생성`}

${slider_topmc} ${slider_n} ${slider_offs} `; const dom = html`

${description}

사용자 ➡ 입력

${textarea} ${btn_submit}

예제 ⇦ ${btn_gen}

${generator}

`; dom.textarea = textarea; return dom; }34:T533,{ const stocks = Inputs.table(prc_data,{ header:{i:"",d:"체결일자",sc:"종목코드",sn:"종목명",reason:"처리불가시 사유",p:"매수단가(원)",c:"매수량(주)"}, columns:["i","d","sc","sn","p","c","reason"], width:{i:26,d:90,sc:60,sn:120,p:80,c:60}, format:{p:d=>`${krw_full_format.format(d)}`,i:d=>`#${d+1}`}, maxWidth:750, required:false, multiple:false, }); const agg_desc = { IN:"총 매수액", NET:"총 평가액", kospi:"KOSPI 조정 평가액", kosdaq:"KOSDAQ 조정 평가액", ksw10p:"시총가중-시총상위10% 조정 평가액", ksw100p:"시총가중-시장전체 조정 평가액", kosuni:"균등평균-시장전체 조정 평가액", } const aggs = html` ${agg_list.map(d=>html` `)}

금액	설명
${make_svg_color_rect(color_map[d])} ${html`${d.toUpperCase()}`}	${agg_desc[d]}

`; const dom = html`

${stocks}

${aggs}

`; return dom; }35:T1875,{ const series = prc_series; const height = 500; const pm = {left:70,top:50,right:100,bottom:50}; const svg = d3.create("svg").attr("viewBox", [0,0,width,height]); let cur_ai = -1; const net_ai = agg_list.indexOf("NET"); const x = d3.scaleTime().domain(ext.date).range([pm.left,width-pm.right]); svg.append("g").attr("transform",`translate(0,${height-pm.bottom})`) .call(d3.axisBottom(x).tickFormat(d=>d.toISOString().split('T')[0])); const g_yl = svg.append("g").attr("transform",`translate(${pm.left},0)`); const g_yr = svg.append("g").attr("transform",`translate(${width-pm.right},0)`); const g_bar = svg.append("g"); const g_line = svg.append("g"); const g_dot = svg.append("g"); const g_label = svg.append("g"); function focus(ai) { cur_ai = cur_ai<0 || cur_ai!=ai ? ai : -1; update_plot(); } function show_agg(d) { return cur_ai < 0 || cur_ai == d.ai || net_ai == d.ai; } function update_plot() { const zb = cur_ai < 0 ? d3.range(dates.length).map(i=>({ai:-1,di:i,v:0})) : series[cur_ai]; const data = series.map(row=>row.map((d,di)=>({ai:d.ai,di:d.di,v:d.v-zb[di].v}))); const y = d3.scaleLinear().domain(d3.extent(data.flat(),d=>d.v)).range([height-pm.bottom,pm.top]); g_yl.call(d3.axisLeft(y).tickFormat(d=>krw_format.format(d))); g_yr.call(d3.axisRight(y).tickFormat(d=>krw_format.format(d))); const show_bar = cur_ai >= 0 && cur_ai != net_ai; const bar_data = show_bar ? series[cur_ai].map((d,di)=>({di:di,y1:y(0),y2:y(data[net_ai][di].v),rt:series[net_ai][di].v/d.v})) : d3.range(dates.length).map((_,di)=>({di:di,y1:y(0),y2:y(0),rt:1})); const line_sum = d3.line().x(d=>x(dates[d.di])).y(d=>y(d.v)); g_line.selectAll("path") .data(data) .join("path") .transition().duration(anim_step_ms) .attr("opacity",d => show_agg(d[0]) ? 1 : 0.1) .attr("fill","none").attr("stroke",d=>color_map[agg_list[d[0].ai]]) .attr("stroke-width",2) .attr("d",d=>line_sum(d)); const dots = g_dot.selectAll("circle") .data(data.flat()) .join("circle") .attr("cx",d=>x(dates[d.di])) .attr("cy",d=>y(d.v)) .attr("r",0) .attr("visibility",d => show_agg(d) ? "visible": "hidden") .transition().delay(anim_step_ms).duration(anim_step_ms) .attr("r",3) .attr("fill",d=>color_map[agg_list[d.ai]]) .attr("stroke","lightgrey"); g_bar.transition().duration(anim_step_ms) .attr("opacity",show_bar ? 0.5 : 0); g_bar.selectAll("path") .data(bar_data) .join("path") .transition().duration(anim_step_ms) .attr("fill","none").attr("stroke",d=>d.rt>=1?"red":"blue") .attr("stroke-width",2) .attr("d",d=>`M ${x(dates[d.di])} ${d.y1} V ${d.y2}`); g_bar.selectAll("text") .data(bar_data) .join("text") .transition().duration(anim_step_ms) .attr("font-size",12).attr("fill",d=>d.rt>=1?"red":"blue") .attr("text-anchor","middle").attr("dominant-baseline",d=>d.rt>=1?"auto":"hanging") .attr("x",d=>x(dates[d.di])).attr("y",d=>d.y2).attr("dy",d=>d.rt>=1?-4:4) .text(d=>`${((d.rt-1)*100).toFixed(1)}%`); const label_ts = 14; const label_offset = 42; const box_size = 50; const label_line_x = width-pm.right+30; const label_box_x = label_line_x+label_offset; const labels = data.map(d=>d[d.length-1]) .map(d=>({x0:x(dates[d.di]),y0:y(d.v),ai:d.ai})); avoid_collision([0,height],label_ts)(labels); const g_groups = g_label.selectAll("g") .data(labels) .join( enter=>enter.append("g") .attr("transform",d=>`translate(${label_box_x},${d.y})`), update=>update .transition().duration(anim_step_ms) .attr("opacity",d=>show_agg(d) ? 1:0.2) .attr("transform",d=>`translate(${label_box_x},${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=>color_map[agg_list[d.ai]]).attr("stroke","none") .on("click",(e,d)=>{ focus(d.ai); }); 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","grey") .style("pointer-events", "none") .text(d=>agg_list[d.ai].toUpperCase()); g_label.selectAll("path") .data(labels) .join( enter => enter.append("path") .attr("stroke",d=>color_map[agg_list[d.ai]]).attr("stroke-dasharray","2 2").attr("fill","none") .attr("d",d=>`M ${d.x0} ${d.y0} H ${label_line_x} L ${label_box_x-box_size/2} ${d.y}`), update => update .transition().duration(anim_step_ms) .attr("opacity",d=>show_agg(d)?1:0.2) .attr("d",d=>`M ${d.x0} ${d.y0} H ${label_line_x} L ${label_box_x-box_size/2} ${d.y}`), exit=> exit.remove() ); } 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; } update_plot(); return svg.node(); }36:Ta36,{ const data = prc_data.filter(d=>d.valid); const height = 500; const pm = {left:70,top:20,right:70,bottom:20}; const svg = d3.create("svg").attr("viewBox", [0,0,width,height]); const bar_data = data.map(d=>({ i:d.i, sc:d.sc, sn:d.sn, iamt:(d.p*d.c), camt:(d.prcs[d.prcs.length-1].acp*d.ec), rt:(d.prcs[d.prcs.length-1].acp*d.ec)/(d.p*d.c) })).toSorted((a,b)=>d3.descending(a.rt,b.rt)); const ex = d3.extent(bar_data, d=>d.rt); const ex_max = d3.max(ex.concat(ex.map(d=>1/d))); function interp_color_rt(rt) { const log_max = Math.log(4*Math.sqrt(dates.length/250)); const clamped_log_rt = Math.min(log_max,Math.max(-log_max,Math.log(rt))); return 1.0-(clamped_log_rt+log_max)/(2*log_max); } const x = d3.scaleBand() .domain(d3.range(20+1)).range([pm.left,width-pm.right]) .paddingInner(0.1).paddingOuter(0.1); const y = d3.scaleLinear() .domain([1/ex_max,ex_max]).range([height-pm.bottom,pm.top]); const g_yl = svg.append("g").attr("transform",`translate(${pm.left},0)`) .call(d3.axisLeft(y).tickFormat(d=>`x${d.toFixed(1)}`)); const g_yr = svg.append("g").attr("transform",`translate(${x(bar_data.length)},0)`) .call(d3.axisRight(y).tickFormat(d=>`x${d.toFixed(1)}`)); const g_title = svg.append("g"); const g_bar = svg.append("g"); g_bar.selectAll("rect") .data(bar_data) .join("path") .attr("fill",d=>d3.interpolateRdYlBu(interp_color_rt(d.rt))) .attr("d",(d,i)=>`M ${x(i)} ${y(1)} h ${x.bandwidth()} V ${y(d.rt)} h ${-x.bandwidth()} Z`) .append("title") .text(d=>`#${d.i+1} (${d.sc}) ${d.sn} 시작 매수금: ${krw_format.format(d.iamt)} 현재 평가금: ${krw_format.format(d.camt)} 수익율: ${d.rt>1?"+":""}${((d.rt-1)*100).toFixed(1)}%`); g_bar.selectAll("text") .data(bar_data) .join("text") .attr("text-anchor","end").attr("dominant-baseline","middle") .attr("font-size",12).attr("dx",-4) .attr("transform",(d,i)=>`translate(${x(i)+x.bandwidth()/2},${y(1)}) rotate(${d.rt<1?90:-90})`) .text(d=>`#${d.i+1} (${d.sc}) ${d.sn}`); yield svg.node(); if(bar_data.length>0 && dates.length>0) { const title = g_title.append("text") .attr("x",(x(bar_data.length)+x(0))/2) .attr("dominant-baseline","hanging").attr("text-anchor","middle") .text(`(${dates[dates.length-1].toISOString().split('T')[0]}) 종목별 수익배율`); yield svg.node(); const bbox = title.node().getBBox(); title.attr("y",-bbox.y); if(bbox.x < pm.left) title.attr("x",pm.left+bbox.width/2); } return svg.node(); }37:T532,prc_series = { const prc_series = []; if(valid_prc_data.length==0) return []; const date_prcsum_map = valid_prc_data.reduce((acc,cur)=>{ const d = new Date(cur.d); if (!acc.hasOwnProperty(d)) acc[d] = 0; acc[d] += cur.p*cur.c; return acc; },{}); prc_series.push({ nm:"IN", series:dates.reduce((acc,cur)=>{ const unit = date_prcsum_map.hasOwnProperty(cur)?date_prcsum_map[cur]:0; acc.push(acc.length==0?unit:acc[acc.length-1]+unit); return acc; },[]) }); prc_series.push({ nm:"NET", series:dates.map(d=> valid_prc_data.reduce((acc,cur)=>{ if (cur.prc_map.hasOwnProperty(d)) acc += cur.ec*cur.prc_map[d].acp; return acc; },0) ) }); const comp_prc_series = comp_list.map(cp=>({ nm: cp, series: dates.map(d=> valid_prc_data.reduce((acc,cur)=>{ if (cur.prc_map.hasOwnProperty(d)) acc += cur.ec*cur.prcs[0].acp*(comp_map[d][cp]/comp_map[new Date(cur.prcs[0].d)][cp]); return Math.floor(acc); },0) ), })); prc_series.push(...comp_prc_series); const agg_rank = Object.fromEntries(agg_list.map((d,i)=>[d,i])); prc_series.sort((a,b)=>d3.ascending(agg_rank[a.nm],agg_rank[b.nm])); return prc_series.map((a,ai)=>a.series.map((v,di)=>({ai:ai,di:di,v:v}))); }38:[] 31:{"id":"44469609c621978e","slug":"krx-portfolio-evaluation-tool","title":"호기심 해결 in 주식시장: KRX 시장을 이겨라 (매 거래일 밤 업데이트)","thumbnail":"af6143fccc328d3a183fbd4306036f16785b96fcf87bc9ed999f8e7766fef0c8","access_level":"public","create_time":"$D2026-02-23T06:40:42.362Z","update_time":"$D2026-02-27T11:16:21.745Z","view_time":null,"first_public_time":"$D2026-02-27T00:09:36.760Z","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"},"version":899,"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}],"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":"viewer"}],"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":{"title":"호기심 해결 in 주식시장: KRX 시장을 이겨라 (매 거래일 밤 업데이트)","cells":[{"id":0,"value":"# 호기심 해결 in 주식시장:
KRX 시장을 이겨라 (매 거래일 밤 업데이트)\n\n* ### 내 투자성과를 시장대비로 정량화 한다면?\n* ### 나는 시장을 꾸준히 이기고 있을까?","pinned":false,"hidden":false,"mode":"md","author":"$undefined","summary":"$undefined","output":"","database":"$undefined"},{"id":791,"value":"---","pinned":false,"hidden":false,"mode":"md","author":"$undefined","summary":"$undefined","output":"","database":"$undefined"},{"id":794,"value":"## ⚠️ 미리 알림\n* 이 웹페이지는 어떠한 개인정보도 수집하지 않습니다\n * 가격자료를 받기 위해 체결일과 종목코드만 서버로 전송합니다\n* 종목의 몇몇 변동사항을 반영하지 않습니다\n * 감자나 액면분할 등으로 인한 단수주 절삭\n * 무상증자나 배당주 등으로 인한 주식수 증가\n * KRX 시간외 거래 (NXT 시세)\n * 매수후 합병된 종목의 중간결과\n* 개발 과정에 생긴 다양한 오류가 있을 수 있습니다\n * 어떠한 증빙자료도 사용될 수 없습니다\n * 개인투자를 위한 참고자료로만 활용해주세요","pinned":false,"hidden":false,"mode":"md","author":"$undefined","summary":"$undefined","output":"","database":"$undefined"},{"id":807,"value":"---\n## 🛠️ 지수 대비 수익률 시각화 도구\n\n* 사용법\n 1. 보유한 포트폴리오를 아래 텍스트박스에 입력\n * 한 줄에 한종목씩 체결일, 종목코드, 단가, 수량 순으로\n * 여러 종목을 여러줄에 걸쳐 입력하되 20줄까지만 허용\n * Excel에서 복사-붙여넣기로 편하게 이용 가능\n 2. \"제출\" 버튼으로 포트폴리오를 전송하고 결과를 수신\n 1. (테이블) 전송된 종목들의 처리 결과 와 범례\n 2. (라인차트) 총 매수액, 총 평가액 및 여러 지수 조정 평가액\n * 지수 조정 평가액: 초기 매수액이 해당 지수를 따라 변동했을 때의 평가액\n 3. (바차트) 최근 날짜 기준 종목별 수익률\n 3. 라인차트에서 기준으로 삼을 지수 조정 평가액을 선택\n * (시장 대비 성과) 개별 거래일의 지수 대비 수익률 확인\n * (포트폴리오의 안정성) 거래일 동안의 지수 대비 수익률 변동상황 확인\n

","pinned":false,"hidden":false,"mode":"md","author":"$undefined","summary":"$undefined","output":"","database":"$undefined"},{"id":12,"value":"$33","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":540,"value":"$34","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":484,"value":"$35","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":689,"value":"$36","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":851,"value":"## 💭 (2026-02-26) 개인적인 평가\n* 2025년 5월 이전과 이후의 시장이 완전히 다른 양상\n * 2025년 5월 이전: 대부분의 지수가 연동 ➡ 어느 지수를 기준삼아도 비슷한 결과\n * 2025년 5월 이후: KOSPI를 포함한 시총가중 지수와 아닌 지수간 차이가 분명\n * 국내주식시장 시총1,2위의 실적기반 강력한 견인\n* KOSPI, KOSDAQ의 모든 종목을 대상으로 투자하는 분들께 드리는 말\n * 극소수 대형주를 큰 비중으로 담지 않으면 시총가중 지수를 이기기 어려운 상황\n * KOSUNI 같은 균등평균 지수를 이기는 것만으로도 투자 성과가 있다 할 수 있음","pinned":false,"hidden":false,"mode":"md","author":"$undefined","summary":"$undefined","output":"","database":"$undefined"},{"id":898,"value":"---\n## 부연설명 동영상\n\n","pinned":false,"hidden":false,"mode":"md","author":"$undefined","summary":"$undefined","output":"","database":"$undefined"},{"id":5,"value":"---\n## Appendix","pinned":false,"hidden":false,"mode":"md","author":"$undefined","summary":"$undefined","output":"","database":"$undefined"},{"id":9,"value":"anim_step_ms = 1000","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":7,"value":"","pinned":false,"hidden":false,"mode":"html","author":"$undefined","summary":"$undefined","output":"","database":"$undefined"},{"id":168,"value":"import {rangeInput} from '@kasivisu4/range-slider'","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":225,"value":"import {fetchp} from '@tomlarkworthy/fetchp'","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":430,"value":"strftime = import('https://cdn.skypack.dev/strftime@0.10.3?min')","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":489,"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","output":"$undefined","database":"$undefined"},{"id":575,"value":"krw_full_format = new Intl.NumberFormat(\"ko-KR\",\n {\n style: \"currency\",\n currency: \"KRW\",\n });","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":492,"value":"comp_list = [\"kospi\",\"kosdaq\",\"ksw10p\",\"ksw100p\",\"kosuni\"]","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":588,"value":"agg_list = [\"IN\",\"NET\"].concat(comp_list)","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":495,"value":"color_map = {\n const color_map = {\n kospi:d3.schemeCategory10[0],\n kosdaq:d3.schemeCategory10[1],\n ksw10p:d3.schemeCategory10[2],\n ksw100p:d3.schemeCategory10[3],\n kosuni:d3.schemeCategory10[4],\n NET:d3.schemeCategory10[5],\n IN:d3.schemeCategory10[7],\n }\n return Object.fromEntries(Object.entries(color_map).map(d=>[d[0],d3.color(d[1])]));\n}","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":598,"value":"function make_svg_color_rect(c) {\n const sz = 10;\n const svg = d3.create(\"svg\").attr(\"width\",sz).attr(\"height\",sz);\n svg.append(\"rect\").attr(\"width\",sz).attr(\"height\",sz).attr(\"fill\",c);\n return svg.node();\n}","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":265,"value":"//In a regular function, we have to use .then() chains to handle promises:\nfunction getSamples(params) {\n if (params.eoff == params.loff) {\n if (params.loff == 0)\n params.eoff -= 1;\n else\n params.loff += 1;\n }\n const param_str = Object.entries(params).map(d=>`${d[0]}=${d[1]}`).join(\"&\");\n return fetchp(`https://www.humbledataminer.com/api/krx-gen-random-portfolio?${param_str}`)\n .then(result => result.json());\n}","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":293,"value":"viewof sample_request_params = Inputs.text()","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":273,"value":"samples = {\n if(['\"topmc\":','\"n\":','\"eoff\":','\"loff\":'].map(s=>sample_request_params.includes(s)).some(d=>d===false))\n return [];\n return getSamples(JSON.parse(sample_request_params));\n}","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":299,"value":"{\n (viewof portfolio).textarea.value = samples.map(d=>[d.d,d.s,d.p,d.c].join(\" \")).join(\"\\n\");\n}","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":326,"value":"viewof query = Inputs.textarea({rows:1,autocomplete:\"off\"})","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":380,"value":"query_data = {\n const query_data = query\n .split(/\\r?\\n/)\n .slice(0,20)\n .map(line=>line.split(/\\s+/))\n .filter(d=>d.length>=4)\n .map(d=>({d:new Date(d[0]),s:d[1],p:parseInt(d[2]),c:parseInt(d[3])}))\n .filter(d=>!isNaN(d.d) && typeof d.s === \"string\" && d.s.match(/[\\w\\d]{6}/) !== null && !isNaN(d.p) && !isNaN(d.c));\n return query_data;\n}","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":442,"value":"raw_data = {\n const params = query_data.map(d=>[strftime.default('%Y%m%d',d.d),d.s]);\n if(params.length == 0)\n return {date:[],comp:[],prc:[]};\n return fetchp(`https://www.humbledataminer.com/api/krx-query-stock-price`,{\n body: JSON.stringify({query:params}),\n headers: {\"content-type\": \"application/json\"},\n method: \"POST\"\n }).then(result => result.json());\n}","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":454,"value":"dates = raw_data.date.map(d=>new Date(d))","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":473,"value":"comp_map = {\n return Object.fromEntries(raw_data.comp.map(d=>[new Date(d.daydate), d]));\n}","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":458,"value":"prc_data = {\n const err_msg_map = {\n \"{\n d.i = i;\n if (d.valid) {\n d.p = query_data[i].p;\n d.c = query_data[i].c;\n if( d.tdprc.l > d.p || d.p > d.tdprc.h ) {\n d.valid = false;\n d.reason = \"oolhp\";\n }\n }\n if(d.valid) {\n d.ec = d.c * (d.prcs[0].tcp / d.prcs[0].acp);\n d.prc_map = Object.fromEntries(d.prcs.map(d=>[new Date(d.d),d]));\n }\n if(!d.valid) {\n d.reason = err_msg_map.hasOwnProperty(d.reason) ? err_msg_map[d.reason] : \"알 수 없는 오류\";\n }\n });\n return data;\n}","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":509,"value":"valid_prc_data = prc_data.filter(d=>d.valid);","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":502,"value":"$37","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":486,"value":"ext = {\n const ext_date = d3.extent(dates);\n if(ext_date[0])\n ext_date[0].setDate(ext_date[0].getDate()-1);\n if(ext_date[1])\n ext_date[1].setDate(ext_date[1].getDate()+1);\n return {date:ext_date, series:[0,d3.max(prc_series,d=>d3.max(d,item=>item.v))] };\n}","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"}],"files":"$W38","stdlib":"1","titling":"auto"}} 32:"$31:body"