2e:null 2f:["$","title",null,{"children":"호기심 해결 in 주식시장:KRX 중요해진 이름값 | Humble Data Miner | Observable"}] 34:T5e2,

${md`## 기존 모델에 이름표 특성을 추가한다면? * 이름표(종목코드) 특성이 얼마나 다른 특성을 압도하는가? * 이름표(종목코드) 특성이 일부 다른 특성을 포함하는가? `}

특성그룹	세부특성	참고 사항
${make_svg_rect(10,"sc")} 종목코드 NEW	종목코드 (1)	범주형 자료
${make_svg_rect(10,"gc")} 그룹코드	그룹코드 (1)	범주형 자료
${make_svg_rect(10,"mkt")} 종목정보	거래소,시가총액 (2)	일부 범주형 자료
${make_svg_rect(10,"prc")} 가격변동	주,월,분기,반기 가격변동 (16)
${make_svg_rect(10,"ex")} 시장지표	환율,금리,에너지,금속 지표 (11)
${make_svg_rect(10,"fin")} 실적지표	시총대비 자본,부채,잉여금,매출,영업이익,영업현금흐름 (96)
${make_svg_rect(10,"ts")} 시점 정보	기준 이후 경과일, 최근 보고서 분기, 공시후 경과일 (3)

35:T2adf,chart = { const in_pad = 60; const cs = (width-in_pad*3)/4; const cm = {left:50,top:10,right:10,bottom:18}; const [w,h] = [width,cs*2+in_pad]; const svg = d3.create("svg").attr("viewBox", [0,0,w,h]); function make_dim(r1,c1,r2,c2) { let co = {x:c1*(cs+in_pad),y:r1*(cs+in_pad)}; co = Object.assign(co, {b:(r2+1)*(cs+in_pad)-in_pad,r:(c2+1)*(cs+in_pad)-in_pad}); co = Object.assign(co, {w:co.r-co.x,h:co.b-co.y}); return co; } const dims = [ make_dim(0,0,0,1), make_dim(0,2,0,3), make_dim(1,2,1,3), make_dim(1,1,1,1) ]; const gs = dims.map(dim=>{ const g = svg.append("g").attr("transform",`translate(${dim.x},${dim.y})`); g._dim = dim; return g; }); gs.forEach(g=>{ g.append("rect").attr("width",g._dim.w).attr("height",g._dim.h).attr("stroke","lightgrey").attr("fill","none"); g.g_h = g.append("g"); g.g_x = g.append("g").attr("transform",`translate(${0},${g._dim.h-cm.bottom})`); g.g_y = g.append("g").attr("transform",`translate(${cm.left},${0})`); }); gs[3].g_pa = gs[3].append("g").attr("transform",`translate(${cs/2},${cs/2})`); gs[3].g_pt = gs[3].append("g").attr("transform",`translate(${cs/2},${cs/2})`); function append_label_x(g,dim,label) { g.append("text").attr("x",dim.w-cm.right).attr("y",dim.h-cm.bottom).attr("dy",-6) .attr("font-size","smaller").attr("text-anchor","end").text(label); } append_label_x(gs[0],dims[0],"SHAP value"); append_label_x(gs[1],dims[1],"|SHAP value|"); append_label_x(gs[2],dims[2],"IMPACT = mean(|SHAP value|)"); svg.append("defs").append("marker") .attr("id", "arrowhead") .attr("viewBox", "0 -5 10 10") // Coordinates for the arrowhead .attr("refX", 0) // Adjust to fit line width or node radius .attr("refY", 0) .attr("markerWidth", 6) .attr("markerHeight", 6) .attr("orient", "auto") .append("path") .attr("d", "M0,-5L10,0L0,5") // Path of the triangle .attr("fill", "black"); // Color of the arrow function draw_arrow(g,sp,ep,use_marker=true) { const path = g.append("path") .attr("d", `M ${sp[0]} ${sp[1]} L ${ep[0]} ${ep[1]}`) .attr("fill","none").attr("stroke","black").attr("stroke-width",2); if(use_marker) path.attr("marker-end", "url(#arrowhead)"); } const g_func_abs = svg.append("g").attr("transform",`translate(${(dims[1].x+dims[0].r)/2},${(dims[0].y+dims[0].b)/2})`); draw_arrow(g_func_abs,[-30,0],[20,0]); const g_func_mean = svg.append("g").attr("transform",`translate(${(dims[1].x+dims[1].r)/2},${(dims[2].y+dims[1].b)/2})`); draw_arrow(g_func_mean,[0,-30],[0,20]); const g_func_pct = svg.append("g").attr("transform",`translate(${(dims[1].x+dims[0].r)/2},${(dims[3].y+dims[3].b)/2})`); draw_arrow(g_func_pct,[30,0],[-20,0]); function draw_circle(g,text,fs,dy=4) { const g_sym = g.append("g"); g_sym.append("circle").attr("r",16).attr("fill","white").attr("stroke","black").attr("stroke-width",2); g_sym.append("text") .attr("dy",dy).attr("font-size",fs).attr("font-weight","bold") .attr("text-anchor","middle").attr("dominant-baseline","middle").text(text); return g_sym; } draw_circle(g_func_abs, "|x|",20,0); draw_circle(g_func_mean, "x̄",30,3); draw_circle(g_func_pct, "%",26,2); function update(di) { const data = num[di]; const x0 = d3.scaleLinear().domain(ext.hist.b).range([cm.left, gs[0]._dim.w-cm.right]); const yb0 = d3.scaleBand().domain(data.map(d=>d.nm)).range([cm.top,gs[0]._dim.h-cm.bottom]); const yh0 = d3.scaleLinear().domain(ext.hist.c).range([yb0.bandwidth(),0]); gs[0].g_x.call(d3.axisBottom(x0)); gs[0].g_y.transition().duration(anim_step_ms).call(d3.axisLeft(yb0).tickFormat(d=>fg[d].nm)); gs[0].g_h.selectAll("g") .data(data,d=>d.nm) .join( enter=>{ const g = enter.append("g").attr("transform",d=>`translate(${0},${yb0(d.nm)})`); g.each(function(p, pi) { d3.select(this).selectAll("rect") .data(p.h) .join("rect") .attr("stroke",fg[p.nm].color.darker()).attr("fill",fg[p.nm].color) .attr("x",d=>x0(d.b1)).attr("y",d=>yh0(d.c)).attr("width",d=>x0(d.b2)-x0(d.b1)).attr("height",d=>yh0(0)-yh0(d.c)) .append("title").text(d=>`${fg[p.nm].nm}\nbin=[${d.b1.toFixed(4)},${d.b2.toFixed(4)}]\ncount=${d.c}`); }); }, update=>{ update.transition().duration(anim_step_ms).attr("transform",d=>`translate(${0},${yb0(d.nm)})`); update.each(function(p,pi){ d3.select(this).selectAll("rect") .data(p.h) .join("rect") .transition().duration(anim_step_ms) .attr("x",d=>x0(d.b1)).attr("y",d=>yh0(d.c)).attr("width",d=>x0(d.b2)-x0(d.b1)).attr("height",d=>yh0(0)-yh0(d.c)) .select("title").text(d=>`${fg[p.nm].nm}\nbin=[${d.b1.toFixed(4)},${d.b2.toFixed(4)}]\ncount=${d.c}`); }); }, exit=>exit.remove() ); const x1 = d3.scaleLinear().domain(ext.abs_hist.b).range([cm.left, gs[1]._dim.w-cm.right]); const yb1 = d3.scaleBand().domain(data.map(d=>d.nm)).range([cm.top,gs[1]._dim.h-cm.bottom]); const yh1 = d3.scaleLinear().domain(ext.abs_hist.c).range([yb1.bandwidth(),0]); gs[1].g_x.call(d3.axisBottom(x1)); gs[1].g_y.transition().duration(anim_step_ms).call(d3.axisLeft(yb1).tickFormat(d=>fg[d].nm)); gs[1].g_h.selectAll("g") .data(data,d=>d.nm) .join( enter=>{ const g = enter.append("g").attr("transform",d=>`translate(${0},${yb1(d.nm)})`); g.each(function(p, pi) { d3.select(this).selectAll("rect") .data(p.ah) .join("rect") .attr("stroke",fg[p.nm].color.darker()).attr("fill",fg[p.nm].color) .attr("x",d=>x1(d.b1)).attr("y",d=>yh1(d.c)).attr("width",d=>x1(d.b2)-x1(d.b1)).attr("height",d=>yh1(0)-yh1(d.c)) .append("title").text(d=>`${fg[p.nm].nm}\nbin=[${d.b1.toFixed(4)},${d.b2.toFixed(4)}]\ncount=${d.c}`); }); g.append("path") .attr("stroke",d=>fg[d.nm].color.brighter()).attr("stroke-width",2).attr("stroke-dasharray","4 4") .attr("d",d=>`M ${x1(d.am)} ${0} v ${yb1.bandwidth()}`); }, update=>{ update.transition().duration(anim_step_ms).attr("transform",d=>`translate(${0},${yb1(d.nm)})`); update.each(function(p,pi){ d3.select(this).selectAll("rect") .data(p.ah) .join("rect") .transition().duration(anim_step_ms) .attr("x",d=>x1(d.b1)).attr("y",d=>yh1(d.c)).attr("width",d=>x1(d.b2)-x1(d.b1)).attr("height",d=>yh1(0)-yh1(d.c)) .select("title").text(d=>`${fg[p.nm].nm}\nbin=[${d.b1.toFixed(4)},${d.b2.toFixed(4)}]\ncount=${d.c}`); }); update.select("path").transition().duration(anim_step_ms) .attr("d",d=>`M ${x1(d.am)} ${0} v ${yb1.bandwidth()}`); }, exit=>exit.remove() ); const x2 = d3.scaleLinear().domain(ext.abs_mean).range([cm.left, gs[2]._dim.w-cm.right]); const yb2 = d3.scaleBand().domain(data.map(d=>d.nm)).range([cm.top,gs[2]._dim.h-cm.bottom]).paddingInner(0.1).paddingOuter(0.1); gs[2].g_x.call(d3.axisBottom(x2)); gs[2].g_y.transition().duration(anim_step_ms).call(d3.axisLeft(yb2).tickFormat(d=>fg[d].nm)); gs[2].g_h.selectAll("g") .data(data,d=>d.nm) .join( enter=>{ const g = enter.append("g").attr("transform",d=>`translate(${0},${yb2(d.nm)})`); g.append("rect") .attr("stroke",d=>fg[d.nm].color).attr("fill",d=>fg[d.nm].color.brighter()) .attr("x",d=>x2(0)).attr("y",d=>0).attr("width",d=>x2(d.am)-x2(0)).attr("height",d=>yb2.bandwidth()) .append("title").text(d=>`${fg[d.nm].nm}\nmean(|SHAP value|)=${d.am.toFixed(3)}`); }, update=>{ update.transition().duration(anim_step_ms).attr("transform",d=>`translate(${0},${yb2(d.nm)})`); update.select("rect") .transition().duration(anim_step_ms) .attr("x",d=>x2(0)).attr("y",d=>0).attr("width",d=>x2(d.am)-x2(0)).attr("height",d=>yb2.bandwidth()) .select("title").text(d=>`${fg[d.nm].nm}\nmean(|SHAP value|)=${d.am.toFixed(3)}}`); }, exit=>exit.remove() ); const sum_am = d3.sum(data,d=>d.am); const pie = d3.pie().sort(null).value(d=>d.v); const pie_items = pie(data.map(d=>({nm:d.nm,v:d.am,pct:(d.am/sum_am)*100}))); const arc = d3.arc().innerRadius(cs/5).outerRadius(cs/2*0.9); function arcTween(a) { const i = d3.interpolate(this._current, a); this._current = i(0); return (t) => arc(i(t)); } function arcTweenPosX(a) { const i = d3.interpolate(this._current, a); this._current = i(0); return (t) => arc.centroid(i(t))[0]; } function arcTweenPosY(a) { const i = d3.interpolate(this._current, a); this._current = i(0); return (t) => arc.centroid(i(t))[1]; } function textTween(a) { const i = d3.interpolate(this._current, a); this._current = i(0); return (t) => `${(Math.round(i(t).data.pct*10)/10).toFixed(1)}%`; } gs[3].g_pa.selectAll("path") .data(pie_items,d=>d.data.nm) .join( enter => { enter.append("path") .attr("fill",d=>fg[d.data.nm].color.brighter()).attr("stroke",d=>fg[d.data.nm].color) .attr("d",arc) .each(function(d) { this._current = d; d3.select(this).append("title").text(`${fg[d.data.nm].nm}(${d.data.pct.toFixed(1)}%)`) }); }, update => { update.transition().duration(anim_step_ms).attrTween("d",arcTween) update.each(function(d) {d3.select(this).select("title").text(d=>`${fg[d.data.nm].nm}(${d.data.pct.toFixed(1)}%)`);}); }, exit => exit.remove() ); gs[3].g_pt.attr("fill","white").attr("stroke",d3.color("grey").darker()).attr("paint-order","stroke") .attr("font-size","small").attr("text-anchor","middle").selectAll("text") .data(pie_items,d=>d.data.nm) .join(enter=>{ enter.append("text") .attr("dominant-baseline",d=>d.index==pie_items.length-1? "auto": d.index==pie_items.length-2?"hanging": d.index==pie_items.length-3?"auto":"middle") .attr("x",d=>arc.centroid(d)[0]).attr("y",d=>arc.centroid(d)[1]).attr("dy",-2) .text((d,i)=>`${d.data.pct.toFixed(1)}%`) .each(function(d) { this._current = d;}); },update=>{ update .transition().duration(anim_step_ms) .attrTween("x",arcTweenPosX).attrTween("y",arcTweenPosY) .textTween(textTween); }, exit=>{exit.remove();} ); } return Object.assign(svg.node(),{update:update}); }36:[{"id":"c338f40ffa02c0fa5d1111cb2d867cd7feec384b1984a6fb533c1bf9a276ba5355cf0f1d0001811a1b46808862a2b88870ec99f912a4e96a9cbf60b4e845031a","href":"https://static.observableusercontent.com/files/c338f40ffa02c0fa5d1111cb2d867cd7feec384b1984a6fb533c1bf9a276ba5355cf0f1d0001811a1b46808862a2b88870ec99f912a4e96a9cbf60b4e845031a","name":"krx_shap_values_group_by_sc_gc_mkt_prc_ex_fin_ts_from_2018-04-02_to_2026-04-03.json","type":"application/json","lastModified":1783361820947.717,"size":65728}] 32:{"id":"a7d7369221c87703","slug":"name-value-is-most-important-in-krx-2026","title":"호기심 해결 in 주식시장:KRX 중요해진 이름값","thumbnail":"2efca6b6b83a937c3671dd4d8f213042e27f90f0fec7cdb334f7698a002c9ec1","access_level":"public","create_time":"$D2026-07-05T17:45:35.406Z","update_time":"$D2026-07-07T13:21:10.298Z","view_time":null,"first_public_time":"$D2026-07-06T19:51:34.747Z","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":604,"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 중요해진 이름값","cells":[{"id":0,"value":"# 호기심 해결 in 주식시장:
KRX 중요해진 이름값","pinned":false,"hidden":false,"mode":"md","author":"$undefined","summary":"$undefined","output":"","database":"$undefined"},{"id":304,"value":"---\n## 근 1년간 급변한 주식시장 체감\n* (이전) 블라인드 테스트로 충분하다 생각\n * 주종(종목그룹)과 맛(시총대비 실적)만으로도 충분하지 않나? \n* (최근) 브랜드가 무척 중요하게 작용하는듯한 시황\n * 소위 명품 종목들로 투자자들이 쏠리는것 같은데?","pinned":false,"hidden":false,"mode":"md","author":"$undefined","summary":"$undefined","output":"","database":"$undefined"},{"id":325,"value":"$34","pinned":false,"hidden":false,"mode":"html","author":"$undefined","summary":"$undefined","output":"","database":"$undefined"},{"id":389,"value":"

\n## 사전 지식\n* SHAP value: 한 입력 특성의 출력 기여도\n * Shapley value의 머신러닝 버전\n * 대체로 boosted decision trees상의 Tree SHAP을 계산\n * 한정된 계산자원에서 안정된 결과를 내기 위함","pinned":false,"hidden":false,"mode":"md","author":"$undefined","summary":"$undefined","output":"","database":"$undefined"},{"id":408,"value":"

\n## 계산 과정\n${mermaid`flowchart LR\nDS[(\"데이터셋\\n[입력]특성:130차원\\n[연간]레코드:500k\\n-----\\n(*결과=3개월 보유후 매도\\n지수대비 로그수익률)\")]\nM[\"[SHAP value 계산용] 미리 학습한 모델 \\n-----\\ngradient boosted decision trees\\n(depth=10,trees=400)\"]\nSV_GRP[\"SHAP value 그룹화\"]\nR[(\"특성그룹별 SHAP value 결과\\n특성그룹:7차원\\n레코드:500k\")]\nDS--\"입력 데이터\\n130×500k\"-->M--\"SHAP value\\n130×500k\"-->SV_GRP--\"SHAP value\\n7×500k\"-->R\n`}","pinned":false,"hidden":false,"mode":"md","author":"$undefined","summary":"$undefined","output":"","database":"$undefined"},{"id":503,"value":"

\n## SHAP value 계산 결과","pinned":false,"hidden":false,"mode":"md","author":"$undefined","summary":"$undefined","output":"","database":"$undefined"},{"id":152,"value":"viewof dur_i = {\n const height = 55;\n const sl_dur = d3_slider.sliderBottom()\n .max(num.length-1).step(1).value(num.length-1)\n .ticks(num.length)\n .width(width-150)\n .tickFormat(i=>`${dates[i][0].toISOString().split('T')[0]} ~ ${dates[i][1].toISOString().split('T')[0]}`)\n .on(\"onchange\", () => svg.dispatch(\"input\"));\n const svg = d3.create(\"svg\")\n .attr(\"viewBox\", [0, 0, width, height])\n .attr(\"width\", width)\n .attr(\"height\", height);\n const g_sl_dur = svg.append(\"g\")\n .attr(\"class\",\"thresfear\")\n .attr(\"transform\",`translate(70,20)`)\n .call(sl_dur);\n \n return Object.defineProperty(\n svg.node(), \n \"value\", \n {get: () => sl_dur.value()}\n );\n}","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":43,"value":"$35","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":506,"value":"---\n## 해석\n* ${make_svg_rect(10,\"sc\")} ${fg.sc.nm} **\"근 1년간 역대급 영향력, 명품 브랜드의 시대?\"**\n * 종목코드 자체가 내포하는 다른 정보들\n * ${make_svg_rect(10,\"mkt\")} 종목정보, ${make_svg_rect(10,\"gc\")} 그룹코드, 부분적으로 ${make_svg_rect(8,\"fin\")} 실적지표\n* ${make_svg_rect(10,\"prc\")} ${fg.prc.nm} **\"한결같은 영향력 No.2\"**\n * ${make_svg_rect(10,\"sc\")} ${fg.sc.nm}와 연관성이 적고 ${make_svg_rect(10,\"ex\")} ${fg.ex.nm}와 같은 외부효과에 둔감\n* ${make_svg_rect(10,\"ex\")} ${fg.ex.nm} **\"다 중요할 때가 있다\"**\n * 지난 1년은 상대적으로 중요할 때 ← mean(|SHAP value|)=0.044\n* ${make_svg_rect(10,\"ts\")} ${fg.ts.nm} **\"1년안에서 상황이 급변했나?\"**\n * 변화무쌍한 한해에 중요도가 상승하는 경향, e.g. 2020년 코로나 상황\n* ${make_svg_rect(10,\"fin\")} ${fg.fin.nm} **\"종목코드에 반쯤 먹힌 지표\"**\n * 인기 종목 ⇒ 좋은 실적 그러나 좋은 실적 ⇏ 인기 종목\n * 실적지표가 종목코드보다 변별력이 많이 낮다는 사실이 아쉽다\n* ${make_svg_rect(10,\"gc\")} ${fg.gc.nm}, ${make_svg_rect(10,\"mkt\")} ${fg.mkt.nm} **\"종목코드에 완전 잠식\"**\n * 종목코드의 하위개념에 가깝기 때문에 이것은 그럴만하다","pinned":false,"hidden":false,"mode":"md","author":"$undefined","summary":"$undefined","output":"","database":"$undefined"},{"id":580,"value":"

\n# 혼탁한 시대, 반드시 종목코드도 학습하자","pinned":false,"hidden":false,"mode":"md","author":"$undefined","summary":"$undefined","output":"","database":"$undefined"},{"id":600,"value":"---\n## 부연설명 동영상\n\n","pinned":false,"hidden":false,"mode":"md","author":"$undefined","summary":"$undefined","output":"","database":"$undefined"},{"id":7,"value":"---\n## Appendix","pinned":false,"hidden":false,"mode":"md","author":"$undefined","summary":"$undefined","output":"","database":"$undefined"},{"id":69,"value":"anim_step_ms = 1000","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":16,"value":"raw_data_desc = FileAttachment(\"krx_shap_values_group_by_sc_gc_mkt_prc_ex_fin_ts_from_2018-04-02_to_2026-04-03.json\").json({typed:true})","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":201,"value":"raw_data = raw_data_desc.toReversed()","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":21,"value":"dates = raw_data.map(d=>[new Date(d.d[0]),new Date(d.d[1])])","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":24,"value":"num = {\n const num = raw_data.map(d=>d.num);\n function hist_to_rects(hist) {\n const [c,b] = hist;\n return d3.range(c.length).map(i=>({b1:b[i],b2:b[i+1],c:c[i]}));\n }\n num.forEach(dur=>{\n dur.forEach(d=>{\n d.h = hist_to_rects(d.hist);\n d.ah = hist_to_rects(d.abs_hist);\n d.am = d.abs_mean;\n });\n });\n return num;\n}","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":28,"value":"ext = {\n return {\n hist: {\n b:d3.extent(num.map(d=>d.map(item=>item.hist[1])).flat(Infinity)),\n c:[0,d3.max(num.map(d=>d.map(item=>item.hist[0])).flat(Infinity))]\n },\n abs_hist: {\n b:[0,d3.max(num.map(d=>d.map(item=>item.abs_hist[1])).flat(Infinity))],\n c:[0,d3.max(num.map(d=>d.map(item=>item.abs_hist[0])).flat(Infinity))]\n },\n abs_mean: [0, d3.max(num.map(d=>d.map(item=>item.abs_mean)).flat(Infinity))],\n }\n}","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":37,"value":"fg = {\n const fg = [\n [\"sc\",{nm:\"종목코드\"}],\n [\"gc\",{nm:\"그룹코드\"}],\n [\"prc\",{nm:\"가격변동\"}],\n [\"ex\",{nm:\"시장지표\"}],\n [\"fin\",{nm:\"실적지표\"}],\n [\"ts\",{nm:\"시점정보\"}],\n [\"mkt\",{nm:\"종목정보\"}],\n ];\n\n fg.forEach((d,i)=>{d[1].color = d3.color(d3.schemeTableau10[i])});\n return Object.fromEntries(fg);\n}","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":9,"value":"","pinned":false,"hidden":false,"mode":"html","author":"$undefined","summary":"$undefined","output":"","database":"$undefined"},{"id":149,"value":"d3_slider = require(\"d3-simple-slider\")","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":357,"value":"function make_svg_rect(sz,nm) {\n const svg = d3.create(\"svg\").attr(\"height\",sz).attr(\"width\",sz).attr(\"viewBox\", [0,0,sz,sz]);\n svg.append(\"rect\").attr(\"width\",sz).attr(\"height\",sz).attr(\"fill\",fg[nm].color);\n return svg.node();\n}","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":226,"value":"chart.update(dur_i)","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"}],"files":"$W36","stdlib":"1","titling":"auto"}} 33:"$32:body"