2d:null 2e:["$","title",null,{"children":"호기심 해결 in 주식시장: KRX 주가지수 다시보기 (업데이트: 2026-01-19) | Humble Data Miner | Observable"}] 33:Ta38,{ const title = md`--- ## 사전 지식`; const items = md` 1. 시총합산 주가지수(cap-weighted index) * 계산식: ${tex`\frac{계산\ 시점\ t_n의\ 시총\ 합계}{계산\ 시작일\ t_0의\ 시총\ 합계} \times 100`} * 시총이 큰 종목이 지수에 큰 비중 (시총가중 지수라고도 불리는 이유) * 종목간 내부거래(transfer)만으로는 지수의 변경 없음 * 외부 자금이 유입,유출량 만큼 지수가 상승,하락 2. 균등평균 주가지수(equal-weighted index) * 계산식: ${tex`\frac{계산\ 시점\ t_n에\ 변경된\ 종목\ 평균\ 가격}{계산\ 시작일\ t_0에\ 종목을\ 1만큼\ 보유시\ 종목\ 평균\ 가격} \times 100`} * 시총과 무관하게 종목당 균등한 비중 (동일가중 지수라고도 불리는 이유) * 종목간 내부거래, 외부 자금 유출입 둘다 지수 변경 가능 * 종목의 시총과 해당 종목의 가격변동폭은 반비례 * 종목의 가격변동에 대해 소형주는 영향이 크고 대형주는 영향이 작다`; const svg = d3.create("svg").attr("viewBox", [0,0,width*0.49,grid.height()]); //const g_guidelines = draw_guidelines(svg,grid); const g_ticks = svg.append("g"); const g_containers = svg.append("g"); const cs = grid.cellsize(); function draw_container(g,bx,label) { g.append("path") .attr("fill","none").attr("stroke","black") .attr("d",`M ${bx.x-cs/3} ${bx.y} h ${cs/3} v ${bx.h} h ${bx.w} v ${-bx.h} h ${cs/3}`); g.append("text") .attr("text-anchor","middle").attr("dominant-baseline","middle").style("font-size","smaller") .attr("x",bx.x+bx.w/2).attr("y",bx.y+bx.h).attr("dy",cs/2) .text(label); } draw_container(g_containers, box([0,3],[9,8]), "대형주 (너비 5칸)"); draw_container(g_containers, box([0,11],[9,11]), "소형주 (너비 1칸)"); d3.range(1,9+1).forEach(ri=>{ const bx = box([ri,2],[ri,12]); g_ticks.append("path").attr("fill","none").attr("stroke","lightgrey").attr("d",`M ${bx.x} ${bx.y} h ${bx.w}`); g_ticks.append("text") .attr("fill","lightgrey") .attr("text-anchor","end").attr("dominant-baseline","middle") .attr("x",bx.x).attr("y",bx.y).text(10-ri); g_ticks.append("text") .attr("text-anchor","start").attr("dominant-baseline","middle").attr("fill","lightgrey") .attr("x",bx.x+bx.w).attr("y",bx.y).text(10-ri); }) return html`

${title}

${items}

${svg.node()}

`; }34:T4c7,{ const sorted_data = comp_info_list.toSorted((a,b)=>d3.ascending(a.rank,b.rank)); const title = md`--- ## 주가지수 목록`; const table = html` ${sorted_data.map(d=>html` `)}

이름	표준 여부	계산 시작일	계산 방법	코스피 종목	코스닥 종목	시총 상위(%이내 종목)
${html`${make_svg_color_rect(d.c)} ${d.name.toUpperCase()}`}	${d.custom?"커스텀":"표준"}	${d.startdate}	${d.method=="cw"?"시총합산":"균등평균"}	${d.kospi?"포함":""}	${d.kosdaq?"포함":""}	${d.topcapp}%

`; return html` ${title} ${table} `; }35:T1ed5,{ const tdata = track_data; 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:70,top:20,right:120,bottom:20}; const svg = d3.create("svg").attr("viewBox", [0,0,width,height]); const tx = d3.scaleTime().domain(ext.date).range([tm.left,width-tm.right]); const ty = d3.scaleLinear().domain(ext.norm).range([th-tm.bottom,tm.top]); const years = d3.range(ext.year[0],ext.year[1]+1); let curr_ti = years.length-1; const g_track = svg.append("g"); const g_tlines = g_track.append("g"); const g_tdots = tdata.map(_=>g_track.append("g")); const g_tbtns = years.map((year,i)=>{ const bw = (width-tm.left-tm.right)/years.length; const bin = [new Date(`${year}-01-01`), new Date(`${year}-12-31`)]; return g_track.append("rect") .attr("transform",`translate(${tx(bin[0])},${tm.top})`) .attr("width",tx(bin[1])-tx(bin[0])).attr("height",th-tm.top-tm.bottom) .attr("stroke","grey").attr("fill","lightgrey").attr("opacity",0.5) .on("click",_=>{ curr_ti = i; update_track(); }); }); const g_yrs = years.map((year,i)=>{ const bw = (width-tm.left-tm.right)/years.length; const bin = [new Date(`${year}-01-01`), new Date(`${year}-12-31`)]; return g_track.append("text") .attr("text-anchor","middle").attr("fill","grey").attr("font-size","smaller") .attr("x",tx(bin[0])+(tx(bin[1])-tx(bin[0]))/2).attr("y",th-tm.top-tm.bottom) .text(year); }) function update_track() { const tline = d3.line().x((d,i)=>tx(dates[d.di])).y(d=>ty(d.v)); g_tlines.selectAll("path") .data(tdata) .join("path") .attr("fill","none").attr("stroke",(d,i)=>comp_info_list[i].c).attr("stroke-width",1) .transition().duration(anim_step_ms) .attr("d", d=>tline(d)); g_tdots.map((g,gi)=>{ g.selectAll("circle") .data(tdata[gi]) .join( enter=>enter.append("circle") .attr("r",2) .attr("fill",comp_info_list[gi].c) .attr("stroke","none") .attr("cx",(d,di)=>tx(dates[d.di])) .attr("cy",(d,di)=>ty(d.v)), update=>update .transition().duration(anim_step_ms) .attr("cx",(d,di)=>tx(dates[d.di])) .attr("cy",(d,di)=>ty(d.v)), exit=>exit.remove() ); }); g_tbtns.forEach((g,i)=>{ g.attr("fill",curr_ti==i?"none":"lightgrey"); }); update_plot(); } const py = d3.scaleLinear().domain(ext.norm).range([height-pm.bottom,th+pm.top]); const py_kospi = d3.scaleLinear().domain(ext.kospi).range([height-pm.bottom,th+pm.top]); const py_kosdaq = d3.scaleLinear().domain(ext.kosdaq).range([height-pm.bottom,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)); svg.append("g").attr("transform",`translate(${pm.left-30},0)`).call(d3.axisLeft(py_kosdaq)); svg.append("g").attr("transform",`translate(${width-pm.right},0)`).call(d3.axisRight(py)); svg.append("g").attr("transform",`translate(${width-pm.right+30},0)`).call(d3.axisRight(py_kospi)); const g_line = svg.append("g"); const g_dot = svg.append("g"); const g_label = svg.append("g"); function update_plot() { const yr = curr_ti+ext.year[0]; const px = d3.scaleTime() .domain([new Date(`${yr}-01-01`),new Date(`${yr}-12-31`)]) .range([pm.left,width-pm.right]); const tick_vals = d3.range(1,12+1).map(m=>new Date(yr,m-1,2)); g_px.transition().duration(anim_step_ms) .call(d3.axisBottom(px).tickValues(tick_vals).tickFormat(d=>d.toISOString().split('T')[0])); const data_rng = [year_sp_list[curr_ti]+1,year_sp_list[curr_ti+1]]; const part_norm = norm.map(d=>d.slice(data_rng[0],data_rng[1]+1)); const line_norm = d3.line().x((d,i)=>px(dates[d.di])).y(d=>py(d.v)); g_line.selectAll("path") .data(part_norm) .join("path") .transition().duration(anim_step_ms) .attr("fill","none").attr("stroke",(_,i)=>comp_info_list[i].c) .attr("stroke-width",2) .attr("d",d=>line_norm(d)); const dots = g_dot.selectAll("circle") .data(part_norm.flat(Infinity)) .join("circle") .attr("cx",d=>px(dates[d.di])) .attr("cy",d=>py(d.v)) .attr("r",0) .transition().delay(anim_step_ms).duration(anim_step_ms) .attr("r",3) .attr("fill",d=>comp_info_list[d.ci].c) .attr("stroke","lightgrey"); g_dot.selectAll("circle").call( node=>{ node.selectChildren().remove(); node.append("title") .text(d=>`${disp_list[d.ci].toUpperCase()} @ ${dates[d.di].toISOString().split('T')[0]} = ${d.v} (KOSPI기준: ${d.v_kospi})`); } ); const label_ts = 14; const label_offset = 60; const box_size = 50; const label_line_x = width-pm.right+30; const label_box_x = label_line_x+label_offset; const labels = part_norm.map(d=>d[d.length-1]) .map(d=>({x0:px(dates[d.di]),y0:py(d.v),gi:d.ci})); 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(${label_box_x},${d.y})`), update=>update .transition().duration(anim_step_ms) .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=>comp_info_list[d.gi].c).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","grey") .style("pointer-events", "none") .text(d=>disp_list[d.gi].toUpperCase()); g_label.selectAll("path") .data(labels) .join( enter => enter.append("path") .attr("stroke",d=>comp_info_list[d.gi].c).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 .style("opacity",0) .transition().duration(anim_step_ms) .style("opacity",1) .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_track(); return svg.node(); }36:T964,

