25:["$","title",null,{"children":"Ridgeline Plot of X number of posts mentioning NHK MUSIC EXPO performers | tsurezure lab. こちら徒然研究室（仮称） | Observable"}] 49:T921,chart = addTooltips( Plot.plot({ title: "NHK MUSIC EXPO出演者に言及するX投稿数の推移を可視化してみる", caption: "Google Trendsより徒然研究室（仮称）が2023年9月15日作成", 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.Tweet_Count) / (overlap + 1)] }, // y: { axis: null, range: [2.5 * 17 + 50, (2.5 - overlap) * 17 - 2] }, // Y軸を非表示にし、レンジを設定 color: { legend: true, label: "1日あたり投稿件数", scheme: "YlGn", style: { background: "rgb(250, 245, 240)" } // レジェンドの背景色を設定 }, fy: { domain: traffic.map((d) => d.query) // preserve input order }, facet: { data: traffic, y: "query" }, marks: [ Plot.areaY(traffic, { x: "Daily_Timestamp", y: "Tweet_Count", z: "query", fill: "Tweet_Count", fillOpacity: 0.85, // fill: (d) => `rgba(0, 0, 255, ${calculateAlpha(d.Tweet_Count)})`, // Tweet_Countに基づいてアルファ値を計算して適用 sort: "Daily_Timestamp", // curve: "catmull-rom", title: (d) => `時刻 ${d.Daily_Timestamp}\検索ボリューム: ${d.Tweet_Count}` }), Plot.lineY(traffic, { x: "Daily_Timestamp", y: "Tweet_Count", z: "query", curve: "catmull-rom", strokeWidth: 1, sort: "Daily_Timestamp", stroke: "black" // ストロークカラーを黒に設定 }), Plot.text( traffic, Plot.selectFirst({ x: d3.min(traffic, (d) => d.Daily_Timestamp), text: "query", dx: 220, frameAnchor: "right", fontFamily: "Noto Sans JP ExtraBold, sans-serif", // Noto Sans JP Bold を指定 fontWeight: "bold", fontSize: 20, // フォントサイズを設定 fill: "rgba(0, 0, 0, 0.7)" // フォントの色を黒にし、透明度を0.85に設定 }) ) ] }) )4a:[{"id":"a45ebf0d52838079caf803aa82bad65a17d60a536c051d9d0267b318c7d44b7b10cdb89c875666f4d62afecb12e29ea01e001bbb3bf177a3a182f9df7b16f56d","href":"https://static.observableusercontent.com/files/a45ebf0d52838079caf803aa82bad65a17d60a536c051d9d0267b318c7d44b7b10cdb89c875666f4d62afecb12e29ea01e001bbb3bf177a3a182f9df7b16f56d","name":"230916_-New Jeans- OR NewJeans_-Mrs. GREEN APPLE- OR MrsGREENAPPLE_ENHYPEN_新しい学校のリーダーズ OR ATARASHIIGAKKO_-Travis Japan- OR TravisJapan_andTEAM_YOASOBI_#SEVENTEEN_30.csv","type":"text/csv","lastModified":1694848471316.682,"size":392174}] 29:{"id":"e969ab96ee7c7f8e","slug":null,"title":"Ridgeline Plot of X number of posts mentioning NHK MUSIC EXPO performers","thumbnail":"84b1b7c263d219319c5e0efe651ec6447bfe3bdb103d251ad3595f21e9d2a2a4","access_level":"public","create_time":"$D2023-09-16T06:48:14.964Z","update_time":"$D2023-09-17T03:23:18.638Z","view_time":null,"first_public_time":"$D2023-09-16T06:48:14.964Z","has_unpublished_edits":null,"fork":true,"stars":0,"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":909,"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":1,"collection":null,"type":"notebook","body":{"titling":"auto","title":"Ridgeline Plot of X number of posts mentioning NHK MUSIC EXPO performers","cells":[{"id":0,"value":"# Ridgeline Plot of X number of posts mentioning NHK MUSIC EXPO performers\nNHK MUSIC EXPO出演者に言及するX投稿数推移を可視化してみる","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出演者に言及するX投稿数推移を可視化してみる\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(\"230916_-New Jeans- OR NewJeans_-Mrs. GREEN APPLE- OR MrsGREENAPPLE_ENHYPEN_新しい学校のリーダーズ OR ATARASHIIGAKKO_-Travis Japan- OR TravisJapan_andTEAM_YOASOBI_#SEVENTEEN_30.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":"// // Tweet_Countに基づいてアルファ値を計算する関数\n// function calculateAlpha(Tweet_Count) {\n// // Tweet_Countの値に応じてアルファ値を0から1の範囲で調整\n// const minAlpha = 0.2; // 最小のアルファ値\n// const maxAlpha = 0.9; // 最大のアルファ値\n// const normalizedTweet_Count = (Tweet_Count - 0.2) / (0.9 - 0.2);\n// return minAlpha + (maxAlpha - minAlpha) * normalizedTweet_Count;\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