44:["$","title",null,{"children":"Visualize the number of tweets of VIVANT and Jujutsu Kaisen | tsurezure lab. こちら徒然研究室（仮称） | Observable"}] 4c:T182e,chart = { const tableauPalette = d3.scaleOrdinal(d3.schemeTableau10); const gradientColors = { gradient1: tableauPalette(0), // 0番目の色 gradient2: tableauPalette(1), // 1番目の色 gradient3: tableauPalette(2), // 2番目の色 gradient4: tableauPalette(3), // 3番目の色 gradient5: tableauPalette(4) // 4番目の色 }; const plot = Plot.plot({ // title: "For charts, an informative title", // subtitle: "Subtitle to follow with additional context", // caption: // "Yahoo!リアルタイム検索データより徒然研究室（仮称）作成。数値は最大値の日付と値。各イベントの検索ワードには静止式名称はハッシュタグなどもOR条件で含めた。", width: 1200, height: 675, marginTop: 50, marginBottom: 50, marginLeft: 110, marginRight: 70, style: { background: "rgb(250, 245, 240)", fontSize: "17px", color: "gray" }, x: { tickFormat: d3.timeFormat("%-m/%-d"), // この行を追加 label: "投稿日" }, y: { label: "1日あたり投稿件数" }, marks: [ () => htl.svg` `, Plot.areaY( data.filter((d) => d.query === "呪術廻戦 OR 呪術"), { x: "Daily Timestamp", y2: "Tweet Count", fillOpacity: 0.75, fill: "url(#gradient2)", curve: "catmull-rom" } ), Plot.areaY( data.filter((d) => d.query === "トリリオンゲーム"), { x: "Daily Timestamp", y2: "Tweet Count", fillOpacity: 0.75, fill: "url(#gradient3)", curve: "catmull-rom" } ), Plot.areaY( data.filter( (d) => d.query === "VIVANT OR ヴィヴァン OR ビバン OR VIVAる" ), { x: "Daily Timestamp", y2: "Tweet Count", fillOpacity: 0.75, fill: "url(#gradient1)", curve: "catmull-rom" } ), Plot.areaY( data.filter((d) => d.query === "ラグビー"), { x: "Daily Timestamp", y2: "Tweet Count", fillOpacity: 0.75, fill: "url(#gradient4)", curve: "catmull-rom" } ), Plot.areaY( data.filter((d) => d.query === "バスケ"), { x: "Daily Timestamp", y2: "Tweet Count", fillOpacity: 0.75, fill: "url(#gradient5)", curve: "catmull-rom" } ), Plot.lineY(data, { x: "Daily Timestamp", y: "Tweet Count", z: "query", strokeWidth: 2.5, opacity: 0.8, curve: "catmull-rom", stroke: (d) => gradientColors[getGradientId(d.query)] // gradientColorsの色を設定 }), Plot.text(maxDataPoints, { x: "Daily Timestamp", y: "Tweet Count", z: "query", text: (d) => `${getAlias(d.query)}\n${d3.timeFormat("%-m/%-d")( d["Daily Timestamp"] )}\n${d3.format(",")(d["Tweet Count"])}` + "件", textAnchor: "middle", // テキストの位置 dy: -5, // テキストの位置の微調整 fontSize: 30, // テキストのフォントサイズ fontFamily: "Noto Sans JP ExtraBold, sans-serif", // Noto Sans JP Bold を指定 fontWeight: "bold", fill: (d) => gradientColors[getGradientId(d.query)], // gradientColorsの色を設定 stroke: "white", strokeWidthdth: 0.2, opacity: 0.65 }), Plot.text( // グラフ内の任意の位置にテキストをプロットするコード [ `Yahoo!リアルタイム検索データより徒然研究室（仮称）作成。データ取得日は2023年9月18日。数値は最大値の日付と値。各イベントの検索ワードには静止式名称はハッシュタグなどもOR条件で含めた。` ], { frameAnchor: "top-left", fontSize: 10, fontFamily: "Noto Sans JP, sans-serif", // Noto Sans JP Bold を指定 fontWeight: "300", fill: "gray", dy: 5 } ), Plot.text([`人気コンテンツに\n言及するXポスト件数を\n可視化してみる`], { frameAnchor: "top-left", fontSize: 50, fontFamily: "Noto Sans JP, sans-serif", // Noto Sans JP Bold を指定 fontWeight: "700", fill: "black", opacity: 0.6, dy: 30, lineHeight: 1.1 }), Plot.ruleY([0]) ] }); const paths = d3.select(plot).selectAll("path"); paths .on("pointerenter", function () { paths.attr("opacity", 0.1); d3.select(this).attr("opacity", 1); }) .on("pointerleave", function () { paths.attr("opacity", 1.0); }); return plot; }4d:[{"id":"985ec18619bb9db2c9f0a56d6b42dd4ee134ccaa68db0a35fd088f7aadc3f8126a36d3ddd0002b48c45c5335d9098d906532324d257c45e3ce6caa870cce793c","href":"https://static.observableusercontent.com/files/985ec18619bb9db2c9f0a56d6b42dd4ee134ccaa68db0a35fd088f7aadc3f8126a36d3ddd0002b48c45c5335d9098d906532324d257c45e3ce6caa870cce793c","name":"230926_230911_VIVANT OR ヴィヴァン OR ビバン OR VIVAる_呪術廻戦 OR 呪術_トリリオンゲーム_バスケ_ラグビー_30.csv","type":"text/csv","lastModified":1695662159611.211,"size":372263},{"id":"bf138db33ad6741c39639b48360585ea1b49fcde799d49ae7e6ea42f85869e505f76ddf9882f237c92e14506a29dbe61aefae6367f7e07b6f0beb4ddbd8dcf6d","href":"https://static.observableusercontent.com/files/bf138db33ad6741c39639b48360585ea1b49fcde799d49ae7e6ea42f85869e505f76ddf9882f237c92e14506a29dbe61aefae6367f7e07b6f0beb4ddbd8dcf6d","name":"230926_VIVANT OR ヴィヴァン OR ビバン OR VIVAる_呪術廻戦 OR 呪術_トリリオンゲー��_バスケ_ラグビー_30.csv","type":"text/csv","lastModified":1695659474444.307,"size":248789},{"id":"ca42e9a9d17ed4f6a4ab4a0b47f366fe0e61a2a2183aa22762ef398315bbe8fb61d3a42862fe91aa716816392370ca804cdcae9ec719cfb57df231e399bfcae6","href":"https://static.observableusercontent.com/files/ca42e9a9d17ed4f6a4ab4a0b47f366fe0e61a2a2183aa22762ef398315bbe8fb61d3a42862fe91aa716816392370ca804cdcae9ec719cfb57df231e399bfcae6","name":"230926_concat_230913_VIVANT OR ヴィヴァン OR ビバン OR VIVAる_呪術廻戦 OR 呪術_トリリオンゲーム_バスケ_ラグビー_30.csv","type":"text/csv","lastModified":1695660979492.59,"size":248251},{"id":"b54a96296ee14f1566d8a3b0f964ee16dc65e09c7289ebf5547110ad97e6cab5a58fa49f5f041620311b6d866491a337d006bc180f7b02b9d693fed68cdee3e4","href":"https://static.observableusercontent.com/files/b54a96296ee14f1566d8a3b0f964ee16dc65e09c7289ebf5547110ad97e6cab5a58fa49f5f041620311b6d866491a337d006bc180f7b02b9d693fed68cdee3e4","name":"230910_VIVANT OR ヴィヴァン OR ビバン OR VIVAる_呪術廻戦 OR 呪術_トリリオンゲーム_バスケ_30.csv","type":"text/csv","lastModified":1694321755423.77,"size":206245},{"id":"dcdabcc2794c13caa7fa79421a53a9400ad57642071ed158f7cfe811ad4bf3e053a426718d00b044aba13bc210b2cac487ab18fa01b8fb246bd84294daeb909d","href":"https://static.observableusercontent.com/files/dcdabcc2794c13caa7fa79421a53a9400ad57642071ed158f7cfe811ad4bf3e053a426718d00b044aba13bc210b2cac487ab18fa01b8fb246bd84294daeb909d","name":"230910_VIVANT OR ヴィヴァン OR ビバン OR VIVAる_呪術廻戦 OR 呪術_トリリオンゲーム_ハヤブサ消防団_30.csv","type":"text/csv","lastModified":1694348940139.474,"size":215443},{"id":"bc0056e259eac9e5b3b4e3d32dbccd029a39b59b82cd29fcce98e8c5cebdcfea2d6da8bf6291369199450e3fdfe124972e8660bb8c2831a4c2c34dc1d32e35ce","href":"https://static.observableusercontent.com/files/bc0056e259eac9e5b3b4e3d32dbccd029a39b59b82cd29fcce98e8c5cebdcfea2d6da8bf6291369199450e3fdfe124972e8660bb8c2831a4c2c34dc1d32e35ce","name":"230911_VIVANT OR ヴィヴァン OR ビバン OR VIVAる_呪術廻戦 OR 呪術_トリリオンゲーム_バスケ_ラグビー_30.csv","type":"text/csv","lastModified":1694385151736.495,"size":248491},{"id":"2a1f065ac6e74d3df542ded5d1f62108d1d931d0788ea5028474fc8b35c6f36c9475d2b5f37c586da30b18a68154bf6959f2ea59a43eae7dabc4894bdab1d593","href":"https://static.observableusercontent.com/files/2a1f065ac6e74d3df542ded5d1f62108d1d931d0788ea5028474fc8b35c6f36c9475d2b5f37c586da30b18a68154bf6959f2ea59a43eae7dabc4894bdab1d593","name":"230918_VIVANT OR ヴィヴァン OR ビバン OR VIVAる_呪術廻戦 OR 呪術_トリリオンゲーム_バスケ_ラグビー_30.csv","type":"text/csv","lastModified":1695012668198.08,"size":248475}] 48:{"id":"94d1841d8a86756e","slug":"vivant-jujutsu","title":"Visualize the number of tweets of VIVANT and Jujutsu Kaisen","thumbnail":"596cf013f858f1772c657c598fa6e6b6323a963733629646c686191b907d40ba","access_level":"public","create_time":"$D2023-08-14T17:54:09.481Z","update_time":"$D2023-09-25T17:18:36.259Z","view_time":null,"first_public_time":"$D2023-08-14T18:04:40.414Z","has_unpublished_edits":null,"fork":{"id":"38a066e968ed7317","slug":"tweets-summer-event","title":"Visualize the number of tweets related to large summer events in Japan","owner":{"id":"59dc038720f2d6ef","login":"tsurezure-lab-ws","name":"tsurezure lab. こちら徒然研究室（仮称）"}},"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":703,"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"}],"comments":[],"custom_thumbnail":false,"trashed":false,"lapsed":null,"subscribed":null,"forks":0,"collection":null,"type":"notebook","body":{"titling":"auto","title":"Visualize the number of tweets of VIVANT and Jujutsu Kaisen","cells":[{"id":465,"value":"# Visualize the number of tweets of VIVANT and Jujutsu Kaisen","pinned":false,"hidden":false,"mode":"md","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"","database":"$undefined"},{"id":228,"value":"\n\n\n \n\n\n \n

\n 今期の人気ドラマに言及するツイート件数を可視化してみる\n

\n \n\n","pinned":false,"hidden":false,"mode":"html","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"","database":"$undefined"},{"id":47,"value":"$4c","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":461,"value":"　　Yahoo!リアルタイム検索データより徒然研究室（仮称）作成。数値は最大値の日付と値。各イベントの検索ワードには略称やカタカナ読みもOR条件で含めた。","pinned":false,"hidden":false,"mode":"html","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"","database":"$undefined"},{"id":10,"value":"post_count = await FileAttachment(\"230926_230911_VIVANT OR ヴィヴァン OR ビバン OR VIVAる_呪術廻戦 OR 呪術_トリリオンゲーム_バスケ_ラグビー_30.csv\").csv({typed: \"auto\"})","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"post_count","database":"$undefined"},{"id":51,"value":"data = post_count","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":271,"value":"// 1. 各クエリに関して最大の `Tweet Count` を持つデータポイントを取得\nqueries = [\n \"VIVANT OR ヴィヴァン OR ビバン OR VIVAる\",\n \"呪術廻戦 OR 呪術\",\n \"トリリオンゲーム\",\n \"ラグビー\",\n \"バスケ\"\n]","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":273,"value":"maxDataPoints = queries.map((query) => {\n return data\n .filter((d) => d.query === query)\n .reduce(\n (max, curr) => (curr[\"Tweet Count\"] > max[\"Tweet Count\"] ? curr : max),\n { \"Tweet Count\": -Infinity }\n );\n})","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":309,"value":"function getAlias(input) {\n const queryMappings = {\n \"VIVANT OR ヴィヴァン OR ビバン OR VIVAる\": \"VIVANT\",\n \"呪術廻戦 OR 呪術\": \"呪術廻戦\",\n トリリオンゲーム: \"トリリオンゲーム\",\n ラグビー: \"ラグビー\",\n バスケ: \"バスケ\"\n };\n\n const matchingQuery = Object.keys(queryMappings).find(\n (query) => input === query\n );\n return matchingQuery ? queryMappings[matchingQuery] : input;\n}\n\n// // 使用例\n// const input = \"コミケ OR コミックマーケット OR C102\";\n// const alias = getAlias(input);\n// console.log(alias); // 出力: \"コミケ\"","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":664,"value":"function getGradientId(query) {\n switch (query) {\n case \"呪術廻戦 OR 呪術\":\n return \"gradient2\";\n case \"トリリオンゲーム\":\n return \"gradient3\";\n case \"VIVANT OR ヴィヴァン OR ビバン OR VIVAる\":\n return \"gradient1\";\n case \"ラグビー\":\n return \"gradient4\";\n case \"バスケ\":\n return \"gradient5\";\n default:\n return \"gradient1\"; // デフォルトのグラデーションID\n }\n}","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"}],"files":"$W4d","stdlib":"1"}} 24:null