2c:null 2d:["$","title",null,{"children":"ホラーゲームにおける恐怖の対象に流行はあるのか？ | TMU Dataviz Class | Observable"}] 32:Tcf0,bubbleChart = { const width = 880; const height = 300; // SVG要素の作成 const svg = d3 .create("svg") .attr("viewBox", [0, 0, width, height]) .attr("width", width) .attr("height", height) .style("background", "black"); const defs = svg.append("defs"); const filter = defs.append("filter").attr("id", "gooey"); filter .append("feGaussianBlur") .attr("in", "SourceGraphic") .attr("stdDeviation", "10") .attr("result", "blur"); filter .append("feColorMatrix") .attr("in", "blur") .attr("mode", "matrix") .attr("values", "1 0 0 0 0 0 1 0 0 0 0 0 1 0 0 0 0 0 18 -7"); const glowFilter = defs.append("filter").attr("id", "glow"); glowFilter .append("feGaussianBlur") .attr("stdDeviation", "3.5") .attr("result", "coloredBlur"); const feMerge = glowFilter.append("feMerge"); feMerge.append("feMergeNode").attr("in", "coloredBlur"); feMerge.append("feMergeNode").attr("in", "SourceGraphic"); const tooltip = d3 .select("body") .append("div") .style("position", "absolute") .style("visibility", "hidden") .style("background-color", "rgba(0, 0, 0, 0.8)") .style("color", "white") .style("padding", "5px") .style("border", "1px solid red") .style("border-radius", "5px") .style("font-family", "Mincho"); // シミュレーションの設定 const simulation = d3 .forceSimulation(enemyCounts) .force("charge", d3.forceManyBody().strength(100)) .force("center", d3.forceCenter(width / 2, height / 2)) .force( "collision", d3.forceCollide().radius((d) => Math.sqrt(d.count) * 3 + 2) ); // 円の描画 const circles = svg .append("g") .attr("filter", "url(#gooey)") .selectAll("circle") .data(enemyCounts) .join("circle") .attr("r", (d) => Math.sqrt(d.count) * 3) .style("fill", "red") .style("filter", "url(#glow)") .style("opacity", 0.7) .on("mouseover", function (event, d) { d3.select(this) .transition() .duration(200) .attr("r", (d) => Math.sqrt(d.count) * 3.5); tooltip .style("visibility", "visible") .html(`${d.enemy}
件数: ${d.count}`) .style("left", event.pageX + 10 + "px") .style("top", event.pageY - 10 + "px"); }) .on("mouseout", function (event, d) { d3.select(this) .transition() .duration(200) .attr("r", (d) => Math.sqrt(d.count) * 3); tooltip.style("visibility", "hidden"); }) .on("mousemove", function (event) { tooltip .style("left", event.pageX + 10 + "px") .style("top", event.pageY - 10 + "px"); }); // テキストの追加 const texts = svg .append("g") .selectAll("text") .data(enemyCounts) .join("text") .text((d) => d.enemy) .attr("fill", "white") .attr("font-family", "Mincho") .attr("text-anchor", "middle") .attr("dominant-baseline", "middle") .style("pointer-events", "none") .style("font-size", (d) => Math.sqrt(d.count) * 1.5 + "px"); // シミュレーションの更新関数 simulation.on("tick", () => { circles.attr("cx", (d) => d.x).attr("cy", (d) => d.y); texts.attr("x", (d) => d.x).attr("y", (d) => d.y); }); return svg.node(); }33:Tfe1,genreWordCloud = { const yearData = yearlyCounts.find((d) => d.year === currentYear); if (!yearData) { throw new Error(`No data found for year ${currentYear}`); } const genres = [ "人間", "幽霊・妖怪", "クリーチャー", "環境", "ゾンビ", "ロボット", "人形", "動物" ]; const totalCount = genres.reduce( (sum, genre) => sum + (yearData[genre] || 0), 0 ); const data = genres .map((genre) => ({ text: genre, size: yearData[genre] || 0, percentage: ((yearData[genre] || 0) / totalCount) * 100 })) .filter((item) => item.size > 0); const width = 800; const height = 500; const margin = 50; // 余白を設定 const svg = d3 .create("svg") .attr("width", width) .attr("height", height) .style("margin-left", "80px"); svg .append("rect") .attr("width", width) .attr("height", height) .attr("fill", "black"); // フォントスケールを調整 const fontScale = 15; // 基準となるフォントサイズを小さく const minFontSize = 10; // 最小フォントサイズ const words = data.map((d) => ({ text: d.text, size: Math.max(minFontSize, Math.sqrt(d.percentage) * fontScale), // ランダムな初期位置を設定 initialX: width / 2 + (Math.random() - 0.5) * width * 0.8, initialY: height / 2 + (Math.random() - 0.5) * height * 0.8 })); const tempText = svg.append("text").style("visibility", "hidden"); words.forEach((word) => { tempText.style("font-size", `${word.size}px`).text(word.text); const bbox = tempText.node().getBBox(); word.width = bbox.width; word.height = bbox.height; }); tempText.remove(); const simulation = d3 .forceSimulation(words) .force("x", d3.forceX(width / 2).strength(0.1)) .force( "y", d3 .forceY((d, i) => { // 垂直方向に段階的に配置 const section = height / (words.length + 1); return section * (i + 1); }) .strength(0.2) ) // y方向の力を強める .force( "collide", d3 .forceCollide() .radius((d) => Math.max(d.width, d.height) / 1.8) .strength(1) ) .force("charge", d3.forceManyBody().strength(-500)) // 反発力を強める .stop(); words.forEach((word) => { word.x = word.initialX; word.y = word.initialY; }); for (let i = 0; i < 300; ++i) simulation.tick(); // はみ出し防止の調整 words.forEach((word) => { word.x = Math.max( word.width / 2 + margin, Math.min(width - word.width / 2 - margin, word.x) ); word.y = Math.max( word.height / 2 + margin, Math.min(height - word.height / 2 - margin, word.y) ); }); const yearDisplay = svg .append("text") .attr("x", width - margin) .attr("y", margin) .attr("text-anchor", "end") .attr("fill", "white") .style("font-size", "24px") .style("opacity", 0) .text(currentYear + "年"); yearDisplay .transition() .duration(1500) .style("opacity", 1) .transition() .delay(2500) .duration(1000) .style("opacity", 0); const textElements = svg .append("g") .selectAll("text") .data(words) .enter() .append("text") .style("font-size", (d) => `${d.size}px`) .style("fill", "white") .style("text-shadow", "0 0 10px red, 0 0 20px red, 0 0 30px red") .attr("text-anchor", "middle") .attr("dominant-baseline", "middle") // 垂直方向の位置調整を改善 .attr("transform", (d) => `translate(${d.x},${d.y})`) .style("opacity", 0) .text((d) => d.text); textElements.each(function () { const fadeInDelay = Math.random() * 1200; const fadeOutDelay = 2000 + Math.random() * 1000; d3.select(this) .transition() .delay(fadeInDelay) .duration(1500) .style("opacity", 1) .transition() .delay(fadeOutDelay) .duration(1200) .style("opacity", 0); }); return svg.node(); }34:Tb31,{ const width = 800; const height = 350; const margin = { top: 20, right: 20, bottom: 30, left: 280 }; const innerWidth = width - margin.left - margin.right; const innerHeight = height - margin.top - margin.bottom; const svg = d3 .create("svg") .attr("viewBox", [0, 0, width, height]) .attr("width", width) .attr("height", height); const g = svg .append("g") .attr("transform", `translate(${margin.left},${margin.top})`); // ツールチップの作成 const tooltip = d3 .select("body") .append("div") .style("position", "absolute") .style("background", "black") .style("border", "1px solid #ccc") .style("padding", "5px") .style("border-radius", "5px") .style("font-family", "Mincho") .style("font-size", "10px") .style("pointer-events", "none") .style("opacity", 0); // X軸のスケール（日付）- 月単位の目盛りに const x = d3 .scaleTime() .domain(d3.extent(formattedData, (d) => new Date(d.week))) .range([0, innerWidth]); // Y軸のスケール（検索回数） const y = d3.scaleLinear().domain([0, 100]).nice().range([innerHeight, 0]); // X軸の描画 - 月単位の表示に g.append("g") .attr("transform", `translate(0,${innerHeight})`) .call( d3 .axisBottom(x) .ticks(d3.timeMonth.every(1)) .tickFormat((date) => d3.timeFormat("%m")(date).replace(/^0/, "")) // 先頭の0を削除 ) .selectAll("text") .style("font-family", "Mincho") .style("font-size", "10px"); // Y軸の描画 g.append("g") .call(d3.axisLeft(y)) .selectAll("text") .style("font-family", "Mincho") .style("font-size", "10px"); // 折れ線の描画 const line = d3 .line() .x((d) => x(new Date(d.week))) .y((d) => y(d.searchCount)) .curve(d3.curveLinear); // 直線的な折れ線に変更 g.append("path") .datum(formattedData) .attr("fill", "none") .attr("stroke", "red") .attr("stroke-width", 1.5) .attr("d", line); // データポイントに円を追加 g.selectAll("circle") .data(formattedData) .join("circle") .attr("cx", (d) => x(new Date(d.week))) .attr("cy", (d) => y(d.searchCount)) .attr("r", 2) .attr("fill", "red") .on("mouseover", (event, d) => { tooltip .style("opacity", 1) .html( `日付: ${d3.timeFormat("%Y-%m-%d")(new Date(d.week))}
人気度: ${ d.searchCount }` ) .style("left", event.pageX + 10 + "px") .style("top", event.pageY - 28 + "px"); }) .on("mousemove", (event) => { tooltip .style("left", event.pageX + 10 + "px") .style("top", event.pageY - 28 + "px"); }) .on("mouseout", () => { tooltip.style("opacity", 0); }); return svg.node(); }35:T596,scatterPlot = Plot.plot({ style: { fontFamily: "Mincho", color: "white", background: "black", opacity: 0.8 }, x: { label: "レビュー件数", labelStyle: { fill: "white" }, grid: true, type: "linear", // 線形スケール domain: xDomain, // 固定のx軸範囲 tickFormat: d3.format(",") }, y: { label: "レビュー評価", domain: [ "圧倒的に好評", "非常に好評", "好評", "やや好評", "賛否両論", "やや不評" ], labelStyle: { fill: "white" }, grid: true }, marks: [ Plot.dot(filteredData, { x: "review_count", y: "review_summary", fill: (d) => genreColors(d.genre), // 固定されたジャンルごとの色 r: 6, opacity: 0.7, title: (d) => `ジャンル: ${d.genre}\nレビュー評価: ${ d.review_summary }\nレビュー件数: ${d.review_count.toLocaleString()}` }) ], color: { legend: true, // 凡例を表示 domain: genreColors.domain(), // 色のドメインを指定（ジャンル名） range: genreColors.range(), // 色の範囲（ジャンルごとの色） label: "ジャンル", // 凡例のラベル style: { marginLeft: "280px", // 凡例に左マージンを追加 fontFamily: "Mincho" } }, height: 500, width: 880, marginLeft: 280, marginBottom: 50 })36:T681,

紹介

最後に、今回見つけた恐怖の対象がユニークなゲームを紹介する。

Los Penguinos

恐怖の対象：ペンギン
監視カメラを見たり、通路のドアを閉めたりして、ペンギンから身を守らなければならないマインドフルネスゲーム。

MiSide : ミサイド

恐怖の対象：ゲームの美少女
様々なゲームに登場するあなた好みの女の子。そんな彼女がもし現実に隣にいてくれたら…？予測不能で怒涛の展開が待ち受ける美少女ホラー！

Unknown Pyramid

恐怖の対象：ミイラ、メジェド
某国、某砂漠にて新たに発見された未知のピラミッド、通称『Unknown Pyramid』その地下にある迷宮に迷い込んでしまったあなた。持っていたライターとヘッドライトの光を頼りに、地下迷宮からの脱出を目指す。

37:T862,drawMonthlyEnvironmentChart = (monthlyData) => { const margin = { top: 50, right: 50, bottom: 50, left: 280 }; const width = 800; const height = 350; const svg = d3.create("svg").attr("width", width).attr("height", height); const g = svg .append("g") .attr("transform", `translate(${margin.left},${margin.top})`); const months = monthlyData.map((d) => d.month); const x = d3 .scaleBand() .domain(months) .range([0, width - margin.left - margin.right]) .padding(0.1); const y = d3 .scaleLinear() .domain([0, 45]) .range([height - margin.top - margin.bottom, 0]); const yAxisPosition = x.range()[1]; for (let i = 0; i < monthlyData.length - 1; i++) { const current = monthlyData[i]; const next = monthlyData[i + 1]; const isCurrentHigh = parseFloat(current.環境) > 23; const isNextHigh = parseFloat(next.環境) > 23; g.append("path") .datum([current, next]) .attr("fill", "none") .attr("stroke", isCurrentHigh && isNextHigh ? "red" : "white") .attr("stroke-width", 2) .attr( "d", d3 .line() .x((d) => x(d.month) + x.bandwidth() / 2) .y((d) => y(parseFloat(d.環境))) ); } g.selectAll("circle") .data(monthlyData) .join("circle") .attr("cx", (d) => x(d.month) + x.bandwidth() / 2) .attr("cy", (d) => y(parseFloat(d.環境))) .attr("r", 3) .attr("fill", (d) => (parseFloat(d.環境) > 23 ? "red" : "white")); g.append("g") .attr("transform", `translate(0,${height - margin.top - margin.bottom})`) .call( d3.axisBottom(x).tickFormat((d) => { const month = d.replace(/^.*-(\d{2})$/, "$1"); return month.replace(/^0/, ""); }) ) .selectAll("text") // すべてのX軸ラベルにフォント適用 .style("font-family", "Mincho"); // Y軸の位置を修正 g.append("g") .attr("transform", `translate(11,0)`) .call(d3.axisLeft(y).tickFormat((d) => `${d}%`)) .selectAll("text") // すべてのX軸ラベルにフォント適用 .style("font-family", "Mincho"); return svg.node(); }38:T102a,drawStackedBarChart = (countsByYear) => { const genres = [ "クリーチャー", "幽霊・妖怪", "人間", "環境", "ゾンビ", "人形", "動物", "ロボット", "その他" ]; const margin = { top: 50, right: 150, bottom: 50, left: 280 }; const width = 950; const height = 400; const svg = d3.create("svg").attr("width", width).attr("height", height); const g = svg .append("g") .attr("transform", `translate(${margin.left},${margin.top})`); const years = countsByYear.map((d) => parseInt(d.year)).sort((a, b) => a - b); // データを正規化（割合に変換） const normalizedData = countsByYear.map((yearData) => { const total = genres.reduce( (sum, genre) => sum + (yearData[genre] || 0), 0 ); const normalizedYear = { year: yearData.year }; genres.forEach((genre) => { normalizedYear[genre] = total > 0 ? ((yearData[genre] || 0) / total) * 100 : 0; }); return normalizedYear; }); const x = d3 .scaleBand() .domain(years) .range([0, width - margin.left - margin.right]) .padding(0.1); const y = d3 .scaleLinear() .domain([0, 100]) .range([height - margin.top - margin.bottom, 0]); const color = d3.scaleOrdinal().domain(genres).range([ "#550000", // クリーチャー - Dark Red "#800000", // 幽霊・妖怪 - Medium Dark Red "#AA0000", // 人間 - Red "#D50000", // 環境 - Tomato "#DC4E4E", // ゾンビ - Orange Red "#E27272", // 人形 - Coral "#F1B8B8", // 動物 - Dark Orange "#FCEDED", // ロボット - Another shade of Red "#1F1F1F" // その他 - Gray ]); // ツールチップの追加 const tooltip = d3 .select("body") .append("div") .style("position", "absolute") .style("background", "rgba(0, 0, 0, 0.7)") .style("color", "white") .style("padding", "5px 10px") .style("border-radius", "5px") .style("pointer-events", "none") .style("font-family", "Mincho") .style("opacity", 0); // スタック可能なデータ形式に変換 const stackedData = d3.stack().keys(genres)(normalizedData); // 横棒グラフの描画 g.selectAll("g") .data(stackedData) .join("g") .attr("fill", (d) => color(d.key)) .selectAll("rect") .data((d) => d) .join("rect") .attr("x", (d) => x(parseInt(d.data.year))) .attr("y", (d) => y(d[1])) .attr("height", (d) => y(d[0]) - y(d[1])) .attr("width", x.bandwidth()) .on("mouseover", function (event, d) { const genre = d3.select(this.parentNode).datum().key; const value = (d[1] - d[0]).toFixed(2); tooltip.transition().duration(200).style("opacity", 0.9); tooltip .html(`ジャンル: ${genre}
割合: ${value}%`) .style("left", `${event.pageX + 10}px`) .style("top", `${event.pageY - 28}px`); }) .on("mousemove", function (event) { tooltip .style("left", `${event.pageX + 10}px`) .style("top", `${event.pageY - 28}px`); }) .on("mouseout", function () { tooltip.transition().duration(500).style("opacity", 0); }); // X軸の描画 g.append("g") .attr("transform", `translate(0,${height - margin.top - margin.bottom})`) .call(d3.axisBottom(x)) .selectAll("text") .style("font-family", "Mincho"); // Y軸の描画 g.append("g") .call(d3.axisLeft(y).tickFormat((d) => `${d}%`)) .selectAll("text") .style("font-family", "Mincho"); // 凡例の追加 const legend = svg .append("g") .attr("font-family", "Mincho") .attr("font-size", 10) .attr("text-anchor", "start") .style("fill", "white") .selectAll("g") .data(genres) .join("g") .attr( "transform", (d, i) => `translate(${width - margin.right + 10},${margin.top + i * 20})` ); legend .append("rect") .attr("x", 0) .attr("width", 19) .attr("height", 19) .attr("fill", color); legend .append("text") .attr("x", 24) .attr("y", 9.5) .attr("dy", "0.32em") .text((d) => d); return svg.node(); }39:T554,yearlyCounts = { const enemyGenres = [ "人間", "幽霊・妖怪", "クリーチャー", "環境", "ゾンビ", "ロボット", "人形", "動物" ]; // 年ごとのカウントを保持するオブジェクト const countsByYear = {}; enemydata.forEach((d) => { const releaseYear = d.release_date?.match(/(\d{4})年/)?.[1]; // 年を抽出 const genres = d.enemy_genres?.trim(); if (!genres || !releaseYear) return; // 空白や未定義なデータは無視 // 複数のジャンルがカンマで区切られている場合、それぞれをカウント genres.split(",").forEach((genre) => { genre = genre.trim(); // 年ごとのジャンルカウントの初期化 if (!countsByYear[releaseYear]) { countsByYear[releaseYear] = Object.fromEntries( [...enemyGenres, "その他"].map((genre) => [genre, 0]) ); } // 各ジャンルのカウント if (enemyGenres.includes(genre)) { countsByYear[releaseYear][genre]++; } else { countsByYear[releaseYear]["その他"]++; } }); }); // 年ごとのカウント結果を配列形式で返す return Object.entries(countsByYear).map(([year, counts]) => ({ year: year, ...counts // ジャンルごとの件数をフラットに展開 })); }3a:T648,monthlyCounts = { const enemyGenres = [ "人間", "幽霊・妖怪", "クリーチャー", "環境", "ゾンビ", "ロボット", "人形", "動物" ]; const countsByMonth = {}; enemydata.forEach((d) => { const releaseDate = d.release_date?.match(/(\d{4})年(\d{1,2})月/); const genres = d.enemy_genres?.trim(); if (!genres || !releaseDate) return; const year = releaseDate[1]; const month = releaseDate[2]; // 2023と2024年のデータのみ if (year !== "2023" && year !== "2024") return; const monthKey = `${year}-${month.padStart(2, "0")}`; // 月ごとの初期化 if (!countsByMonth[monthKey]) { countsByMonth[monthKey] = Object.fromEntries( [...enemyGenres, "その他"].map((genre) => [genre, 0]) ); } // ジャンルのカウント genres.split(",").forEach((genre) => { genre = genre.trim(); if (enemyGenres.includes(genre)) { countsByMonth[monthKey][genre]++; } else { countsByMonth[monthKey]["その他"]++; } }); }); // 月ごとの割合計算 return Object.entries(countsByMonth) .map(([month, counts]) => { const total = Object.values(counts).reduce( (sum, count) => sum + count, 0 ); return { month: month, ...Object.fromEntries( Object.entries(counts).map(([genre, count]) => [ genre, total > 0 ? ((count / total) * 100).toFixed(2) : 0 ]) ) }; }) .sort((a, b) => a.month.localeCompare(b.month)); }3b:T6bd,css = html` `3c:[{"id":"2b0c90325f54e00370371368d1c4a1b4388f7da783e1bed3a827cdaeab298de5f8669b217fc293ebc8d65a0999b5b424a179b93ede047c4f9916c3884162cea8","href":"https://static.observableusercontent.com/files/2b0c90325f54e00370371368d1c4a1b4388f7da783e1bed3a827cdaeab298de5f8669b217fc293ebc8d65a0999b5b424a179b93ede047c4f9916c3884162cea8","name":"ipaexm.ttf","type":"font/ttf","lastModified":1737303110046.198,"size":7835464},{"id":"d13861a3863efe9f83bcd1d3c05541c2392c1dc847b8ee2b5d636e3c1b4b34c813cbd6c493a1c6415250c255be507683d8c1534559c48f77af355abd31aa0b07","href":"https://static.observableusercontent.com/files/d13861a3863efe9f83bcd1d3c05541c2392c1dc847b8ee2b5d636e3c1b4b34c813cbd6c493a1c6415250c255be507683d8c1534559c48f77af355abd31aa0b07","name":"onryou.TTF","type":"font/ttf","lastModified":1737307373058.669,"size":13945872},{"id":"ece04f6ec702c059759319b65d444d21d5ba969c1ad718cdaef8241a5cbe687ff9837d901df816dc6b8adc630a98370e8b205367b2daa574b60da83ff17019da","href":"https://static.observableusercontent.com/files/ece04f6ec702c059759319b65d444d21d5ba969c1ad718cdaef8241a5cbe687ff9837d901df816dc6b8adc630a98370e8b205367b2daa574b60da83ff17019da","name":"無題44_20250203121406.png","type":"image/png","lastModified":1738898911585.987,"size":1262632},{"id":"6060794621b994b8463d44187601049bba3398408c6a4447e9a507d73772fc3d1f3043c92f7abc5fb0febeae2cb6b4b31fd03d10c1bb2cd9c34db9a4149a7245","href":"https://static.observableusercontent.com/files/6060794621b994b8463d44187601049bba3398408c6a4447e9a507d73772fc3d1f3043c92f7abc5fb0febeae2cb6b4b31fd03d10c1bb2cd9c34db9a4149a7245","name":"horrorgames_datas.csv","type":"text/csv","lastModified":1738482097229.489,"size":1189216},{"id":"4e24331738737c8f916742ff520d23e7929398603784934c5bb4401ef1bc97cb1a7c818f43caa5e9e96f732cedb080f5ac1c19070fb0d719610506577d67e764","href":"https://static.observableusercontent.com/files/4e24331738737c8f916742ff520d23e7929398603784934c5bb4401ef1bc97cb1a7c818f43caa5e9e96f732cedb080f5ac1c19070fb0d719610506577d67e764","name":"horrorgames_datas_after2017.csv","type":"text/csv","lastModified":1738483043275.426,"size":1118483},{"id":"0a386fda21bd9bf329dd025d9cb25b02b8a2cc5306a33de00d6008945a40dc74dbb08d2786a0bfa2ee070d2b2ebc328b6ee659dd6531b019d98a7a017f8a1777","href":"https://static.observableusercontent.com/files/0a386fda21bd9bf329dd025d9cb25b02b8a2cc5306a33de00d6008945a40dc74dbb08d2786a0bfa2ee070d2b2ebc328b6ee659dd6531b019d98a7a017f8a1777","name":"Exit8_trend@1.csv","type":"text/csv","lastModified":1738488924510.713,"size":1486},{"id":"dc0bb4a11e6de66dd3c45b30810a97caf822d6bc3791300212d5a169f1f21dbcaf0fd7bcb83ea4b66387382574a6e8d36d77c016d1c9313c333e483fbfbe3087","href":"https://static.observableusercontent.com/files/dc0bb4a11e6de66dd3c45b30810a97caf822d6bc3791300212d5a169f1f21dbcaf0fd7bcb83ea4b66387382574a6e8d36d77c016d1c9313c333e483fbfbe3087","name":"image.png","type":"image/png","lastModified":1738496279303.627,"size":153669},{"id":"4da3a42f1c6c22286cc0efda9171485597831bb63cfd5d28a86ac0fd1c6fcf1bcc1ef2f7a079141ff307ce2b5f8e53bb3ead69c58ce5cb7ca44cb7ece02cb9b7","href":"https://static.observableusercontent.com/files/4da3a42f1c6c22286cc0efda9171485597831bb63cfd5d28a86ac0fd1c6fcf1bcc1ef2f7a079141ff307ce2b5f8e53bb3ead69c58ce5cb7ca44cb7ece02cb9b7","name":"image@2.png","type":"image/png","lastModified":1738499457348.778,"size":264279},{"id":"b402b193fbcb5d024a2f186a1c2f6371642cba48171f067810a553bf214afbd576a36d22f0e3649a8e9e120062d79437240a65afb08943ae121f0413c18aa081","href":"https://static.observableusercontent.com/files/b402b193fbcb5d024a2f186a1c2f6371642cba48171f067810a553bf214afbd576a36d22f0e3649a8e9e120062d79437240a65afb08943ae121f0413c18aa081","name":"image@3.png","type":"image/png","lastModified":1738500195322.433,"size":50307},{"id":"79e3f7e843e7897f7d37dab0af0fea7ffdefea898f32936025fd226ca6a3e71fae6fb3fc6db45b183b6ce2792225dbb28843de4fa58bd412dc66841643bd99a7","href":"https://static.observableusercontent.com/files/79e3f7e843e7897f7d37dab0af0fea7ffdefea898f32936025fd226ca6a3e71fae6fb3fc6db45b183b6ce2792225dbb28843de4fa58bd412dc66841643bd99a7","name":"image@4.png","type":"image/png","lastModified":1738500466007.35,"size":3419529},{"id":"a79619b1ba4fbc0fe97a0653a87f1ae41ae0da8a452deaab817c6729e7d6ef8b35126d332d4a0173ef7edaa33cbef182df6235e12ad56e783325931d6d62077b","href":"https://static.observableusercontent.com/files/a79619b1ba4fbc0fe97a0653a87f1ae41ae0da8a452deaab817c6729e7d6ef8b35126d332d4a0173ef7edaa33cbef182df6235e12ad56e783325931d6d62077b","name":"image@5.png","type":"image/png","lastModified":1738500675864.551,"size":3746349},{"id":"25a63ff50be68a635b15d1e1196e5f99d0fa81ff741ea729e6ca0fe1a07d4c6da7046de26e35c817551179117f744d94693ad208c0044403655a48b10b46882b","href":"https://static.observableusercontent.com/files/25a63ff50be68a635b15d1e1196e5f99d0fa81ff741ea729e6ca0fe1a07d4c6da7046de26e35c817551179117f744d94693ad208c0044403655a48b10b46882b","name":"image@6.png","type":"image/png","lastModified":1738501051847.654,"size":118507},{"id":"c1ce9c603583b81e9b3a0e2d9233c574d6d6ee41aa50c1fffe17d862ea52aeec30b1c1c7e86a3f0f2cd573f39c0011a81a2815f2b2207326e2641410e35195dd","href":"https://static.observableusercontent.com/files/c1ce9c603583b81e9b3a0e2d9233c574d6d6ee41aa50c1fffe17d862ea52aeec30b1c1c7e86a3f0f2cd573f39c0011a81a2815f2b2207326e2641410e35195dd","name":"image@7.png","type":"image/png","lastModified":1738501716461.218,"size":1649192},{"id":"5d8ea019d01ce3ae0fdc6e4f8bd9b3bb2476c895a6c681c8bad7fc12550b9cf1d6686189abfe4a711c9dba89546afe2dcc3e944eead64e65fb15524c163bb977","href":"https://static.observableusercontent.com/files/5d8ea019d01ce3ae0fdc6e4f8bd9b3bb2476c895a6c681c8bad7fc12550b9cf1d6686189abfe4a711c9dba89546afe2dcc3e944eead64e65fb15524c163bb977","name":"image@8.png","type":"image/png","lastModified":1738502862195.534,"size":158245},{"id":"dada786a98f9a048c6630f1faa7a43bc34abb3144b44a093c681b4aa750733e96228e4bcd3bf13e362a7182ed738e658e8346606a3021a41793c11a70be3f9b1","href":"https://static.observableusercontent.com/files/dada786a98f9a048c6630f1faa7a43bc34abb3144b44a093c681b4aa750733e96228e4bcd3bf13e362a7182ed738e658e8346606a3021a41793c11a70be3f9b1","name":"image@9.png","type":"image/png","lastModified":1738502988510.4,"size":388377},{"id":"80f68caaf1ca594f386a60afe897a31142c47be87af078c24f8d53112b7c86925b0134f691fde04884f011da1f01a47aa6b483c1729cbda86b84a6c25fead134","href":"https://static.observableusercontent.com/files/80f68caaf1ca594f386a60afe897a31142c47be87af078c24f8d53112b7c86925b0134f691fde04884f011da1f01a47aa6b483c1729cbda86b84a6c25fead134","name":"image@10.png","type":"image/png","lastModified":1738504396235.844,"size":161528},{"id":"a0fac746ce431837c1e24d3c4d1c1031fe9d1d12eb8bbec1cfbb9a605193cb03cfd9cffcd9550b07440d45bfc74cc85697b20d761f65b0375466241cb00b1341","href":"https://static.observableusercontent.com/files/a0fac746ce431837c1e24d3c4d1c1031fe9d1d12eb8bbec1cfbb9a605193cb03cfd9cffcd9550b07440d45bfc74cc85697b20d761f65b0375466241cb00b1341","name":"image@11.png","type":"image/png","lastModified":1738504737494.937,"size":195821},{"id":"993a80950998b2edc9e1083f578d215d57218debcb32ca91f6a62719b42651a1be92f280517d1dce32684e39c627994e42c0d3440eb61039372e293250f1f401","href":"https://static.observableusercontent.com/files/993a80950998b2edc9e1083f578d215d57218debcb32ca91f6a62719b42651a1be92f280517d1dce32684e39c627994e42c0d3440eb61039372e293250f1f401","name":"image@12.png","type":"image/png","lastModified":1738504918975.075,"size":201006},{"id":"1600135041d701e04a52c48b6c8683382f9c97b2b6337e806efa41b01d841d6932264fbdf3b8f2242b48fce3aa7a52c040aa1bfb7d4285dd6b0c919d5e1c5c04","href":"https://static.observableusercontent.com/files/1600135041d701e04a52c48b6c8683382f9c97b2b6337e806efa41b01d841d6932264fbdf3b8f2242b48fce3aa7a52c040aa1bfb7d4285dd6b0c919d5e1c5c04","name":"image@13.png","type":"image/png","lastModified":1738505065909.348,"size":385219},{"id":"19b174db8cfc359be57030e641b0e0e295034ed01d403c529986f374bdebb4c63fba20b1aedc6a3a4d089a60bfbf209545ed911f5d19f8bffc90a47f994f96ab","href":"https://static.observableusercontent.com/files/19b174db8cfc359be57030e641b0e0e295034ed01d403c529986f374bdebb4c63fba20b1aedc6a3a4d089a60bfbf209545ed911f5d19f8bffc90a47f994f96ab","name":"image@14.png","type":"image/png","lastModified":1738505529736.064,"size":2539427},{"id":"412d97667e55e0ca2242ebfb663e3674b07b4a20cf194bc6bba68e4b8b29b2c0ace2ee69d0eb1bb23ef7b0361f79c021cb630a08a68ba521b9d36d1360d84b18","href":"https://static.observableusercontent.com/files/412d97667e55e0ca2242ebfb663e3674b07b4a20cf194bc6bba68e4b8b29b2c0ace2ee69d0eb1bb23ef7b0361f79c021cb630a08a68ba521b9d36d1360d84b18","name":"image@15.png","type":"image/png","lastModified":1738505857295.475,"size":326904},{"id":"9dc68e78d3a7aceb3b2b2fe76868c4abe70d166e877612a1e69cd2482c0cf6e0ef56c4c2c8a00c63da0f85e0a8d6435f929e0e3bf76c8d8a39ed0be41d124df2","href":"https://static.observableusercontent.com/files/9dc68e78d3a7aceb3b2b2fe76868c4abe70d166e877612a1e69cd2482c0cf6e0ef56c4c2c8a00c63da0f85e0a8d6435f929e0e3bf76c8d8a39ed0be41d124df2","name":"image@16.png","type":"image/png","lastModified":1738538840679.554,"size":429233},{"id":"0345d2109333f69e8705e357bc954d06ed9e5e98312cbdcf96495e3e8c0ba8ab55842220aa4826c57bef232be23ed4cb30a52ede12bdfdb4ac2a359d126c2a4c","href":"https://static.observableusercontent.com/files/0345d2109333f69e8705e357bc954d06ed9e5e98312cbdcf96495e3e8c0ba8ab55842220aa4826c57bef232be23ed4cb30a52ede12bdfdb4ac2a359d126c2a4c","name":"image@17.png","type":"image/png","lastModified":1738543807022.415,"size":200652},{"id":"36bf380a47771c1e57d41dfcdb5ef4e1cc4c3a926f90f12a128a1f782c19993699ea1cdd57357d6a3ffef26c4f04ff7a4b5f25c2621cf1665f204ce27c77aad3","href":"https://static.observableusercontent.com/files/36bf380a47771c1e57d41dfcdb5ef4e1cc4c3a926f90f12a128a1f782c19993699ea1cdd57357d6a3ffef26c4f04ff7a4b5f25c2621cf1665f204ce27c77aad3","name":"image@18.png","type":"image/png","lastModified":1738544254846.276,"size":70290},{"id":"cebaf2abc5568e5bc03278f23837274006c5e452ecd96d8483b32aa5a5137b6a506a7d25371927925134c3be12586294d74aa47669fc2503fe36e7d744a640e9","href":"https://static.observableusercontent.com/files/cebaf2abc5568e5bc03278f23837274006c5e452ecd96d8483b32aa5a5137b6a506a7d25371927925134c3be12586294d74aa47669fc2503fe36e7d744a640e9","name":"image@19.png","type":"image/png","lastModified":1738544712359.937,"size":106444},{"id":"72f91c6508e7a0c0d86b827849ff25b93a81726d13fa89c518fec6cd0b634606e6e4f479eb85478f1938bb47af988ad59a8bf70a4b56d7c79e4b7fcd5d95cfc3","href":"https://static.observableusercontent.com/files/72f91c6508e7a0c0d86b827849ff25b93a81726d13fa89c518fec6cd0b634606e6e4f479eb85478f1938bb47af988ad59a8bf70a4b56d7c79e4b7fcd5d95cfc3","name":"05HomuraM-SemiBold.otf","type":"font/otf","lastModified":1737913172567.584,"size":15128560}] 30:{"id":"4feab59107bc20d2","slug":"horrorgame","title":"ホラーゲームにおける恐怖の対象に流行はあるのか？","thumbnail":"510b41ec464b0420ba5504e30accf269f4528f5b9459f6edbb5b1454d377e309","access_level":"public","create_time":"$D2025-01-08T04:59:50.240Z","update_time":"$D2026-01-18T01:41:37.133Z","view_time":null,"first_public_time":"$D2025-02-03T03:43:27.344Z","has_unpublished_edits":null,"fork":true,"stars":0,"starred":false,"owner":{"type":"team","id":"fdca81b2f5eb7de5","login":"tmu-dataviz-class","name":"TMU Dataviz Class","avatar_url":"https://avatars-next.observableusercontent.com/7549232d2187bf99f5cfbd7780436d4ce1cc4257fe3eae6585b5ff10b836499b","tier":"education_2026"},"version":1290,"publish_version":null,"role":null,"authored":false,"authors":[{"type":"individual","id":"9c5bfb4e8ffe26ad","login":"ha-76","name":"Ha-76","avatar_url":"https://avatars-next.observableusercontent.com/86545a559370f16a490c15f528aecc1824d7258547131ddc269af20a1545954a","tier":null}],"members":[{"type":"individual","id":"9c5bfb4e8ffe26ad","login":"ha-76","name":"Ha-76","avatar_url":"https://avatars-next.observableusercontent.com/86545a559370f16a490c15f528aecc1824d7258547131ddc269af20a1545954a","tier":null,"role":"editor"},{"type":"team","id":"fdca81b2f5eb7de5","login":"tmu-dataviz-class","name":"TMU Dataviz Class","avatar_url":"https://avatars-next.observableusercontent.com/7549232d2187bf99f5cfbd7780436d4ce1cc4257fe3eae6585b5ff10b836499b","tier":"education_2026","role":"editor"}],"comments":[],"custom_thumbnail":true,"trashed":false,"lapsed":null,"subscribed":null,"forks":0,"collection":{"id":"64342ad2a9267bf8","slug":"2024-final-project","title":"2024 Final Project","owner":{"id":"fdca81b2f5eb7de5","login":"tmu-dataviz-class","name":"TMU Dataviz Class"}},"type":"notebook","body":{"titling":"auto","title":"ホラーゲームにおける恐怖の対象に流行はあるのか？","cells":[{"id":98,"value":"

ホラーゲームにおける
恐怖の対象に流行はあるのか？

","pinned":false,"hidden":false,"mode":"html","author":"$undefined","summary":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"","database":"$undefined"},{"id":1287,"value":" $\"無題44_20250203121406.png\"$ ","pinned":false,"hidden":false,"mode":"html","author":"$undefined","summary":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"","database":"$undefined"},{"id":231,"value":"\n

はじめに

\n ホラーゲームとは、恐怖や不安感をプレイヤーに与えることを目的としたゲームのジャンルを指す。一見マニアックに思えるが、ホラーゲームは、現実では体験する機会の少ない緊張感や恐怖感を味わうことができるという独自の魅力を持っている。それゆえに、ファンからの根強い人気を誇る。
\n筆者もその一人であり、自身でプレイすることも好きだが、配信を見ることがより好きだ。
\n\n
\nホラーゲームにおいて恐怖を与えてくる対象には、様々な種類がある。\n一番に思い浮かべる人が多いのは、幽霊やゾンビといった超自然的な存在だろう。代表作には、「零～zero～」シリーズや「バイオハザード」シリーズがある。\n
\n反対に、殺人鬼やストーカーといった、生身の人間が恐怖を与えてくる作品もある。これらは「ヒトコワ」とも呼ばれ、自分の身にも起こるかもしれないという後味の悪さやリアリティのある恐怖をもっている。\n

\n本稿では、これら恐怖の対象はリリース年代で傾向が異なるのではないか、要するに流行があるのではないかという仮説を立て、検証を行う。\n

方法

\n Steam上で販売されているゲームのうち、「ホラー」カテゴリに含まれるゲームすべてをスクレイピングで取得した。
\n 検証には、
\n ・タイトル
\n ・説明文
\n ・リリース年月日
\n を主に利用した。\n

定義

超自然的な存在に対する一般的な定義は、あいまいであることが多い。例えば、クリーチャーの定義は、「創造されたもの。生命のある物。特に、空想上の不思議な生物。」とされている。一方で、モンスターの定義は、「怪物。化け物。」であり、クリーチャーとの違いは明示されていない。同じく、幽霊と妖怪もそういった関係にある。
\nこれら一般的な定義に従うと、分類が難しいものが多くあるため、本稿においてはそれぞれを以下のように定義づけして、手作業での分類を行った。ゲームの説明文に「幽霊」「クリーチャー」等が明記されている場合は、そのままの区分に従い、記載がない場合にはゲーム実況や攻略サイトを見てその定義に当てはまるものに分類している。\n

クリーチャー

実在しない異形が分類される。人間や動物だった過去があっても、本来と大きく異なった姿(異形)になっていればクリーチャーに分類する。\n

\n\n\n

\n \n

\n \n \n \n

\n \n

\n \n\n

幽霊・妖怪

実在しない敵の中でも、実体をもたない、攻撃ができない存在が分類される。説明文に「Ghost」とあった場合、幽霊としてここに分類する。

\n\n

\n \n

\n \n \n \n

\n\n

ゾンビ

一度は死体となった、腐敗した人間。噛まれることで感染者になる敵も分類する。\n

\n\n

\n \n

\n \n \n

\n \n

人間

主に殺人鬼、不審者、犯罪者、武器を持って攻撃してくる人間が分類される。死亡していないことを前提とする。絵画の中の人物や、ゲームの女性キャラクターといった二次元の人間は含まない。\n

\n\n

\n \n

\n \n \n

\n\n \n

動物

サメ、熊といった実在する動物を分類する。\n

\n\n

\n \n

\n \n \n

\n \n

\n\n\n

ロボット

生物でない物体のうち、特に機械を指す。\n\n

\n \n

\n \n \n \n

\n\n \n

\n\n\n

人形

日本人形やドールのほかに、ぬいぐるみやマスコットキャラクターを含む。

\n\n

\n \n

\n \n \n \n

\n\n\n \n

環境

直接的に脅かしたり恐怖を与えてきたりする存在がなくとも、災害、無機質な場所、退廃的な雰囲気、外へ出られない状況といった環境が恐怖を与えている場合に分類される。\n

\n \n

\n \n \n \n \n

\n\n \n

予想

ロボット

AI技術の進歩に伴い、機械が自我を持つようになったり、人間を攻撃する可能性も囁かれている。その影響で、段々と増加している傾向にあるのではないか。\n

人間

近年、インターネットやテレビ番組の影響で、心霊映像とされていたものの中には、実は合成によって作られたものが多く含まれていることが周知されている。よって、そういった超自然的な存在に恐怖をおぼえる人が減少したと仮定すると、その代わりに、現実的なヒトコワが増加するのではないか。\n

検証

\n 取得できたゲームの総数は761タイトル、リリース年は2017年から2024年となった。\n

ジャンルごとの総数

\n","pinned":false,"hidden":false,"mode":"html","author":"$undefined","summary":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"","database":"$undefined"},{"id":53,"value":"$32","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":902,"value":"

\n 全体における恐怖の対象としては、クリーチャーが最も多く、次いで幽霊・妖怪が多かった。そして人間、環境が同等の多さで、ゾンビに大きな差をつけている。\n

年ごとの各ジャンルの割合

Playボタンを押すと、各年の恐怖の対象が表示される。文字の大きさは、その年にリリースされたホラーゲームのうち、その対象が占める割合に対応している。\n

\n\n

\n","pinned":false,"hidden":false,"mode":"html","author":"$undefined","summary":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"","database":"$undefined"},{"id":533,"value":"viewof currentYear = Scrubber(\n Array.from(new Set(yearlyCounts.map((d) => d.year))).sort(),\n {\n loop: true,\n delay: 8000,\n autoplay: false,\n format: (d) => d\n }\n)","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":535,"value":"$33","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":924,"value":"

\n \n

具体的な数値を含めて詳細に表したものが以下である。\n

\n\n

\n","pinned":false,"hidden":false,"mode":"html","author":"$undefined","summary":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"","database":"$undefined"},{"id":858,"value":"drawStackedBarChart(yearlyCounts)","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":926,"value":"

\n \n

予想に反して、人間ジャンルの割合の増加はみられなかった。ロボットも同様である。
\n その一方で、2023年と2024年を比較すると、環境ジャンルの割合が爆発的に増加しており、従来は約10%だったのが、2024年には25.6%を占めていることが確認できる。\n

\n\n

2023年-2024年の各月における環境ジャンルの割合

\n\n\n

\n","pinned":false,"hidden":false,"mode":"html","author":"$undefined","summary":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"","database":"$undefined"},{"id":334,"value":"drawMonthlyEnvironmentChart(monthlyCounts)","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":1031,"value":"

\n \n

環境ジャンルは、2023年1月から2024年7月にかけて、高い割合を保っていることがわかる。
その背景に、「８番出口」のブームがあるのではないかと考えた。\n

\n\n

８番出口

\n $\"image@16.png\"$ \n

8番出口とは、2023年11月29日に発売されたゲームである。プレイヤーは、無限に続く地下通路に閉じ込められ、「異変」を一定回数見つけると脱出することができるシステムになっている。
いわば間違い探しとホラーの融合のような目新しさや、配信映えすることから、発売後すぐに話題となった。\n

\n\n

2023年-2024年の全世界における\"Exit 8(8番出口)\"の人気度

\n\n

\n","pinned":false,"hidden":false,"mode":"html","author":"$undefined","summary":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"","database":"$undefined"},{"id":635,"value":"$34","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":1074,"value":"

\n \n

Googleトレンドの検索回数による人気度は上のようになっている。発売初週の12月3日から即座に話題になり、その後も人気が保たれていることがわかる。

\n ブーム以降、８番出口にインスパイアされたことを公言する異変探しゲームが多く発売されている。ゲーム開発の期間を考慮すると、人気度が最も高い12月頭に対して、1月と2月に環境ジャンルの割合が増えているのはやはり関連性があるのではないか。\n

\n\n

\n \n \n \n\n

\n`","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":1096,"value":"md`\n

\n \n \n \n\n

結果

\n増加傾向にあると予想した、人間とロボットのジャンルには年による大きな割合の変化は見られなかった。
\n その一方で、環境ジャンルは2024年の1月から急激な増加がみられた。その要因には、2023年11月末に発売され、ブームを起こした８番出口の存在があると考えられる。\n

\n 結論として、ホラーゲームの恐怖の対象には流行があり、2024年の1月から7月は環境がトレンドであったといえる。\n

\n","pinned":false,"hidden":false,"mode":"html","author":"$undefined","summary":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"","database":"$undefined"},{"id":1118,"value":"$36","pinned":false,"hidden":false,"mode":"html","author":"$undefined","summary":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"","database":"$undefined"},{"id":1283,"value":"

データ処理用

","pinned":false,"hidden":false,"mode":"html","author":"$undefined","summary":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"","database":"$undefined"},{"id":641,"value":"exit8_trend1 = await FileAttachment(\"Exit8_trend@1.csv\").csv({typed: \"auto\"})","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"exit8_trend1","database":"$undefined"},{"id":330,"value":"$37","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":172,"value":"$38","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":47,"value":"enemyCounts = {\n const enemyGenres = [\n \"人間\",\n \"幽霊・妖怪\",\n \"クリーチャー\",\n \"環境\",\n \"ゾンビ\",\n \"ロボット\",\n \"人形\",\n \"動物\"\n ];\n const counts = Object.fromEntries(\n [...enemyGenres, \"その他\"].map((genre) => [genre, 0])\n );\n\n enemydata.forEach((d) => {\n const genres = d.enemy_genres?.trim(); // enemy_genres列を使用\n if (!genres || genres === \"\") return; // 空白や未定義なジャンルは無視\n\n // 複数のジャンルがカンマで区切られている場合、それぞれをカウント\n genres.split(\",\").forEach((genre) => {\n genre = genre.trim(); // 不要な空白を削除\n\n if (enemyGenres.includes(genre)) {\n counts[genre]++;\n } else {\n counts[\"その他\"]++; // 分類外のジャンルを「その他」に追加\n }\n });\n });\n\n // カウントが0のジャンルも含めてすべて表示\n return Object.entries(counts).map(([enemy, count]) => ({ enemy, count }));\n}","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":169,"value":"$39","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":336,"value":"$3a","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":30,"value":"enemydata = FileAttachment(\"horrorgames_datas_after2017.csv\").csv()","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":631,"value":"trendData = FileAttachment(\"Exit8_trend@1.csv\").csv()","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":1212,"value":"processedData = (() => {\n const result = [];\n\n horrorgames_datas_after2017.forEach((game) => {\n const genres = game.enemy_genres?.trim();\n if (!genres || genres === \"\") return;\n\n // review_countからカンマや空白を削除し、数値に変換\n const reviewCount = parseInt(game.review_count.replace(/[^0-9]/g, \"\"), 10);\n\n // 数値に変換できなかった場合、またはreview_countが20000を超える場合はスキップ\n if (isNaN(reviewCount) || reviewCount > 20000) return;\n\n // 各ジャンルについて1行のデータを作成\n genres.split(\",\").forEach((genre) => {\n genre = genre.trim();\n if (enemyCounts.some((e) => e.enemy === genre)) {\n result.push({\n genre: genre,\n review_summary: game.review_summary,\n review_count: reviewCount // 数値に変換済み\n });\n }\n });\n });\n\n return result;\n})()","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":1237,"value":"filteredData = {\n const genre = selectedGenre; // ラジオボタンで選ばれたジャンル\n if (genre === \"すべて\") {\n return processedData; // すべてのデータを表示\n } else {\n return processedData.filter((d) => d.genre === genre); // 選ばれたジャンルのみフィルタリング\n }\n}","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":1241,"value":"xDomain = [\n d3.min(processedData, (d) => d.review_count), // 最小値\n d3.max(processedData, (d) => d.review_count) // 最大値\n]","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":1247,"value":"genreColors = d3\n .scaleOrdinal(d3.schemeReds[9])\n .domain([...new Set(processedData.map((d) => d.genre))])","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":649,"value":"formattedData = trendData.map((d) => ({\n week: d.週,\n searchCount: +d.検索回数 // 数値に変換\n}))","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":84,"value":"Mincho = FileAttachment(\"ipaexm.ttf\")","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":119,"value":"Onryo = FileAttachment(\"onryou.TTF\")","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":371,"value":"homura = FileAttachment(\"05HomuraM-SemiBold.otf\")","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":86,"value":"$3b","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":104,"value":"md`あいうえお`","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":128,"value":"md`あいうえお`","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":375,"value":"md`あいうえお`","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":514,"value":"import { Scrubber } from \"@mbostock/scrubber\"","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":562,"value":"horrorgames_datas_after2017 = await FileAttachment(\"horrorgames_datas_after2017.csv\").csv({typed: \"auto\"})","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"horrorgames_datas_after2017","database":"$undefined"},{"id":552,"value":"horrorgames_datas = await FileAttachment(\"horrorgames_datas.csv\").csv({typed: \"auto\"})","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"horrorgames_datas","database":"$undefined"},{"id":630,"value":"exit8_trend = await FileAttachment(\"Exit8_trend.csv\").csv({typed: \"auto\"})","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"exit8_trend","database":"$undefined"}],"files":"$W3c","stdlib":"1"}} 31:"$30:body"