25:["$","title",null,{"children":"Ridgeline Plot of searches mentioning NHK MUSIC EXPO performers | tsurezure lab. こちら徒然研究室（仮称） | Observable"}] 49:T82b,chart = addTooltips( Plot.plot({ title: "NHK MUSIC EXPO 出演者の検索ボリューム推移を可視化してみる", caption: "Google Trendsより徒然研究室（仮称）が2023年9月14日作成", height: 675, width: 1200, marginTop: 50, marginBottom: 0, marginLeft: 220, style: { background: "rgb(250, 245, 240)", fontSize: "13px", color: "rgb(60, 60, 60)" }, axis: null, x: { label: "放送時刻", axis: "top", round: true }, y: { domain: [-20, d3.max(traffic, (d) => d.value) / (overlap + 1)] }, // y: { axis: null, range: [2.5 * 17 + 50, (2.5 - overlap) * 17 - 2] }, // Y軸を非表示にし、レンジを設定 color: { legend: true, label: "検索ボリューム", scheme: "purd", style: { background: "rgb(250, 245, 240)" } // レジェンドの背景色を設定 }, fy: { domain: traffic.map((d) => d.keyword) // preserve input order }, facet: { data: traffic, y: "keyword" }, marks: [ Plot.areaY(traffic, { x: "timestamp", y: "value", z: "keyword", fill: "value", fillOpacity: 0.85, // fill: (d) => `rgba(0, 0, 255, ${calculateAlpha(d.value)})`, // valueに基づいてアルファ値を計算して適用 sort: "timestamp", title: (d) => `時刻 ${d.timestamp}\検索ボリューム: ${d.value}` }), Plot.lineY(traffic, { x: "timestamp", y: "value", z: "keyword", strokeWidth: 1, sort: "timestamp", stroke: "black" // ストロークカラーを黒に設定 }), Plot.text( traffic, Plot.selectFirst({ x: d3.min(traffic, (d) => d.timestamp), text: "keyword", dx: -4, frameAnchor: "right", fontFamily: "Noto Sans JP ExtraBold, sans-serif", // Noto Sans JP Bold を指定 fontWeight: "bold", fontSize: 20 // フォントサイズを設定 }) ) ] }) )4a:[{"id":"54d5fc026f013faa9652e36833e7a7c1cad20451ef25a613f82d3f3c41c8aa161e19af0622f9d919dd8f6e09d7dc9a552403b478cf205e931948bd1ad4dde2ad","href":"https://static.observableusercontent.com/files/54d5fc026f013faa9652e36833e7a7c1cad20451ef25a613f82d3f3c41c8aa161e19af0622f9d919dd8f6e09d7dc9a552403b478cf205e931948bd1ad4dde2ad","name":"230914_NHK_MUSIC_EXPO_interpolated_simple@10.csv","type":"text/csv","lastModified":1694719597241.815,"size":192242}] 29:{"id":"8ffdd18a8764e6da","slug":null,"title":"Ridgeline Plot of searches mentioning NHK MUSIC EXPO performers","thumbnail":"eea2be3ee058fe18646bd4f15ebd0822b799e91d17a82c359dd9a8045f5b55f8","access_level":"public","create_time":"$D2023-09-14T15:41:09.613Z","update_time":"$D2023-09-17T03:25:58.130Z","view_time":null,"first_public_time":"$D2023-09-14T15:41:09.613Z","has_unpublished_edits":null,"fork":{"id":"30e06f16a7fbf10f","slug":"plot-ridgeline","title":"Plot: Ridgeline Plot","owner":{"id":"f35c755083683fe5","login":"observablehq","name":"Observable"}},"stars":1,"starred":false,"owner":{"type":"team","id":"59dc038720f2d6ef","login":"tsurezure-lab-ws","name":"tsurezure lab. こちら徒然研究室（仮称）","avatar_url":"https://avatars-next.observableusercontent.com/acea9591cc9d41429f95084ddae72aba731500f6a2cc2ef2c90104e712930467","tier":"starter_2024","bio":"Data x Ethnography x Visualization / Python\nデータとプログラミングと可視化で文化・社会・人間の不思議を研究しています。","followed_by_you":false,"follows_you":false},"version":852,"publish_version":null,"role":null,"authored":false,"authors":[{"type":"individual","id":"5dc444280c822d70","login":"tsurezure-lab","name":"tsurezure lab. ","avatar_url":"https://avatars-next.observableusercontent.com/acea9591cc9d41429f95084ddae72aba731500f6a2cc2ef2c90104e712930467","tier":null,"bio":"Data x Ethnography x Visualization / Python\nデータとプログラミングと可視化で文化・社会・人間の不思議を研究しています。","followed_by_you":false,"follows_you":false}],"members":[{"type":"individual","id":"5dc444280c822d70","login":"tsurezure-lab","name":"tsurezure lab. ","avatar_url":"https://avatars-next.observableusercontent.com/acea9591cc9d41429f95084ddae72aba731500f6a2cc2ef2c90104e712930467","tier":null,"role":"editor"},{"type":"team","id":"59dc038720f2d6ef","login":"tsurezure-lab-ws","name":"tsurezure lab. こちら徒然研究室（仮称）","avatar_url":"https://avatars-next.observableusercontent.com/acea9591cc9d41429f95084ddae72aba731500f6a2cc2ef2c90104e712930467","tier":"starter_2024","role":"editor"}],"comments":[],"custom_thumbnail":false,"trashed":false,"lapsed":null,"subscribed":null,"forks":0,"collection":null,"type":"notebook","body":{"titling":"auto","title":"Ridgeline Plot of searches mentioning NHK MUSIC EXPO performers","cells":[{"id":0,"value":"# Ridgeline Plot of searches mentioning NHK MUSIC EXPO performers\nHK MUSIC EXPO出演者の検索数推移を可視化してみる","pinned":false,"hidden":false,"mode":"md","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"","database":"$undefined"},{"id":523,"value":"viewof overlap = Inputs.range([0, 9], {step: 0.1, label: \"Overlap\"})","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":795,"value":"\n\n\n \n\n\n \n

\n NHK MUSIC EXPO出演者の検索数推移を可視化してみる\n

\n \n\n","pinned":false,"hidden":false,"mode":"html","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"","database":"$undefined"},{"id":8,"value":"$49","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":620,"value":"traffic = _nhk_music_expo_interpolated_melt2Csv","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":618,"value":"_nhk_music_expo_interpolated_melt2Csv = await FileAttachment(\"230914_NHK_MUSIC_EXPO_interpolated_simple@10.csv\").csv({typed: \"auto\"})","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"_nhk_music_expo_interpolated_melt2Csv","database":"$undefined"},{"id":4,"value":"// traffic = FileAttachment(\"230914_NHK_MUSIC_EXPO_interpolated_melt@2.csv.csv\").csv({typed: true})","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":770,"value":"import { addTooltips } from \"@mkfreeman/plot-tooltip\"","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":772,"value":"// // valueに基づいてアルファ値を計算する関数\n// function calculateAlpha(value) {\n// // valueの値に応じてアルファ値を0から1の範囲で調整\n// const minAlpha = 0.2; // 最小のアルファ値\n// const maxAlpha = 0.9; // 最大のアルファ値\n// const normalizedValue = (value - 0.2) / (0.9 - 0.2);\n// return minAlpha + (maxAlpha - minAlpha) * normalizedValue;\n// }","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"}],"files":"$W4a","stdlib":"1"}} 24:null