## 개인적인 해석 (2025-01-02~2026-01-19) * 2025년 이전의 대략 10년간 국내 주식시장에서는 * 시총합계는 큰 변동 없음 (외부자금 유입,유출이 미미) * ${make_svg_color_rect_by_ci(6)} KOSDAQ 지수를 제외한 시총합계 방식의 지수들이 큰 변화 없음 * ${make_svg_color_rect_by_ci(5)} KOSPI 지수는 대체로 최하위권에 머무름 * 일부 중소형주 위주로 상승위주의 가격 변동 (내부거래로 인한 가격변동) * ${make_svg_color_rect_by_ci(7)} KOSUNI 지수는 대체적으로 상위에 머무름 * 2025년 6월부터 국내 주식시장에 시총합계가 지속적으로 상승 * 대형주 중심의 시총합계 증가 뚜렷 (외부자금의 꾸준한 유입) * ${make_svg_color_rect_by_ci(0)} KSW10P 지수의 가파른 상승 (2026-01-19에 KOSPI 기준 조정값 5,516) * 중소형주의 미미한 상승세 (외부자금의 약소한 유입 & 내부거래로 인한 유출) * ${make_svg_color_rect_by_ci(7)} KOSUNI 지수의 미미한 상승 (2026-01-19에 KOSPI 기준 조정값 3,406) * ${make_svg_color_rect_by_ci(6)} KOSDAQ 지수의 미미한 상승 (2026-01-19에 KOSPI 기준 조정값 3,369)

