2d:null 2e:["$","title",null,{"children":"호기심 해결 in 주식시장KRX 포트폴리오 구성의 변수들 #1: 시총 상위 몇%까지 담을까? | Humble Data Miner | Observable"}] 33:T2378,viewof cur_item = { const mat_width = Math.floor(width*32/100); const mat_margin = {top:56,bottom:0,left:56,right:0}; const hist_margin = {top:10,bottom:20,left:30,right:4}; const height = mat_width; const svg_hist = d3.create("svg").attr("viewBox", [0, 0, mat_width, height]); const h_x = d3.scaleLinear([h12m_data.bin_ex.min_y,h12m_data.bin_ex.max_y],[hist_margin.left,mat_width-hist_margin.right]); const h_b = d3.scaleBand(d3.range(dims.nbins),[hist_margin.left,mat_width-hist_margin.right]); const g_bars = svg_hist.append("g"); const g_sc_bars = svg_hist.append("g"); svg_hist.append("g").attr("transform",`translate(${0},${height-hist_margin.bottom})`) .call(d3.axisBottom(h_x)); const g_hist_ay = svg_hist.append("g").attr("transform",`translate(${hist_margin.left},${0})`); const svg_mat = d3.create("svg").attr("viewBox", [0, 0, mat_width, height]); const mat_x = d3.scaleBand(d3.range(dims.topret.length), [mat_margin.left,mat_width]); const mat_y = d3.scaleBand(d3.range(dims.topmc.length), [mat_margin.top,height]); const kc_width = Math.floor(width*2/100); const svg_kc = d3.create("svg").attr("viewBox",[0,0,kc_width,height]); const topmc_slider = d3_slider.sliderLeft() .min(0).max(dims.topmc.length-1).step(1) .tickFormat(_=>'') .height(height-mat_margin.top-mat_y.bandwidth()) .value(dims.topmc.length-1) .fill("#eee") .on("onchange", (e) => { update(dims.topmc.length-1-topmc_slider.value(),topret_slider.value()); }); svg_mat.append("g") .attr("class","topmc_slider") .attr("transform",`translate(${mat_margin.left-5},${mat_margin.top+mat_y.bandwidth()/2})`) .call(topmc_slider); svg_mat.append("g").selectAll("text") .data(d3.range(dims.topmc.length)) .join("text") .attr("text-anchor","middle").attr("dominant-baseline","middle").attr("font-size","11").attr("fill","#888") .attr("transform",i=>`translate(${mat_margin.left/2+4},${mat_y(i)+mat_y.bandwidth()/2-2}) rotate(-90)`) .text(i=>`${dims.topmc[i]}%`); svg_mat.append("text") .attr("text-anchor","middle").attr("dominant-baseline","middle").attr("font-size","11").attr("fill","#444") .attr("transform",`translate(${16},${height/2+mat_margin.top/2-mat_margin.bottom/2}) rotate(-90)`) .text("일별 시가총액 상위 (%)"); const topret_slider = d3_slider.sliderTop() .min(0).max(dims.topret.length-1).step(1) .tickFormat(_=>'') .width(mat_width-mat_margin.left-mat_x.bandwidth()) .value(0) .fill("#eee") .on("onchange", (e) => { update(dims.topmc.length-1-topmc_slider.value(),topret_slider.value()); }); svg_mat.append("g") .attr("class","topmc_slider") .attr("transform",`translate(${mat_margin.left+mat_x.bandwidth()/2},${mat_margin.top-5})`) .call(topret_slider); svg_mat.append("g").selectAll("text") .data(d3.range(dims.topmc.length)) .join("text") .attr("text-anchor","middle").attr("dominant-baseline","middle").attr("font-size","11").attr("fill","#888") .attr("transform",i=>`translate(${mat_x(i)+mat_x.bandwidth()/2+2},${mat_margin.top/2+2})`) .text(i=>`${dims.topret[i]}%`); svg_mat.append("text") .attr("text-anchor","middle").attr("dominant-baseline","middle").attr("font-size","11").attr("fill","#444") .attr("transform",`translate(${mat_width/2+mat_margin.left/2-mat_margin.right/2},${14})`) .text("일별 수익률 상위 (%)"); svg_mat.append("g").selectAll("rect") .data(h12m_list) .join("rect") .attr("x",d=>mat_x(d.ic)+1).attr("y",d=>mat_y(d.ir)+1) .attr("width",mat_x.bandwidth()-1).attr("height",mat_y.bandwidth()-1) .attr("fill",d=>d3.interpolateTurbo(d.nkc)) .append("title").text((d,i) =>`μ=${d.mu.toFixed(3)}\nσ=${d.sigma.toFixed(3)}\nKC=${d.kc.toFixed(3)}`); const g_box = svg_mat.append("rect") .attr("stroke","purple").attr("stroke-width",4).attr("fill","none") .attr("width",mat_x.bandwidth()).attr("height",mat_y.bandwidth()) .attr("visibility","hidden"); function ramp(color, n) { const canvas = DOM.canvas(n, 1); const context = canvas.getContext("2d"); canvas.style.margin = "0 -14px"; canvas.style.width = "calc(100% + 28px)"; canvas.style.height = "40px"; canvas.style.imageRendering = "-moz-crisp-edges"; canvas.style.imageRendering = "pixelated"; for (let i = 0; i < n; ++i) { context.fillStyle = color(i / (n - 1)); context.fillRect(i, 0, 1, 1); } return canvas; } svg_kc.append("image") .attr("transform",`translate(${0},${height-10}) rotate(-90)`) .attr("width", height/2-20) .attr("height", 20) .attr("preserveAspectRatio", "none") .attr("xlink:href", ramp(d3.interpolateTurbo,300).toDataURL()); svg_kc.append("text") .attr("text-anchor","middle").attr("dominant-baseline","auto").attr("font-size","10").attr("font-weight","bold").attr("fill",d3.interpolateTurbo(0)) .attr("x",kc_width/2-1).attr("y",height-1) .text(kc_ex[0].toFixed(2)); svg_kc.append("text") .attr("text-anchor","middle").attr("dominant-baseline","auto").attr("font-size","10").attr("font-weight","bold").attr("fill",d3.interpolateTurbo(1)) .attr("x",kc_width/2-1).attr("y",height/2+8) .text(kc_ex[1].toFixed(2)); svg_kc.append("text") .attr("text-anchor","middle").attr("dominant-baseline","auto").attr("font-size","10").attr("font-weight","bold").attr("fill","#444") .attr("x",kc_width/2-1).attr("y",height/2-4) .text("KC"); function update(ir,ic) { const item = h12m_data.mat[ir][ic]; g_box.attr("x",mat_x(ic)).attr("y",mat_y(ir)).attr("visibility","visible"); const div_diagram = d3.select("div.diagram"); div_diagram.selectAll("*").remove(); const diagram = mermaid`flowchart LR ds["KRX 1년 후 상대수익률 데이터셋\n(2018.05.16~2024.01.31;${h12m_data.ndays}일)"] mcfilt["일별 시가총액\n상위 ${dims.topmc[ir]}% 선별"] retfilt["일별 상대수익률\n상위 ${dims.topret[ic]}% 선별"] calc["μ,σ,KC계산"] mu(["μ=${item.mu.toFixed(3)}"]) sigma(["σ=${item.sigma.toFixed(3)}"]) KC(["KC=${item.kc.toFixed(2)}"]) ds--"${number_formatter.format(item.shape[0])} 레코드\n(${(item.shape[0]/h12m_data.ndays).toFixed(1)}/일)"-->mcfilt mcfilt--"${number_formatter.format(item.shape[1])} 레코드\n(${(item.shape[1]/h12m_data.ndays).toFixed(1)}/일)"-->retfilt retfilt--"${number_formatter.format(item.shape[2])} 레코드\n(${(item.shape[2]/h12m_data.ndays).toFixed(1)}/일)"--> calc calc-->mu calc-->sigma calc-->KC`; div_diagram.node().appendChild(diagram); const div_sclist = d3.select("div.sclist"); div_sclist.selectAll("*").remove(); const tbl = Inputs.table( item.sc_agg, { columns:['sc','sn','min','max','count'], header:{'sc':'종목코드','sn':'종목명','min':'최소','max':'최대','count':'횟수'}, format:{min:d=>`x${Math.exp(d).toFixed(2)}`,max:d=>`x${Math.exp(d).toFixed(2)}`}, width:{sc:50,min:40,max:40,count:35}, multiple:false, maxHeight:height, } ); div_sclist.node().appendChild(tbl); const h_y = d3.scaleLinear([0,d3.max(item.glob_hist)],[height-hist_margin.bottom,hist_margin.top]); function update_sc_bars() { const [ir,ic] = [dims.topmc.length-1-topmc_slider.value(), topret_slider.value()]; const item = h12m_data.mat[ir][ic]; g_sc_bars.selectAll("rect") .data(tbl.value && tbl.value.hasOwnProperty("sc") ? item.sc_hist[tbl.value.sc] : []) .join("rect") .attr("fill","yellow").attr("stroke",d3.color("yellow").darker()) .attr("x",d=>h_b(d[0])).attr("y",d=>h_y(d[1])) .attr("width",h_b.bandwidth()).attr("height",d=>h_y(0)-h_y(d[1])); } update_sc_bars(); tbl.addEventListener("input", (e) => { update_sc_bars(); }); g_hist_ay.transition().duration(1000).call(d3.axisLeft(h_y).tickFormat(d=>number_formatter.format(d))); g_bars.selectAll("rect") .data(item.glob_hist,(_,i)=>i) .join( enter => enter.append("rect") .attr("fill","skyblue").attr("stroke","steelblue").attr("fill-opacity",0.4) .attr("x",(d,i)=>h_b(i)).attr("y",d=>h_y(d)) .attr("width",d=>h_b.bandwidth()).attr("height",d=>h_y(0)-h_y(d)), update => update.transition().duration(1000) .attr("y",d=>h_y(d)) .attr("height",d=>h_y(0)-h_y(d)), exit => exit.remove() ); } const dom = html`

${svg_hist.node()}

${svg_mat.node()}

${svg_kc.node()}

`; yield dom; update(0,0); return Object.defineProperty( dom, "value", {get: () => h12m_data.mat[dims.topmc.length-1-topmc_slider.value()][topret_slider.value()]} ); }34:[{"id":"8fb3e850bb926d5dcb5e9f2dc5f8d837149c2f71456c3c10195273178cb95806fe8fa4243fea8e467c1dcb61b53b4a2300534470f5e7226d1b36cef0d1d860c7","href":"https://static.observableusercontent.com/files/8fb3e850bb926d5dcb5e9f2dc5f8d837149c2f71456c3c10195273178cb95806fe8fa4243fea8e467c1dcb61b53b4a2300534470f5e7226d1b36cef0d1d860c7","name":"krx_return_heatmap_holding_12m_20180516_20250131.json","type":"application/json","lastModified":1739011090213.697,"size":1341283},{"id":"815ab184eb604231315d829e69c264f6f2ba7e8e907d0d86d0e444e73c3e35b4bcf3ff470d011a5723f2c3adb223dfb8ccaef3bc91291c8a3e511f50ded2d28b","href":"https://static.observableusercontent.com/files/815ab184eb604231315d829e69c264f6f2ba7e8e907d0d86d0e444e73c3e35b4bcf3ff470d011a5723f2c3adb223dfb8ccaef3bc91291c8a3e511f50ded2d28b","name":"image.png","type":"image/png","lastModified":1739359059189.582,"size":11314}] 31:{"id":"15f6a0f29ea64f90","slug":"2025-krx-portfolio-variables-part-1","title":"호기심 해결 in 주식시장KRX 포트폴리오 구성의 변수들 #1: 시총 상위 몇%까지 담을까?","thumbnail":"051093170d0d454e1dd1b4a2d34d1545dc612846ccd3928dfcd7daf68339608a","access_level":"public","create_time":"$D2025-02-08T10:33:45.792Z","update_time":"$D2025-03-09T08:40:57.547Z","view_time":null,"first_public_time":"$D2025-02-11T07:37:18.222Z","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":715,"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":"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":{"title":"호기심 해결 in 주식시장KRX 포트폴리오 구성의 변수들 #1: 시총 상위 몇%까지 담을까?","cells":[{"id":0,"value":"# 호기심 해결 in 주식시장
KRX 포트폴리오 구성의 변수들 #1: 시총 상위 몇%까지 담을까?\n\n* **KOSPI 200? KRX 100? S&P 500?** 시가총액을 기준으로 종목 묶음을 형성\n* **KRX 시가총액 상위 몇 %**를 기준으로 **투자의 후보집합**을 선정하는게 좋을까?","pinned":false,"hidden":false,"mode":"md","author":"$undefined","summary":"$undefined","output":"","database":"$undefined"},{"id":525,"value":"---\n## 사전 지식\n* 켈리 기준(Kelly Criterion)\n * 투자대상의 수익률의 분포에 대해 기하평균을 최대화하는 투자비율\n * 일반적으로 대수정규분포의 μ,σ값을 이용해 계산\n * 여기서는 변동성을 고려한 투자의 상대적 효율성 지표로 사용\n * KC 절대값보다는 상대적으로 더 큰 KC 값에 주목\n * 자세한 사항은 [개미투자공학 3장: 단일종목 켈리기준](https://observablehq.com/@humble-data-miner/personal-investment-engineering-ch-3) 참고","pinned":false,"hidden":false,"mode":"md","author":"$undefined","summary":"$undefined","output":"","database":"$undefined"},{"id":550,"value":"---\n## 수익률 분석표\n\n* 데이터 집합\n * 수집 기간: 2018년 5월 16일 ~ 2024년 1월 31일\n * 종목 집합: 일 평균 ${Math.round(h12m_list[0].shape[0]/h12m_data.ndays)}개의 종목\n * **KOSPI, KOSDAQ**에서 현재 상장 중인 종목들\n * **결산월 12월**이며 **온전한 재무정보**를 금감원에 제출한 종목들\n * 결과 수익률: 매 거래일마다 각 종목에 발생한 **1년후 상대 수익률**\n * 상대 수익률: 기준 지수값의 상승,하락을 반영한 추가적인 이익,손실\n* 변수\n * 일별 시가총액 상위(%): 10%,20%, ... ,100%\n * 일별 수익률 상위(%): 1%,2%, ... ,10%\n* 통합 수익률 지표\n * 켈리 기준 (KC): 최소값 ${kc_ex[0].toFixed(2)}, 최대값 ${kc_ex[1].toFixed(2)} 사이의 우선순위 비교","pinned":false,"hidden":false,"mode":"md","author":"$undefined","summary":"$undefined","output":"","database":"$undefined"},{"id":50,"value":"$33","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":601,"value":"

\n## 해석\n* (1년 보유) 포트폴리오의 변수들을 현실에 적용\n * 투자 후보 집합은 시총 상위 70%~90%에서 결정\n * 투자 포트폴리오는 적어도 30~50종목으로 구성 (대략 일별 수익률 상위 3%)\n* KRX의 전종목(시총 상위 100%)을 고려했을때 투자 효율이 떨어지는 이유\n * 시총이 매우 낮은 극소수의 종목들에서 단기간 극단적으로 높은 수익률\n * μ값 소폭 상승, σ값 상승 → KC 값의 하락\n * 수익률의 기대값은 비슷하지만 (더 벌거나 덜 버는) 편차가 커짐\n* 진흙탕 같은 KRX의 현실\n * 수익률 상위에 오른 종목들 중 기업 가치가 성장한 기업이 몇이나 되나?\n * 유행과 소문에 편승한 도박 같은 투자를 해야만 하나? ","pinned":false,"hidden":false,"mode":"md","author":"$undefined","summary":"$undefined","output":"","database":"$undefined"},{"id":635,"value":"---\n## 차례 (3부작 중 1부를 마치며)\n1. (시총 상위 %, 수익률 상위 %) → KC\n2. (시총 상위 %, 수익률 상위 %) → (KC, 주요 특성)\n3. (시총 상위 %, 수익률 상위 %, 보유 기간) → (KC, 주요 특성)","pinned":false,"hidden":false,"mode":"md","author":"$undefined","summary":"$undefined","output":"","database":"$undefined"},{"id":711,"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":14,"value":"raw_data = FileAttachment(\"krx_return_heatmap_holding_12m_20180516_20250131.json\").json({typed:true})","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":19,"value":"num_data = raw_data.num","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":27,"value":"h12m_data = num_data[12]","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":67,"value":"h12m_list = {\n \n const flat_list = h12m_data.mat.map((row,ir)=>row.map((item,ic)=>{ item[\"ir\"]=ir; item[\"ic\"]=ic; return item; })).flat();\n const [min_kc, max_kc] = [d3.min(flat_list,d=>d.kc),d3.max(flat_list,d=>d.kc)];\n flat_list.forEach(item=>{\n item[\"nkc\"] = (item.kc-min_kc)/(max_kc-min_kc);\n item[\"sc_agg\"].forEach(d=>{d[\"sn\"] = sc_sn_map[d.sc];});\n });\n return flat_list;\n}","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":384,"value":"kc_ex = [d3.min(h12m_list,d=>d.kc),d3.max(h12m_list,d=>d.kc)]","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":31,"value":"dims = num_data.dim","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":22,"value":"sc_sn_map = raw_data.names","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":7,"value":"d3_slider=require(\"d3-simple-slider\")","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":102,"value":"number_formatter = Intl.NumberFormat('en', { notation: 'compact' });","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":10,"value":"html`\n`","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"}],"files":"$W34","stdlib":"1","titling":"auto"}} 32:"$31:body"