45:["$","title",null,{"children":"Visualize the number of tweets related to large summer events in Japan | tsurezure lab. こちら徒然研究室（仮称） | Observable"}] 4d:Tfb7,Plot.plot({ // title: "For charts, an informative title", // subtitle: "Subtitle to follow with additional context", // caption: // "Yahoo!リアルタイム検索データより徒然研究室（仮称）作成。数値は最大値の日付と値。各イベントの検索ワードには静止式名称はハッシュタグなどもOR条件で含めた。", width: 1200, height: 500, 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 コミックマーケット OR C102"), { x: "Daily Timestamp", y2: "Tweet Count", fillOpacity: 0.7, fill: "url(#gradient1)", curve: "catmull-rom" } ), Plot.areaY( data.filter((d) => d.query === 'フジロック OR "fuji rock" OR fujirock'), { x: "Daily Timestamp", y2: "Tweet Count", fillOpacity: 0.7, fill: "url(#gradient2)", curve: "catmull-rom" } ), Plot.areaY( data.filter( (d) => d.query === 'ロッキン OR RIJF OR "ROCK IN JAPAN" OR "ROCKINJAPAN"' ), { x: "Daily Timestamp", y2: "Tweet Count", fillOpacity: 0.7, fill: "url(#gradient3)", curve: "catmull-rom" } ), Plot.areaY( data.filter( (d) => d.query === 'サマソニ OR サマーソニック OR SUMMERSONIC OR "SUMMER SONIC"' ), { x: "Daily Timestamp", y2: "Tweet Count", fillOpacity: 0.7, fill: "url(#gradient4)", curve: "catmull-rom" } ), Plot.lineY(data, { x: "Daily Timestamp", y: "Tweet Count", z: "query", strokeWidth: 2.5, opacity: 0.8, curve: "catmull-rom", // marker: "circle", tip: true }), 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, // テキストのフォントサイズ // fill: (d) => // customColors_fm()[ // _naritai_job_17_23_fm.findIndex( // (entry) => entry.Occupation === d.Occupation // ) // ], // カスタムカラーを適用 fontFamily: "Noto Sans JP ExtraBold, sans-serif", // Noto Sans JP Bold を指定 fontWeight: "bold", opacity: 0.65, fill: "rgba(10, 10, 10, 0.7)", // フォントカラーを設定 stroke: "white", strokeWidthdth: 0.15 }), Plot.ruleY([0]) ] })4e:[{"id":"0e5957492910558b04b9ba114fbd7aa4ea9b14fb0e956fdbd02403ba82ac0618e2e128635c6cf2ea51f19335fb5b692c1b8510cd26a6f3b5f51361484c0acd07","href":"https://static.observableusercontent.com/files/0e5957492910558b04b9ba114fbd7aa4ea9b14fb0e956fdbd02403ba82ac0618e2e128635c6cf2ea51f19335fb5b692c1b8510cd26a6f3b5f51361484c0acd07","name":"230821_フジロック OR -fuji rock- OR fujirock_ロッキン OR RIJF OR -ROCK IN JAPAN- OR -ROCKINJAPAN-_コミケ OR コミックマーケット OR C102_サマソニ OR サマーソニック OR SUMMERSONIC OR -SUMMER SONIC-_30@4.csv","type":"text/csv","lastModified":1692576151469.54,"size":11135}] 49:{"id":"38a066e968ed7317","slug":"tweets-summer-event","title":"Visualize the number of tweets related to large summer events in Japan","thumbnail":"59964aac862d2bd7ded8e34a22ecf16bc2dba28598fd4cef3f0ad655fb1905d0","access_level":"public","create_time":"$D2023-08-14T03:54:52.579Z","update_time":"$D2023-08-21T00:02:30.664Z","view_time":null,"first_public_time":"$D2023-08-14T17:36:39.129Z","has_unpublished_edits":null,"fork":false,"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":603,"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":2,"collection":null,"type":"notebook","body":{"titling":"auto","title":"Visualize the number of tweets related to large summer events in Japan","cells":[{"id":465,"value":"# Visualize the number of tweets related to large summer events in Japan","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":"$4d","pinned":false,"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(\"230821_フジロック OR -fuji rock- OR fujirock_ロッキン OR RIJF OR -ROCK IN JAPAN- OR -ROCKINJAPAN-_コミケ OR コミックマーケット OR C102_サマソニ OR サマーソニック OR SUMMERSONIC OR -SUMMER SONIC-_30@4.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 \"コミケ OR コミックマーケット OR C102\",\n 'フジロック OR \"fuji rock\" OR fujirock',\n 'ロッキン OR RIJF OR \"ROCK IN JAPAN\" OR \"ROCKINJAPAN\"',\n 'サマソニ OR サマーソニック OR SUMMERSONIC OR \"SUMMER SONIC\"'\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 \"コミケ OR コミックマーケット OR C102\": \"コミケ\",\n 'フジロック OR \"fuji rock\" OR fujirock': \"フジロック\",\n 'ロッキン OR RIJF OR \"ROCK IN JAPAN\" OR \"ROCKINJAPAN\"': \"ロッキン\",\n 'サマソニ OR サマーソニック OR SUMMERSONIC OR \"SUMMER SONIC\"': \"サマソニ\"\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"}],"files":"$W4e","stdlib":"1"}} 44:null