## 개인적인 의견 (2026-01-19 기준) * 2025년 사업보고서 공시 전까지는 소수 대형주가 시장을 견인할 것으로 추정 * 결산월이 12월인 법인의 사업보고서 제출기한은 2026년 3월 31일 * 몇몇 대형주로 쏠릴만한 분명한 상황 (실적,국제정세,수요 등등) * 추후 인기 대형주와 관련 중소형주의 간극이 좁혀지는게 이상적 * 관련 중소형주의 대외적인 홍보와 발표가 중요 * 나아진 실적과 그에 상응하는 추가적인 배당이 필요 * 여전히 산재한 여러가지 방해요소 * (지수추종)ETF 운용자산의 지속적 증가 → 대형주 위주의 끌려다니는 운용 * 합리적 가격 산정자는 점점 줄고 시류 추종자들은 늘어나는 상황 * 어떤 주가지수가 벤치마크 혹은 베이스라인으로 적절할까? * 2025년 6월을 전후로 * ${make_svg_color_rect_by_ci(7)} KOSUNI 지수와 ${make_svg_color_rect_by_ci(4)} KSW100P의 위치가 반전 * 시총합산지수와 균등평균지수의 평균값 정도가 적절하다고 생각37:[] 31:{"id":"5041c9eadacdcf21","slug":"krx-daily-composites","title":"호기심 해결 in 주식시장: KRX 주가지수 다시보기 (업데이트: 2026-01-19)","thumbnail":"7c83f86b2deaf8823234fae82d51e62431ee9d75b4b98d30961c7de9a5dddff9","access_level":"public","create_time":"$D2026-01-17T09:34:10.342Z","update_time":"$D2026-01-20T09:03:56.433Z","view_time":null,"first_public_time":"$D2026-01-19T21:53:01.012Z","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":524,"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 주가지수 다시보기 (업데이트: 2026-01-19)","cells":[{"id":0,"value":"# 호기심 해결 in 주식시장:
KRX 주가지수 다시보기 (업데이트: ${dates[dates.length-1].toISOString().split('T')[0]})\n## \"내 주식(포트폴리오)은 왜 KOSPI만큼 안 오를까?\" (2026-01-19)","pinned":false,"hidden":false,"mode":"md","author":"$undefined","summary":"$undefined","output":"","database":"$undefined"},{"id":271,"value":"$33","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":194,"value":"$34","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":251,"value":"---\n## 주가지수 라인차트 (${dates[0].toISOString().split('T')[0]} ~ ${dates[dates.length-1].toISOString().split('T')[0]})\n\n* 사용법\n 1. 상단 트랙에서 상세하게 보길 원하는 연도를 선택\n 2. 하단 라인차트 영역에 해당년도안에 발생한 ${disp_list.length}가지 지수의 일변화를 표시\n * 라인상의 각 점에 마우스 커서를 올리면 상세정보를 툴팁으로 표시 ","pinned":false,"hidden":false,"mode":"md","author":"$undefined","summary":"$undefined","output":"","database":"$undefined"},{"id":47,"value":"$35","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":391,"value":"$36","pinned":false,"hidden":false,"mode":"md","author":"$undefined","summary":"$undefined","output":"","database":"$undefined"},{"id":521,"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":96,"value":"anim_step_ms = 1000","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":21,"value":"raw_data = {\n function fetch_krx_composite() {\n const url = `https://www.humbledataminer.com/api/krx-composite`;\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 }\n return await fetch_krx_composite();\n}","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":25,"value":"dates = raw_data.daydate.map(d=>new Date(d))","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":29,"value":"norm = {\n const norm_data = disp_list.map((k,ki)=>\n raw_data[k].map((d,di)=>({\n di:di,\n ci:ki,\n v:k==\"kospi\"||k==\"kosdaq\" ? Math.round(d/raw_data[k][0]*10000)/100:d,\n }))\n );\n const kospi_base = raw_data[\"kospi\"][0];\n norm_data.forEach(cdata=>{\n cdata.forEach(d=>{d.v_kospi = Math.round(d.v*kospi_base)/100;});\n });\n return norm_data;\n}","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":40,"value":"ext = {\n const ext_norm = d3.extent(norm.flat(Infinity).map(d=>d.v));\n const ext_kospi = [ext_norm[0]*raw_data[\"kospi\"][0]/100,ext_norm[1]*raw_data[\"kospi\"][0]/100];\n const ext_kosdaq = [ext_norm[0]*raw_data[\"kosdaq\"][0]/100,ext_norm[1]*raw_data[\"kosdaq\"][0]/100];\n return {\n norm:ext_norm,\n kospi:ext_kospi,\n kosdaq:ext_kosdaq,\n date:[new Date(`${dates[0].getFullYear()}-01-01`), new Date(`${dates[dates.length-1].getFullYear()}-12-31`)],\n year:[dates[0].getFullYear(), dates[dates.length-1].getFullYear()]\n }\n}","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":31,"value":"disp_list = [\"ksw10p\",\"ksw20p\",\"ksw40p\",\"ksw60p\",\"ksw100p\",\"kospi\",\"kosdaq\",\"kosuni\"]","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":72,"value":"year_sp_list = {\n const list = Object.values(dates.reduce((acc,cur,i)=>{\n const y = cur.getFullYear();\n acc[y] = i;\n return acc;\n },{}));\n list.unshift(0);\n return list.toSorted((a,b)=>d3.ascending(a,b));\n}","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":79,"value":"track_data = {\n return norm.map(d=>year_sp_list.map(i=>d[i]));\n}","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":99,"value":"comp_info_list = {\n const predef_colors = {\n kospi:d3.schemeCategory10[0],\n kosdaq:d3.schemeCategory10[1],\n kosuni:d3.schemeCategory10[4],\n };\n return disp_list.map(d=>({\n c:predef_colors.hasOwnProperty(d)?\n d3.color(predef_colors[d]):\n d3.color(d3.interpolateRdYlGn(1-parseInt(d.replace(\"ksw\",\"\"))/100)),\n name:d,\n rank:d==\"kospi\"?1:d==\"kosdaq\"?2:d.startsWith(\"ksw\")?1000+parseInt(d.replace(\"ksw\",\"\")):9999,\n custom:d==\"kospi\"||d==\"kosdaq\"?false:true,\n method:d==\"kosuni\"?\"ew\":\"cw\",\n kospi: d==\"kosdaq\"?false:true,\n kosdaq: d==\"kospi\"?false:true,\n topcapp: d.startsWith(\"ksw\") ? parseInt(d.replace(\"ksw\",\"\")) : 100,\n startdate: d==\"kospi\"? \"1980년 1월 4일\" : d==\"kosdaq\"? \"1996년 7월 1일\" : \"2015년 1월 2일\",\n }));\n}","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":221,"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":400,"value":"function make_svg_color_rect_by_ci(ci) {\n return make_svg_color_rect(comp_info_list[ci].c);\n}","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":329,"value":"grid = mvp_grid(400,300,26)","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":344,"value":"box = mvp_box(grid)","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":11,"value":"import {fetchp} from '@tomlarkworthy/fetchp'","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":326,"value":"import {grid as mvp_grid, box as mvp_box, radar as mvp_radar, draw_guidelines} from \"@humble-data-miner/mod-mvp\"","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"}],"files":"$W37","stdlib":"1","titling":"auto"}} 32:"$31:body"