2d:null 2e:["$","title",null,{"children":"호기심 해결 in 주식시장: KRX 가격 연동 지도 | Humble Data Miner | Observable"}] 33:T1e71,map = { const height = 700; const svg = d3.create("svg").attr("viewBox", [0,0,width,height]); const data = label_data; const x = d3.scaleLinear().domain(ext.cx).range([pm.left,width-pm.right]); const y = d3.scaleLinear().domain(ext.cy).range([height-pm.bottom,pm.top]); svg.append("g").attr("transform",`translate(${0},${pm.top})`).call(d3.axisTop(x)); svg.append("g").attr("transform",`translate(${0},${height-pm.bottom})`).call(d3.axisBottom(x)); svg.append("g").attr("transform",`translate(${pm.left},${0})`).call(d3.axisLeft(y)); svg.append("g").attr("transform",`translate(${width-pm.right},${0})`).call(d3.axisRight(y)); let pen_mode = 'pen'; let hoverings = new Set(); let painted = new Set(); const g_btn_pen = svg.append("g").attr("transform",`translate(${width-pm.right-(pm.top+2)*2-pm.top/2},${pm.top/2})`); const g_btn_pen_bg = g_btn_pen.append("circle") .attr("r",pm.top/2-2).attr("fill","#333").attr("stroke","#333").attr("stroke-width",2) .on("click",_=>{ pen_mode = 'pen'; update_cursor(); }); const svg_btn_pen = d3.select(fa_pen).clone(true); svg_btn_pen .attr("transform",`translate(${-svg_btn_pen.attr("width")/2},${-svg_btn_pen.attr("height")/2})`) .select("path").attr("stroke","none").attr("fill","#eee").attr("pointer-events","none"); g_btn_pen.node().append(svg_btn_pen.node()); const g_btn_eraser = svg.append("g").attr("transform",`translate(${width-pm.right-(pm.top+2)*1-pm.top/2},${pm.top/2})`); const g_btn_eraser_bg = g_btn_eraser.append("circle") .attr("r",pm.top/2-2).attr("fill","#eee").attr("stroke","#333").attr("stroke-width",2) .on("click",_=>{ pen_mode = 'eraser'; update_cursor(); }); const svg_btn_eraser = d3.select(fa_eraser).clone(true); svg_btn_eraser .attr("transform",`translate(${-svg_btn_eraser.attr("width")/2},${-svg_btn_eraser.attr("height")/2})`) .select("path").attr("stroke","none").attr("fill","#333").attr("pointer-events","none"); g_btn_eraser.node().append(svg_btn_eraser.node()); const g_btn_trash_can = svg.append("g").attr("transform",`translate(${width-pm.right-pm.top/2},${pm.top/2})`); const g_btn_trash_can_bg = g_btn_trash_can.append("circle") .attr("r",pm.top/2-2).attr("opacity",0) .on("click",_=>{ label_data.forEach(d=>{d.lx=d.cx;d.ly=d.cy;}); painted.clear(); update(); }); const svg_btn_trash_can = d3.select(fa_trash_can).clone(true); svg_btn_trash_can .attr("transform",`translate(${-svg_btn_trash_can.attr("width")/2},${-svg_btn_trash_can.attr("height")/2})`) .select("path").attr("stroke","none").attr("fill","#333").attr("pointer-events","none"); g_btn_trash_can.node().append(svg_btn_trash_can.node()); const g_link = svg.append("g"); const g_dot = svg.append("g"); const g_text = svg.append("g"); const g_items = data.map(d=>{ const link = g_link.append("path") .attr("fill","none").attr("stroke","grey").attr("opacity",0.5) .attr("d",`M ${x(d.cx)} ${y(d.cy)} L ${x(d.lx)} ${y(d.ly)}`); const dot = g_dot.append("path") .attr("transform",`translate(${x(d.cx)},${y(d.cy)})`) .attr("d",d.grp.symbol(10*10)) .attr("fill",d.grp.color) .attr("stroke","grey"); dot.append("title").text(`${d.stockname}(${d.stockcode})`); const text = g_text.append("text") .attr("text-anchor","middle").attr("dominant-baseline","middle") .attr("font-size",12).attr("opacity",0.5) .attr("x",x(d.lx)).attr("y",y(d.ly)) .attr("pointer-events","none") .text(d.stockname); return {dot:dot,text:text,link:link}; }); const svg_defs = svg.append("defs"); svg_defs.append("defs") .append("clipPath") .attr("id", "clippath-pen") .append("rect").attr("x",pm.left).attr("y",pm.top).attr("width",width-pm.left-pm.right).attr("height",height-pm.top-pm.bottom); const pen_radius = 10; const g_pen = svg.append("circle") .attr("clip-path", "url(#clippath-pen)") .attr("r",pen_radius) .attr("fill","none").attr("stroke","black").attr("stroke-width",2); function update_cursor() { const is_pen = pen_mode=="pen"; g_pen.attr("stroke-dasharray",is_pen?"":"2 2"); g_btn_pen_bg.attr("fill",is_pen?"#333":"#eee"); svg_btn_pen.select("path").attr("fill",is_pen?"#eee":"#333"); g_btn_eraser_bg.attr("fill",is_pen?"#eee":"#333"); svg_btn_eraser.select("path").attr("fill",is_pen?"#333":"#eee"); } svg.on('mousemove', (event) => { const [cx,cy] = d3.pointer(event, event.currentTarget); g_pen.attr("cx",cx).attr("cy",cy); if(pen_mode=="pen") { const inside = new Set(data.filter(d=>Math.sqrt((x(d.cx)-cx)**2+(y(d.cy)-cy)**2)d.i)); hoverings = inside; update(); } }); const dragHandler = d3.drag() .on("start", dragStarted) .on("drag", dragged) .on("end", dragEnded); svg.call(dragHandler); function register_painted(e) { const [cx,cy] = [e.x, e.y]; g_pen.attr("cx",cx).attr("cy",cy); const inside = new Set(data.filter(d=>Math.sqrt((x(d.cx)-cx)**2+(y(d.cy)-cy)**2)d.i)); if(pen_mode=="pen") { painted = painted.union(inside); update(true); } else { painted = painted.difference(inside); update(); } } function dragStarted(event) { register_painted(event); } function dragged(event) { register_painted(event); } function dragEnded(event) {} function update(immediate=false) { const drawings = pinned.union(hoverings).union(painted); relabel([...drawings].map(i=>data[i])); g_items.forEach((item,i)=>{ const d = data[i]; const visible = drawings.has(i); item.dot .attr("pointer-events",visible?"auto":"none") .transition().duration(immediate?0:anim_step) .attr("fill",visible?d.grp.color:"none") .attr("stroke",pinned.has(i)?"black":"grey") .attr("stroke-opacity",visible?1:0.1); item.text.transition().duration(immediate?0:anim_step) .attr("opacity",visible?1:0) .attr("x",x(d.lx)).attr("y",y(d.ly)); item.link .transition().duration(immediate?0:anim_step) .attr("opacity",visible?0.8:0) .attr("d",`M ${x(d.cx)} ${y(d.cy)} L ${x(d.lx)} ${y(d.ly)}`); }); } update(); const g_group = svg.append("g").attr("transform",`translate(${pm.left+10},${pm.top+10})`); d3.interval(elapsed=>{ const candidates = pinned.union(hoverings).union(painted); const group_counts = Object.values([...candidates].map(i=>data[i]).reduce((acc,cur)=>{ if(!acc.hasOwnProperty(cur.groupcode)) acc[cur.groupcode] = {gc:cur.groupcode,gn:cur.groupname,cnt:0}; acc[cur.groupcode].cnt += 1; return acc; },{})).toSorted((a,b)=>d3.descending(a.cnt,b.cnt)); g_group.selectAll("g") .data(group_counts,d=>d.gc) .join( enter=> { const g = enter.append("g"); g.attr("transform",(d,i)=>`translate(${0},${i*14})`); g.append("path") .attr("d",d=>gc_grp_map[d.gc].symbol(8*8)) .attr("fill",d=>gc_grp_map[d.gc].color) .attr("stroke","none"); g.append("text") .attr("text-anchor","start").attr("dominant-baseline","middle") .attr("font-size",12) .attr("dx",10).attr("dy",2) .attr("pointer-events","none") .text(d=>`${d.gn} (${d.cnt})`); }, update=> { update.transition().duration(anim_step) .attr("transform",(d,i)=>`translate(${0},${i*14})`); update.select("text") .text(d=>`${d.gn} (${d.cnt})`); }, exit=> { exit.remove() } ); },anim_step*2); return Object.assign(svg.node(),{ update() { update(); } }); }34:Tf91,function relabel(data) { const [lw,lh] = [40,14]; const mg = pm; const pa = {x:width-mg.left-mg.right,y:height-mg.top-mg.bottom}; const bc = {x:Math.floor(pa.x/lw),y:Math.floor(pa.y/lh)}; const ct = {x:Math.floor(bc.x/2),y:Math.floor(bc.y/2)}; const bins = d3.range(bc.x).map(_=>d3.range(bc.y).map(_=>[])); data.forEach(d=>{ const dx = d.hasOwnProperty("lx") ? d.lx : d.cx; const dy = d.hasOwnProperty("ly") ? d.ly : d.cy; const x = Math.floor((dx-ext.cx[0])/(ext.cx[1]-ext.cx[0])*bc.x); const y = Math.floor((dy-ext.cy[0])/(ext.cy[1]-ext.cy[0])*bc.y); bins[x][y].push(d); }); function in_bound_x(x) { return 0<=x && x 1 && in_bound_x(tx) && in_bound_y(ty)) { ret = bins[x][y].pop(); bins[tx][ty].unshift(ret); } return ret; } function conv_to_dir(norm) { const dir = [norm.x>0?'E':norm.x<0?'W':'',norm.y>0?'N':norm.y<0?'S':'']; dir[0] = dir[0] ? dir[0] : dir[1]; dir[1] = dir[1] ? dir[1] : dir[0]; return dir; } function shift_center() { const dir = ['N','E','S','W']; while(bins[ct.x][ct.y].length > 1) { shift(dir[0], ct.x, ct.y); dir.push(dir.shift()); } } function shift_many(x,y) { if (!in_bound(x,y)) return; const bin = bins[x][y]; if (bin.length <= 1) return; const v = {x:x-ct.x,y:y-ct.y}; const len = {x:Math.abs(v.x),y:Math.abs(v.y)}; const norm = {x:len.x==0?0:(v.x/len.x),y:len.y==0?0:(v.y/len.y)}; if (!in_bound_x(x+norm.x) && !in_bound_y(y+norm.y)) return; const dir = conv_to_dir(norm); dir[0] = in_bound_x(x+norm.x) ? dir[0] : dir[1]; dir[1] = in_bound_y(y+norm.y) ? dir[1] : dir[0]; const rng = d3.randomInt(len.x+len.y); const mid = len.x/2 + (len.x+len.y)/4; while(bin.length > 1) { shift(dir[rng() 1) { shift(dir[0],x,y); dir.push(dir.shift()); } } shift_center(); const max_off = Math.max(ct.x,bc.x-ct.x,ct.y,bc.y-ct.y); d3.range(1,max_off+1).forEach(off=>{ const l = ct.x-off; if (l>=0) { shift_cross(l,ct.y); d3.range(ct.y+1,Math.min(bc.y,ct.y+off)).forEach(ty=>{ shift_many(l,ty); }); d3.range(ct.y-1,Math.max(-1,ct.y-off),-1).forEach(ty=>{ shift_many(l,ty); }); } const r = ct.x+off; if (r{ shift_many(r,ty); }); d3.range(ct.y-1,Math.max(-1,ct.y-off),-1).forEach(ty=>{ shift_many(r,ty); }); } const b = ct.y-off; if (b>=0) { shift_cross(ct.x,b); d3.range(ct.x+1,Math.min(bc.x,ct.x+off)).forEach(tx=>{ shift_many(tx,b); }); d3.range(ct.x-1,Math.max(-1,ct.x-off),-1).forEach(tx=>{ shift_many(tx,b); }); } const t = ct.y+off; if (t{ shift_many(tx,t); }); d3.range(ct.x-1,Math.max(-1,ct.x-off),-1).forEach(tx=>{ shift_many(tx,t); }); } shift_many(l,t); shift_many(l,b); shift_many(r,t); shift_many(r,b); }); bins.forEach((col,x)=>col.forEach((bin,y)=>{ const lx = ext.cx[0] + (ext.cx[1]-ext.cx[0])/bc.x*(x+0.5); const ly = ext.cy[0] + (ext.cy[1]-ext.cy[0])/bc.y*(y+(x%2==0?1/3:2/3)); bin.forEach(d=>{ d.lx=lx; d.ly=ly;}) })); }35:[] 31:{"id":"abbb327fdae74c61","slug":"krx-weekly-price-correlation-map","title":"호기심 해결 in 주식시장: KRX 가격 연동 지도","thumbnail":"832425df34e5d391dbcf281b62fb9740805fff2b8524bb4d37848ef7c6099422","access_level":"public","create_time":"$D2025-12-13T07:44:16.595Z","update_time":"$D2025-12-18T09:51:54.836Z","view_time":null,"first_public_time":"$D2025-12-18T04:48:05.466Z","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":564,"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 가격 연동 지도\n## 매주 금요일 밤, 한 주간 결과를 자동으로 갱신 (최근 업데이트: ${last_date.toISOString().split('T')[0]})","pinned":false,"hidden":false,"mode":"md","author":"$undefined","summary":"$undefined","output":"","database":"$undefined"},{"id":522,"value":"---\n## 가격 연동 지도 ?\n* 연동성: 오를 때 같이 오르고 떨어질 때 같이 떨어지는 정도\n* 연동성이 떨어지는 종목들로 포트폴리오를 구성해야 수익의 안정성 증가\n * [온실 속 주식투자 #3: (연동된) 복수종목에 대한 확률적 접근](https://observablehq.com/@humble-data-miner/stock-investment-in-a-greenhouse-revision-part3)\n* 연동성이 높은 종목들을 가깝게 배치해 평면에 지도를 그리는 과정\n * [개미투자공학 4장: 변동연관지도](https://observablehq.com/@humble-data-miner/personal-investment-engineering-ch-4)\n * 고차원 데이터를 평면에 배치하는 알고리즘\n * [짧은 머신러닝 안내서: t-SNE](https://observablehq.com/@humble-data-miner/t-sne?collection=@humble-data-miner/short-guide-to-machine-learning)","pinned":false,"hidden":false,"mode":"md","author":"$undefined","summary":"$undefined","output":"","database":"$undefined"},{"id":496,"value":"---\n## 사용 예시\n1. 현재 포트폴리오를 구성하고 있는 종목을 기입\n2. 펜 모드(${d3.select(fa_pen).clone(true).node()})에서 각 종목의 주변부에 마우스를 올려 고연관 종목을 탐색 \n3. 펜 모드(${d3.select(fa_pen).clone(true).node()})에서 필요할 경우 해당 종목의 주변부에 마우스를 드래그해 마킹\n4. 지우개 모드(${d3.select(fa_eraser).clone(true).node()})에서 마우스를 드래그해 부분적으로 마킹을 제거 가능\n5. 휴지통(${d3.select(fa_trash_can).clone(true).node()})을 클릭해 모든 마킹을 한번에 제거가능\n

","pinned":false,"hidden":false,"mode":"md","author":"$undefined","summary":"$undefined","output":"","database":"$undefined"},{"id":194,"value":"viewof candidate_query = Inputs.textarea({label: html`포트폴리오 구성 종목
1. 쉼표로 종목간 분리
2. *(asterisk)로 부분문자 검색가능`, rows: 3, value:\"삼성전자,SK하이닉스,LG에너지솔루션,삼성바이오로직스,현대차,HD현대중공업,두산에너빌리티,KB금융,기아,한화에어로스페이스,셀트리온,삼성물산,SK스퀘어,신한지주,NAVER,현대모비스,한화오션,한국전력,삼성생명\", submit: true})","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":43,"value":"$33","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":563,"value":"---\n## 부연설명 동영상\n\n\n","pinned":false,"hidden":false,"mode":"md","author":"$undefined","summary":"$undefined","output":"","database":"$undefined"},{"id":540,"value":"---\n## Attribution\n* ${d3.select(fa_pen).clone(true).node()} [Font Awesome - Pen Icon](https://fontawesome.com/icons/pen)\n* ${d3.select(fa_eraser).clone(true).node()} [Font Awesome - Eraser Icon](https://fontawesome.com/icons/eraser)\n* ${d3.select(fa_trash_can).clone(true).node()} [Font Awesome - Trash Can Icon](https://fontawesome.com/icons/trash-can)","pinned":false,"hidden":false,"mode":"md","author":"$undefined","summary":"$undefined","output":"","database":"$undefined"},{"id":10,"value":"---\n## Appendix","pinned":false,"hidden":false,"mode":"md","author":"$undefined","summary":"$undefined","output":"","database":"$undefined"},{"id":551,"value":"Inputs.button(\"종목 이름 위치 초기화\",{reduce: () => {label_data.forEach(d=>{d.lx=d.cx; d.ly=d.cy;}); map.update();}})","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":302,"value":"anim_step = 500;","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":16,"value":"raw_data = {\n function fetch_data() {\n const url = `https://www.humbledataminer.com/api/krx-prc-corr-map`;\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_data();\n}","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":224,"value":"groups = {\n const sorted = Object.values(raw_data.reduce((acc,cur)=>{\n if(!acc.hasOwnProperty(cur.groupcode))\n acc[cur.groupcode] = {gc:cur.groupcode,gn:cur.groupname,cnt:0};\n acc[cur.groupcode].cnt += 1;\n return acc;\n },{})).toSorted((a,b)=>d3.descending(a.cnt,b.cnt));\n \n const max_len = d3.schemePaired.length * d3.symbolsFill.length;\n sorted.forEach((d,i)=> {\n const sym_i = i % (max_len);\n Object.assign(d,{\n i: i,\n color: d3.schemePaired[sym_i % d3.schemePaired.length],\n symbol: d3.symbol(d3.symbolsFill[Math.floor(sym_i/d3.schemePaired.length)])\n })\n });\n return sorted;\n}","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":231,"value":"gc_grp_map = Object.fromEntries(groups.map((d,i)=>[d.gc,d]))","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":77,"value":"label_data = {\n const data = raw_data;\n data.forEach((d,i)=>{d.lx=d.cx; d.ly=d.cy; d.grp=gc_grp_map[d.groupcode]; d.i=i;});\n return data;\n}","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":217,"value":"$34","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":38,"value":"last_date = new Date(d3.max(raw_data,d=>d.daydate))","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":28,"value":"group_map = {\n return raw_data.reduce((acc,cur)=>{\n if (!acc.hasOwnProperty(cur.groupcode))\n acc[cur.groupcode] = {gn:cur.groupname,cnt:0};\n acc[cur.groupcode].cnt += 1;\n return acc;\n },{});\n}","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":45,"value":"ext = {\n const ext_cx = d3.extent(raw_data,d=>d.cx);\n const ext_cy = d3.extent(raw_data,d=>d.cy);\n return {cx:[ext_cx[0],ext_cx[1]+1e-5],cy:[ext_cy[0],ext_cy[1]+1e-5]};\n}","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":74,"value":"height = 800","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":97,"value":"pm = ({left:32,top:30,right:32,bottom:20});","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":309,"value":"pinned = new Set()","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":206,"value":"{\n const tokens = candidate_query.split(/[,;!@#$%\\t\\n\\r]+/).map(s=>s.trim().toUpperCase());\n const ret = new Set(tokens.map(s=>{\n const has_asterisk = s.includes('*');\n const s_regex = new RegExp(`^${s.replaceAll('*','[\\\\p{L}\\\\p{N}]*')}$`,'u');\n return label_data.reduce((acc,cur,i)=>{\n if(has_asterisk) {\n if(cur.stockname.search(s_regex)>=0)\n acc.push(i);\n }\n else {\n if(cur.stockname == s)\n acc.push(i);\n }\n return acc;\n },[])\n }).flat());\n pinned.clear();\n [...ret].map(i=>pinned.add(i));\n map.update();\n return ret;\n}","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":12,"value":"","pinned":false,"hidden":false,"mode":"html","author":"$undefined","summary":"$undefined","output":"","database":"$undefined"},{"id":381,"value":"fa_pen = svg``","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":394,"value":"fa_eraser = svg``","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":397,"value":"fa_trash_can = svg``","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":18,"value":"import {fetchp} from '@tomlarkworthy/fetchp'","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"}],"files":"$W35","stdlib":"1","titling":"auto"}} 32:"$31:body"