2e:null 2f:["$","title",null,{"children":"메타크리틱 게임점수 지형도 - 추천시스템 | Humble Data Miner | Observable"}] 34:T4b1,viewof selection = { const barwidth = 80 return Inputs.table( filtered, { rows: 20, columns:["rating","title","date","pc","ps4","ps5","xboxone", "xbox-series-x", "switch"], header:{ rating:"당신의 평점", title:"제목", date:"최근출시일", pc:header_div("pc","평론"), ps4:header_div("ps4", "평론"), ps5:header_div("ps5", "평론"), xboxone:header_div("xboxone", "평론"), "xbox-series-x":header_div("xbox-series-x", "평론"), switch:header_div("switch", "평론") }, format: { rating: (x,i)=>input_rating(filtered[i].seq, x), pc: (x,i)=>td_div("pc", x, i), ps4: (x,i)=>td_div("ps4", x, i), ps5: (x,i)=>td_div("ps5", x, i), xboxone: (x,i)=>td_div("xboxone", x, i), "xbox-series-x": (x,i)=>td_div("xbox-series-x", x, i), switch: (x,i)=>td_div("switch", x, i), }, width: { rating: 100, date: 80, pc: barwidth, ps4: barwidth, ps5: barwidth, xboxone: barwidth, "xbox-series-x": barwidth, switch: barwidth }, sort: "date", reverse: true, multiple: false, required: false, } ); }35:Td4c,viewof preference = { submit; const not_rated = Object.keys(ratings).length < 20; const height = 200; const svg = d3.create("svg") .attr("width", width) .attr("height", height) .attr("viewBox", [0, 0, width, height]); const lambda = 0.5; const lr = 0.0003; const beta1 = 0.9; const beta2 = 0.999; const niter = 10000; const n = W[0][0].length; const ng = W[0].length; const nr = W[1].length; const src = Object.entries(ratings).map((x,i)=> [x[0], (x[1]-1)*0.25]); let w = Array.from({length:n}, x => Math.abs(d3.randomNormal(0, 1/Math.sqrt(n))())); let m1 = Array.from({length:n}, x => 0.0); let m2 = Array.from({length:n}, x => 0.0); let u1 = Array.from({length:n}, x => 0.0); let u2 = Array.from({length:n}, x => 0.0); let mse1 = 0.0; for (const [seq, val] of src) { let dot = 0.0; for (let i = 0; i < n; i++) dot += W[0][seq][i]*w[i]; mse1 += (dot - val)**2; } mse1 /= (2*src.length); const x = d3.scaleLinear([0,niter], [margin.left,width-margin.right]); const y = d3.scaleLog([0.0001, mse1], [height-margin.bottom,margin.top]); svg.append("g").attr("transform", `translate(0,${height - margin.bottom})`).call(d3.axisBottom(x)); svg.append("g").attr("transform", `translate(${margin.left},0)`).call(d3.axisLeft(y)); svg.append("g").attr("transform", `translate(${width-margin.right},0)`).call(d3.axisRight(y)); const gline = svg.append("g").attr("stroke", "green"); let history = []; for (let it = 0; it < niter && !not_rated; it++) { const t = it+1; let mse = 0.0; let g = Array.from({length:n}, x => 0.0); for (const [seq, val] of src) { let dot = 0.0; for (let i = 0; i < n; i++) dot += W[0][seq][i]*w[i]; let e = (dot - val) for (let i = 0; i < n; i++) g[i] += e*W[0][seq][i]; mse += e**2; } mse /= (2*src.length); history.push(mse); if (history.length > 1) gline.append('line') .attr("x1", x(history.length-2)) .attr("x2", x(history.length-1)) .attr("y1", y(history[history.length-2])) .attr("y2", y(history[history.length-1])); if (it % Math.floor(niter/50) == 0) { svg.node().value = `${it*100/niter}% 학습중` yield svg.node(); } for (let i = 0; i < n; i++) { g[i] += lambda*w[i]; m1[i] = beta1*m1[i] + (1-beta1)*g[i]; m2[i] = beta2*m2[i] + (1-beta2)*(g[i]**2); u1[i] = m1[i]/(1-beta1**t); u2[i] = m2[i]/(1-beta2**t); w[i] -= lr*u1[i]/(Math.sqrt(u2[i])+1e-7); } } let pred = []; for (let ig = 0; ig < ng; ig++) { const wg = W[0][ig]; let r = 0.0; for (let i = 0; i < n; i++) r += wg[i]*w[i]; pred.push({ title: games[ig].title, href: games[ig].href, rating: Math.min(Math.max(r,0),1)*100, predet:ratings.hasOwnProperty(ig)?ratings[ig]:null}); } let similar_reviewers = []; const w_l2 = Math.sqrt(w.reduce((acc,cur)=>acc+cur*cur)); for (let ir = 0; ir < nr; ir++) { const wr = W[1][ir]; let dot = 0.0; for (let i = 0; i < n; i++) dot += wr[i]*w[i]; const cos_sim = dot / (Math.sqrt(wr.reduce((acc,cur)=>acc+cur*cur))*w_l2); // cosine similarity similar_reviewers.push({reviewer: reviewers[ir].reviewer, similarity:cos_sim}); } svg.node().value = not_rated ? "결과 없음" : [pred, similar_reviewers]; yield svg.node(); }36:T705,function input_rating(group_name, initial_rating, disabled=false) { return htl.html` ` }37:[{"id":"0086cd0aa554bfb99832540e80eae53f55238e5e2f35c1196b8373d1bb2b7773d0ee0ba2134064af689f98b61dd73fe6bfcfaa314a195e11852e8a1aaf2e0553","href":"https://static.observableusercontent.com/files/0086cd0aa554bfb99832540e80eae53f55238e5e2f35c1196b8373d1bb2b7773d0ee0ba2134064af689f98b61dd73fe6bfcfaa314a195e11852e8a1aaf2e0553","name":"MetacriticGameScore_Recommendation.json","type":"application/json","lastModified":1645480302953.795,"size":9021283}] 32:{"id":"07ae589139b1be15","slug":"metacritic-game-score-recommendation-system","title":"메타크리틱 게임점수 지형도 - 추천시스템","thumbnail":"d5ba762856f9eab34fd31c74b10e1e724d96533dade6533ad9d78a39ac09d33d","access_level":"public","create_time":"$D2022-02-21T06:31:39.828Z","update_time":"$D2022-02-24T07:32:05.161Z","view_time":null,"first_public_time":"$D2022-02-24T07:21:57.643Z","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":485,"publish_version":485,"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"}],"comments":[],"custom_thumbnail":true,"trashed":false,"lapsed":null,"subscribed":null,"forks":0,"collection":null,"type":"notebook","body":{"title":"메타크리틱 게임점수 지형도 - 추천시스템","cells":[{"id":0,"value":"# 메타크리틱 게임점수 지형도 - 추천시스템\n
\n### 제약사항\n* 30개 이상의 평가를 남긴 평론그룹으로 한정\n* 사용자 점수는 평론그룹에 포함하지 않음\n* 게임이름이 같으면 기종무관하게 같은게임으로 간주\n\n### 사용법\n* 테이블위의 검색창으로 평점을 매기길 원하는 게임 필터링\n* 별점을 클릭하여 평점남기거나 해당 별점을 재클릭해 취소\n* 20개이상의 게임에 평점을 남긴후 학습버튼 클릭","pinned":false,"hidden":false,"mode":"md","author":"$undefined","summary":"$undefined","output":"","database":"$undefined"},{"id":99,"value":"viewof filtered = Inputs.search(games, {\n placeholder: \"문자열 검색\"\n})","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":41,"value":"$34","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":164,"value":"viewof submit = html`