2d:null 2e:["$","title",null,{"children":"휴먼러닝이 머신러닝이라면: 집단지성 | Humble Data Miner | Observable"}] 33:T1212,{ const title = md`

바람직한 집단지성의 동작

`; const item1 = md`

다수의 모델이 각자의 부분 데이터를
독립적으로 판단한 결과를 고른 비중으로 종합

결함있는 집단지성: 데이터 편향

`; const item1 = md`

다수의 모델이 동일한 데이터를 보고 판단:
전체 혹은 세부 정보의 누락 가능성 증가

결함있는 집단지성: 대리 판단

`; const item1 = md`

다수의 모델이 다른 모델에 판단을 일임:
전체 혹은 세부 정보의 누락 가능성 증가

`; const pz = puzzle; const pieces = pz.pieces; const n_player = 8; const n_smp = 8; const denorm = d3.range(n_smp).map(_=>n_player); const mid = Math.ceil(n_player/2); const colors = d3.range(mid).map(_=>d3.schemeTableau10[8]).concat(d3.range(mid).map(_=>d3.schemeTableau10[9])).map((c,i)=>(i%mid)==0?d3.color(c).darker():d3.color(c).brighter()); const pd = pz.dim; const pc_dim = {w:pz.cs.w/mid,h:pz.cs.h/mid}; const [w,h] = [slide_contents_dim[0], pz.dim.h]; const svg = d3.create("svg").attr("viewBox", [0,0,w,h]); const svg_user_icon = d3.select(fa_user).clone(true).remove(); const svg_play_icon = d3.select(fa_play).clone(true).remove(); const sz_icon = svg_user_icon.attr("width"); function extend_coords(dim) { return Object.assign(Object.assign(dim,{hw:dim.w/2,hh:dim.h/2}),{x:dim.cx-dim.hw,y:dim.cy-dim.hh}); } function draw_rect(g,dim) { g.append("rect") .attr("fill","none").attr("stroke","lightgrey") .attr("x",dim.x).attr("y",dim.y).attr("width",dim.w).attr("height",dim.h); } /* layout: | A0 | B0 | C0 | | C4 | B4 | A4 | | A1 | B1 | C1 | R | C5 | B5 | A5 | | A2 | B2 | C2 | | C6 | B6 | A6 | | A3 | B3 | C3 | | C7 | B7 | A7 | A: player icon B: random-placed pieces as a result of sampling C: player's placement of pieces */ const R_dim = extend_coords({cx:w/2,cy:h/2,w:pd.w,h:pd.h}); draw_rect(svg,R_dim); const g_sides = d3.range(n_player).map(ui=>{ const g = svg.append("g"); const C_dim = extend_coords({ cx:R_dim.cx+(uisvg_user_icon.clone(true).attr("fill",colors[ui]).node()); g_player.append("text") .attr("fill","white").attr("stroke","black").attr("paint-order","stroke") .attr("font-size",20).attr("text-anchor","middle").attr("x",sz_icon/2).attr("y",sz_icon) .text(`1/${denorm[ui]}`); return {g:g,A_dim:A_dim,B_dim:B_dim,C_dim:C_dim}; }); const g_button = svg.append("g").attr("transform",`translate(${R_dim.cx-svg_play_icon.attr("width")/2},${R_dim.cy-svg_play_icon.attr("height")/2})`); g_button.append(_=>svg_play_icon.attr("fill","white").attr("opacity",0.3).node()) .on("click",_=>{ refresh(); }); const pot = d3.range(pieces.length); d3.shuffle(pot); function refresh() { g_button.attr("visibility","hidden").transition().delay((n_smp+1)*anim_step).attr("visibility","visible"); g_sides.forEach((sd,si)=>{ sd.g.selectAll("svg").remove(); if(si==mid) d3.shuffle(pot); const sampled = [...pot.slice(0,n_smp)]; d3.shuffle(sampled); const pcs = sampled.map(i=>pieces[i]); const rng = d3.randomNormal(0,sd.B_dim.hh/4); pcs.forEach((pc,pi)=>{ const svg_pc_s = pc.svg.clone(true); svg_pc_s .attr("opacity",(si%mid)==0?1:0) .attr("width",svg_pc_s.attr("width")/mid).attr("height",svg_pc_s.attr("height")/mid) .attr("transform",`translate( ${sd.B_dim.cx-pc_dim.w/2-pc.roff.x*pc_dim.w+rng()}, ${sd.B_dim.cy-pc_dim.h/2+pc.roff.y*pc_dim.h+rng()})`); svg_pc_s.select("path").attr("stroke-width",4).attr("stroke",colors[si]); sd.g.append(_=>svg_pc_s.node()); svg_pc_s.transition().delay(anim_step*(pi+1)).duration(anim_step) .attr("transform",`translate( ${sd.C_dim.x+(pc.roff.x+pc.c)*pc_dim.w}, ${sd.C_dim.y+(pc.roff.y+pc.r)*pc_dim.h} )`).transition().delay(anim_step*(n_smp-pi-1)).duration(anim_step).attr("opacity",1); const svg_pc_l = pc.svg.clone(true); svg_pc_l .attr("opacity",0) .attr("transform",`translate(${R_dim.x+(pc.roff.x+pc.c)*pz.cs.w},${R_dim.y+(pc.roff.y+pc.r)*pz.cs.h})`); svg_pc_l.select("path").attr("stroke-width",4).attr("stroke",colors[si]); sd.g.append(_=>svg_pc_l.node()); if((si%mid)==0) svg_pc_l.transition().delay(anim_step*(pi+1)).duration(anim_step).attr("opacity",1/denorm[si]); else svg_pc_l.transition().delay(anim_step*(n_smp+1)).duration(anim_step).attr("opacity",1/denorm[si]); }); }); } refresh(); return slide` ${title} ${svg.node()} ${item1} `; }36:T1222,{ const title = md`

결함있는 집단지성: 권한 편중

`; const item1 = md`

소수 모델에 판단 권한 편중:
유용할지도 모르는 정보의 무시 가능성 증가

`; const pz = puzzle; const pieces = pz.pieces; const n_player = 8; const n_smp = 8; const colors = d3.schemeTableau10; const mid = Math.ceil(n_player/2); const denorm = d3.range(n_smp).map(i=>(i%mid)==0?2:100); const pd = pz.dim; const pc_dim = {w:pz.cs.w/mid,h:pz.cs.h/mid}; const [w,h] = [slide_contents_dim[0], pz.dim.h]; const svg = d3.create("svg").attr("viewBox", [0,0,w,h]); const svg_user_icon = d3.select(fa_user).clone(true).remove(); const svg_play_icon = d3.select(fa_play).clone(true).remove(); const sz_icon = svg_user_icon.attr("width"); function extend_coords(dim) { return Object.assign(Object.assign(dim,{hw:dim.w/2,hh:dim.h/2}),{x:dim.cx-dim.hw,y:dim.cy-dim.hh}); } function draw_rect(g,dim) { g.append("rect") .attr("fill","none").attr("stroke","lightgrey") .attr("x",dim.x).attr("y",dim.y).attr("width",dim.w).attr("height",dim.h); } /* layout: | A0 | B0 | C0 | | C4 | B4 | A4 | | A1 | B1 | C1 | R | C5 | B5 | A5 | | A2 | B2 | C2 | | C6 | B6 | A6 | | A3 | B3 | C3 | | C7 | B7 | A7 | A: player icon B: random-placed pieces as a result of sampling C: player's placement of pieces */ const R_dim = extend_coords({cx:w/2,cy:h/2,w:pd.w,h:pd.h}); draw_rect(svg,R_dim); const g_sides = d3.range(n_player).map(ui=>{ const g = svg.append("g"); const C_dim = extend_coords({ cx:R_dim.cx+(uisvg_user_icon.clone(true).attr("fill",colors[ui]).node()); g_player.append("text") .attr("fill","white").attr("stroke","black").attr("paint-order","stroke") .attr("font-size",20).attr("text-anchor","middle").attr("x",sz_icon/2).attr("y",sz_icon) .text(`1/${denorm[ui]}`); return {g:g,A_dim:A_dim,B_dim:B_dim,C_dim:C_dim}; }); const g_button = svg.append("g").attr("transform",`translate(${R_dim.cx-svg_play_icon.attr("width")/2},${R_dim.cy-svg_play_icon.attr("height")/2})`); g_button.append(_=>svg_play_icon.attr("fill","white").attr("opacity",0.3).node()) .on("click",_=>{ refresh(); }); const pot = d3.range(pieces.length); function refresh() { g_button.attr("visibility","hidden").transition().delay((n_smp+1)*anim_step).attr("visibility","visible"); g_sides.forEach((sd,si)=>{ sd.g.selectAll("svg").remove(); d3.shuffle(pot); const pcs = pot.slice(0,n_smp).map(i=>pieces[i]); const rng = d3.randomNormal(0,sd.B_dim.hh/4); pcs.forEach((pc,pi)=>{ const svg_pc_s = pc.svg.clone(true); svg_pc_s .attr("width",svg_pc_s.attr("width")/mid).attr("height",svg_pc_s.attr("height")/mid) .attr("transform",`translate( ${sd.B_dim.cx-pc_dim.w/2-pc.roff.x*pc_dim.w+rng()}, ${sd.B_dim.cy-pc_dim.h/2+pc.roff.y*pc_dim.h+rng()})`); svg_pc_s.select("path").attr("stroke-width",4).attr("stroke",colors[si]); sd.g.append(_=>svg_pc_s.node()); svg_pc_s.transition().delay(anim_step*(pi+1)).duration(anim_step) .attr("transform",`translate( ${sd.C_dim.x+(pc.roff.x+pc.c)*pc_dim.w}, ${sd.C_dim.y+(pc.roff.y+pc.r)*pc_dim.h} )`); const svg_pc_l = pc.svg.clone(true); svg_pc_l .attr("opacity",0) .attr("transform",`translate(${R_dim.x+(pc.roff.x+pc.c)*pz.cs.w},${R_dim.y+(pc.roff.y+pc.r)*pz.cs.h})`); svg_pc_l.select("path").attr("stroke-width",4).attr("stroke",colors[si]); sd.g.append(_=>svg_pc_l.node()); svg_pc_l.transition().delay(anim_step*(pi+1)).duration(anim_step).attr("opacity",1/denorm[si]); }); }); } refresh(); return slide` ${title} ${svg.node()} ${item1} `; }37:T1390,{ const title = md`

결함있는 집단지성: 비합리성

`; const item1 = md`

개별 모델의 오판단 확률이 50%일 때:
의미있는 결과 취합 및 해석 불가능

`; const pz = puzzle; const pieces = pz.pieces; const n_player = 8; const n_smp = 8; const colors = d3.schemeTableau10; const denorm = d3.range(n_smp).map(_=>n_player); const mid = Math.ceil(n_player/2); const pd = pz.dim; const pc_dim = {w:pz.cs.w/mid,h:pz.cs.h/mid}; const [w,h] = [slide_contents_dim[0], pz.dim.h]; const svg = d3.create("svg").attr("viewBox", [0,0,w,h]); const svg_user_icon = d3.select(fa_user).clone(true).remove(); const svg_play_icon = d3.select(fa_play).clone(true).remove(); const sz_icon = svg_user_icon.attr("width"); function extend_coords(dim) { return Object.assign(Object.assign(dim,{hw:dim.w/2,hh:dim.h/2}),{x:dim.cx-dim.hw,y:dim.cy-dim.hh}); } function draw_rect(g,dim) { g.append("rect") .attr("fill","none").attr("stroke","lightgrey") .attr("x",dim.x).attr("y",dim.y).attr("width",dim.w).attr("height",dim.h); } /* layout: | A0 | B0 | C0 | | C4 | B4 | A4 | | A1 | B1 | C1 | R | C5 | B5 | A5 | | A2 | B2 | C2 | | C6 | B6 | A6 | | A3 | B3 | C3 | | C7 | B7 | A7 | A: player icon B: random-placed pieces as a result of sampling C: player's placement of pieces */ const R_dim = extend_coords({cx:w/2,cy:h/2,w:pd.w,h:pd.h}); draw_rect(svg,R_dim); const g_sides = d3.range(n_player).map(ui=>{ const g = svg.append("g"); const C_dim = extend_coords({ cx:R_dim.cx+(uisvg_user_icon.clone(true).attr("fill",colors[ui]).node()); g_player.append("text") .attr("fill","white").attr("stroke","black").attr("paint-order","stroke") .attr("font-size",20).attr("text-anchor","middle").attr("x",sz_icon/2).attr("y",sz_icon) .text(`1/${denorm[ui]}`); return {g:g,A_dim:A_dim,B_dim:B_dim,C_dim:C_dim}; }); const g_button = svg.append("g").attr("transform",`translate(${R_dim.cx-svg_play_icon.attr("width")/2},${R_dim.cy-svg_play_icon.attr("height")/2})`); g_button.append(_=>svg_play_icon.attr("fill","white").attr("opacity",0.3).node()) .on("click",_=>{ refresh(); }); const pot = d3.range(pieces.length); const rng_err = _=>Math.floor(d3.randomUniform(2)()); const rng_err_r = _=>Math.floor(d3.randomUniform(pz.grid.r)()); const rng_err_c = _=>Math.floor(d3.randomUniform(pz.grid.c)()); function refresh() { g_button.attr("visibility","hidden").transition().delay((n_smp+1)*anim_step).attr("visibility","visible"); g_sides.forEach((sd,si)=>{ sd.g.selectAll("svg").remove(); d3.shuffle(pot); const pcs = pot.slice(0,n_smp).map(i=>pieces[i]) .map(pc=>{ const err = rng_err() ==0; let [r,c] = [err?rng_err_r():pc.r, err?rng_err_c():pc.c]; return {svg:pc.svg, r:r, c:c, roff:pc.roff}; }); const rng = d3.randomNormal(0,sd.B_dim.hh/4); pcs.forEach((pc,pi)=>{ const svg_pc_s = pc.svg.clone(true); svg_pc_s .attr("width",svg_pc_s.attr("width")/mid).attr("height",svg_pc_s.attr("height")/mid) .attr("transform",`translate( ${sd.B_dim.cx-pc_dim.w/2-pc.roff.x*pc_dim.w+rng()}, ${sd.B_dim.cy-pc_dim.h/2+pc.roff.y*pc_dim.h+rng()})`); svg_pc_s.select("path").attr("stroke-width",4).attr("stroke",colors[si]); sd.g.append(_=>svg_pc_s.node()); svg_pc_s.transition().delay(anim_step*(pi+1)).duration(anim_step) .attr("transform",`translate( ${sd.C_dim.x+(pc.roff.x+pc.c)*pc_dim.w}, ${sd.C_dim.y+(pc.roff.y+pc.r)*pc_dim.h} )`); const svg_pc_l = pc.svg.clone(true); svg_pc_l .attr("opacity",0) .attr("transform",`translate(${R_dim.x+(pc.roff.x+pc.c)*pz.cs.w},${R_dim.y+(pc.roff.y+pc.r)*pz.cs.h})`); svg_pc_l.select("path").attr("stroke-width",4).attr("stroke",colors[si]); sd.g.append(_=>svg_pc_l.node()); svg_pc_l.transition().delay(anim_step*(pi+1)).duration(anim_step).attr("opacity",1/denorm[si]); }); }); } refresh(); return slide` ${title} ${svg.node()} ${item1} `; }38:T816,puzzle = { const last_fname = pieces_zip.filenames[pieces_zip.filenames.length-1]; const grid = {r:parseInt(last_fname.match(/r(\d+)/)[1]),c:parseInt(last_fname.match(/c(\d+)/)[1])}; // extract the complete image and grid information const canvas = document.createElement('canvas'); const svg_def = document.getElementById('global-svg-defs'); const doc = (new DOMParser).parseFromString(text_pieces[0],"image/svg+xml"); const svg0 = d3.select(doc.documentElement).remove(); const image = svg0.select("g > image"); canvas.width = parseFloat(image.attr("width")); canvas.height = parseFloat(image.attr("height")); const [cw,ch] = [image.attr("width")/grid.c,image.attr("height")/grid.r]; const img0 = new Image(); img0.src = image.attr("href"); await img0.decode(); const scale = {x:img0.width/canvas.width,y:img0.height/canvas.height}; const pieces = text_pieces.map((pc,i)=>{ const doc = (new DOMParser).parseFromString(pc,"image/svg+xml"); const svg = d3.select(doc.documentElement).remove(); const vb = svg.attr("viewBox").split(/\s+/).map(f=>parseFloat(f)); svg.attr("width",parseFloat(svg.attr("width"))); svg.attr("height",parseFloat(svg.attr("height"))); const fname = pieces_zip.filenames[i]; const r = parseInt(fname.match(/r(\d+)/)[1])-1; const c = parseInt(fname.match(/c(\d+)/)[1])-1; svg_def.append(svg.select("defs > clipPath").attr("id",`piece-clip${r}x${c}`).remove().node()); const ctx = canvas.getContext('2d'); const img = new Image(); img.src = image.attr("href"); ctx.clearRect(0,0,canvas.width,canvas.height); ctx.drawImage(img,vb[0]*scale.x,vb[1]*scale.y,vb[2]*scale.x,vb[3]*scale.y,vb[0],vb[1],vb[2],vb[3]); svg.select("g > image").attr("href",canvas.toDataURL()); svg.select("g").attr("clip-path",`url(#piece-clip${r}x${c})`); return { svg:svg,i:i,r:r,c:c,vb:vb,aoff:{x:vb[0]/cw,y:vb[1]/ch},roff:{x:(vb[0]-cw*c)/cw,y:(vb[1]-ch*r)/ch} }; }); return {dim:{w:canvas.width,h:canvas.height},grid:grid,cs:{w:cw,h:ch},pieces:pieces} }39:[{"id":"e1ef9fa304e523dcc0bf0af29640365f58cbfb9ce7bdbebbfc2615cb0724f6ad4825cdbd9e145f69c021a650c1b188264990138d5b72614dfc8a9e7014cd801d","href":"https://static.observableusercontent.com/files/e1ef9fa304e523dcc0bf0af29640365f58cbfb9ce7bdbebbfc2615cb0724f6ad4825cdbd9e145f69c021a650c1b188264990138d5b72614dfc8a9e7014cd801d","name":"puzzle_pieces_svg_6x4_480.zip","type":"application/zip","lastModified":1779961150122.244,"size":8825740}] 31:{"id":"ac52abc1f1d6661d","slug":"hl-like-ml-collective-intelligence","title":"휴먼러닝이 머신러닝이라면: 집단지성","thumbnail":"8729b6893976539c892e483049ac9a101cfd38bb528938bb0604dc7950072b0d","access_level":"public","create_time":"$D2026-05-26T04:48:19.588Z","update_time":"$D2026-06-01T11:13:24.665Z","view_time":null,"first_public_time":"$D2026-06-01T04:34:54.867Z","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":1007,"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":"2f4cd6bfe331467c","slug":"bamboo-forest","title":"Bamboo Forest","owner":{"id":"50faa4da52a9ff9b","login":"humble-data-miner","name":"Humble Data Miner"}},"type":"notebook","body":{"title":"휴먼러닝이 머신러닝이라면: 집단지성","cells":[{"id":0,"value":"# 휴먼러닝이 머신러닝이라면: 집단지성","pinned":false,"hidden":false,"mode":"md","author":"$undefined","summary":"$undefined","output":"","database":"$undefined"},{"id":455,"value":"---\n## 슬라이드 사용법\n\n* 전체화면 보기: 우상단 메뉴 클릭 후 **View** > **View in Fullscreen** 실행\n* 키보드: 화살표 키 '→' 또는 '↓'로 진행, 화살표 키 '←' 또는 '↑'로 역행\n* 마우스: 슬라이드 영역 클릭시 해당 슬라이드 위치로 스크롤 이동","pinned":false,"hidden":false,"mode":"md","author":"$undefined","summary":"$undefined","output":"","database":"$undefined"},{"id":453,"value":"first_slide ={\n\nconst title = md`

휴먼러닝이 머신러닝이라면?

`;\nconst item1 = md`

사람의 사고를 모델화
\n\n 사람의 사고는 복잡한 시스템 동작의 결과
\n 모델화하면서 간단하게 요약해 표현\n

`;\n\nreturn slide`\n${title}\n${item1}\n`\n}","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":857,"value":"{\n\n const title = md`

집단지성 (collective intelligence)

`;\n const item1 = md`

\n다수가 협력하거나 경쟁하여
개인이 풀기 어려운 집단적 문제를 해결
\n
\n소수의 전문가보다 다양한 배경의
다수가 모일 때 더 정확한 판단 결과를 도출

바람직한 집단지성의 조건

`;\n const item1 = md`

『대중의 지혜』에서 말하는 집단지성의 조건
\n\n 다양성: 개별 모델이 상이한 데이터를 다룸
\n 독립성: 개별 모델의 간섭받지 않는 판단 보장
\n 분권 및 통합: 개별 판단의 공정한 종합 보장
\n

`;\n\nreturn slide`\n${title}\n${item1}\n`;\n}","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":492,"value":"$33","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":794,"value":"$34","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":818,"value":"$35","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":843,"value":"$36","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":882,"value":"{\n\n const title = md`

보다 근본적인 문제: 비합리성

`;\n const item1 = md`

\n다수의 모델이 아무리
\n\n각자 다양한 데이터를 다루어도
\n각자 독립적으로 판단하더라도
\n결과를 모아 공정하게 종합하더라도
\n\n판단 모델 자체에 결함이 심하면 무슨 소용?\n

`;\n\nreturn slide`\n${title}\n${item1}\n`;\n}","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":905,"value":"$37","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":929,"value":"{\n\n const title = md`

현대사회는 집단지성을 전제로 한다

`;\n const color = d3.color(\"gold\").darker(0.5);\n const item1 = md`

\n시장경제:
다수의 참여자가 각자 합리적으로 행동할 때
자원의 최적 배분을 달성
\n
\n민주주의:
다수의 유권자가 각자 합리적으로 선택할 때
최선의 국민 대표자를 선출
\n

`;\n\nreturn slide`\n${title}\n${item1}\n`;\n}","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":966,"value":"---\n## Attribution\n* Elephant photo by [indianapoliszoo](https://www.indianapoliszoo.com/gcss/blog/shrinking-spaces-for-largest-land-animal/)\n* Free Jigsaw Puzzle Maker Online [jigsawmake.com](https://jigsawmake.com/)\n* [User Filled Icon | Font Awesome](https://fontawesome.com/icons/classic/solid/user)\n* [Circle Play Filled Icon | Font Awesome](https://fontawesome.com/icons/classic/solid/circle-play)\n\n## Reference\n* [대중의 지혜 | 제임스 서로위키 - 교보문고](https://product.kyobobook.co.kr/detail/S000000854294)\n* [집단지성 - 나무위키](https://namu.wiki/w/%EC%A7%91%EB%8B%A8%EC%A7%80%EC%84%B1)","pinned":false,"hidden":false,"mode":"md","author":"$undefined","summary":"$undefined","output":"","database":"$undefined"},{"id":1006,"value":"---\n## 부연설명 동영상\n\n","pinned":false,"hidden":false,"mode":"md","author":"$undefined","summary":"$undefined","output":"","database":"$undefined"},{"id":994,"value":"---\n## Appendix","pinned":false,"hidden":false,"mode":"md","author":"$undefined","summary":"$undefined","output":"","database":"$undefined"},{"id":652,"value":"anim_step = 1000","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":6,"value":"pieces_zip = await FileAttachment(\"puzzle_pieces_svg_6x4_480.zip\").zip()","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":409,"value":"text_pieces = Promise.all(pieces_zip.filenames.map(fname=>pieces_zip.file(fname).text()))","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":178,"value":"$38","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":518,"value":"fa_user = html``","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":704,"value":"fa_play = svg``","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":448,"value":"import_style","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":451,"value":"slide_contents_dim = compute_slide_contents_dim(first_slide)","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":444,"value":"import {slide,install_key_bindings_to_document, import_style, compute_slide_contents_dim} from \"@humble-data-miner/mod-slide-ex\"","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":509,"value":"install_key_bindings_to_document","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":31,"value":"{\n const svg = d3.create(\"svg\").attr(\"viewBox\",[-5,-5,485,275]).attr(\"width\",490).attr(\"height\",280);\n puzzle.pieces.forEach((pc,i)=>{\n const scale = 0.5;\n if(true) {\n const svg_pc = pc.svg.clone(true);\n svg_pc.attr(\"width\",svg_pc.attr(\"width\")*scale);\n svg_pc.attr(\"height\",svg_pc.attr(\"height\")*scale);\n svg_pc.attr(\"transform\",`translate(${(pc.roff.x+pc.c)*puzzle.cs.w*scale},${(pc.roff.y+pc.r)*puzzle.cs.h*scale})`);\n svg.append(_=>svg_pc.node());\n }\n });\n}","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":265,"value":"","pinned":false,"hidden":false,"mode":"html","author":"$undefined","summary":"$undefined","output":"","database":"$undefined"}],"files":"$W39","stdlib":"1","titling":"auto"}} 32:"$31:body"