The avatar for @tmu-dataviz-class
TMU Dataviz Class
The workspace is for a data visualization class at the Tokyo Metropolitan University. Instructor: @sugi2000lab @sugi2000
Public
2024 Final Project
Edited
Feb 14
1 fork
11
2024 Final Project
ネットミームはいつ「オワコン化」してしまうのかホラーゲームにおける恐怖の対象に流行はあるのか？
地理空間情報から眺望の優れた場所を探すメソッドを確立する
オーケストラのチケット価格にはどのような傾向があるか？League of Legendsのプレイ傾向に地域差は出る？売れてるゲームはどんな色で構成されているの？ハローキティはなぜサンリオキャラクター大賞で1位を取らないのか 〜サンリオキャラクター大賞で1位を取るには？〜ボーカロイドの使用遍歴を辿る空前の「グミ」ブーム、グミ人気商品の特徴は？アニメMVはなぜ流行ったのか？いつから流行りはじめたのか？
Insert cell
Insert cell
Insert cell
Insert cell
Insert cell
Insert cell
Insert cell
Insert cell
Insert cell
Insert cell
Insert cell
Insert cell
Insert cell
Insert cell
Insert cell
Insert cell
Insert cell
Insert cell
Insert cell
Insert cell
Insert cell
Insert cell
Insert cell
Insert cell
Insert cell
Insert cell
Insert cell
Insert cell
Insert cell
Insert cell
Insert cell
Insert cell
Insert cell
Insert cell
Insert cell
Insert cell
Insert cell
Insert cell
Insert cell
Insert cell
Insert cell
Insert cell
Insert cell
Insert cell
Insert cell
Insert cell
Insert cell
Insert cell
Insert cell
Insert cell
Insert cell
Insert cell
Insert cell
Insert cell
Insert cell
Insert cell
Insert cell
Insert cell
Insert cell
Insert cell
Insert cell
Insert cell
Insert cell
Insert cell
<style>
.title {
font-family: 'Noto Sans', sans-serif;
font-size: 30px;
line-height: 48px;
padding-bottom: 50px;
}

.subtitle {
font-size: 22px;
font-family: 'Noto Sans', sans-serif;
text-align: left;
width: 560px;
padding-top: 0px;
padding-left: 10px;
border-left: 5px solid #808080;
}

.index {
font-family: 'Noto Sans', sans-serif;
font-size: 16px;
color: #ad2d2f;
}

.main, .main a {
font-family: sans-serif;
font-size: 16px;
padding-top: 10px;
padding-bottom: 10px;
width: 560px;
line-height: 32px;
font-feature-settings: "palt" 1;
width: 100%;
}

.main_kasetu, .main_kasetu a {
font-family: sans-serif;
font-size: 20px;
background-color: white;
border: solid 2px #6a8caf;
border-radius: 5px;
margin: 0 auto;
padding: 10px;
line-height: 32px;
}

.main_list {
list-style-type: decimal;
padding-left: 20px;
font-family: sans-serif;
font-size: 16px;
line-height: 1.5;
margin: 0;
padding-top: 10px;
width: 560px;
font-feature-settings: "palt" 1;
}

.main_list_result {
list-style-type: decimal;
padding-left: 20px;
font-family: sans-serif;
font-size: 16px;
line-height: 1.5;
margin: 0 auto;
padding-top: 10px;
width: 560px;
font-feature-settings: "palt" 1;
text-align: center;
}

.main_list li {
margin-bottom: 5px;
}

a {
font-family: 'Noto Sans', sans-serif;
color: inherit;
text-decoration: none;
}

a:hover {
text-decoration: underline;
}

.data-source {
font-family: 'Noto Sans', sans-serif;
font-size: 14px;
line-height: 20px;
color: #555;
width: 560px;
margin: 10px 0;
padding-top: 8px;
border-top: 1px solid #ccc;
}

.citation {
width: 560px;
margin: 10px 0;
padding-top: 8px;
font-family: 'Noto Sans', sans-serif;
font-size: 14px;
}

/* データ元・引用文献内のリンク用スタイル */
.data-source a, .citation a {
color: #555;
text-decoration: underline;
}

.data-source a:hover, .citation a:hover {
text-decoration: none;
}

/* 参考サイト用のスタイル */
.sankou {
font-family: 'Noto Sans', sans-serif;
font-size: 13px;
line-height: 18px;
color: #444;
width: 560px;
margin: 20px 0;
padding-top: 10px;
border-top: 1px dashed #ccc;
}

.sankou ul {
list-style: disc inside;
margin: 0;
padding: 0;
}

.sankou li {
margin-bottom: 5px;
}

.sankou a {
color: #444;
text-decoration: underline;
}

.sankou a:hover {
text-decoration: none;
}

/* 既存のCSSに追加 */

/* 著作権・ライセンス情報の一行表示 */
#attribution {
font-size: 0.9rem;
color: #555;
background-color: #f2f2f2;
padding: 10px;
border-top: 1px solid #ddd;
box-shadow: 0 -1px 3px rgba(0, 0, 0, 0.1);
display: flex;
justify-content: center;
align-items: center;
flex-wrap: nowrap;
gap: 10px;
}

#attribution a {
color: #007acc;
text-decoration: none;
}

#attribution a:hover {
text-decoration: underline;
}


</style>

Insert cell
Insert cell
Insert cell
Insert cell
Insert cell
Insert cell
Insert cell
Insert cell
Insert cell
Insert cell
Insert cell
Insert cell
Insert cell
Insert cell
Insert cell
sleep = (ms) => new Promise((resolve) => setTimeout(resolve, ms))
Insert cell
Insert cell
Insert cell
Insert cell
Insert cell
Insert cell
Insert cell
shiroatoData = (await FileAttachment("shiroato_output_final_.geojson")).json()
Insert cell
Insert cell
Insert cell
Insert cell
Insert cell
Insert cell
Insert cell
Insert cell
Insert cell
Insert cell
Insert cell
Insert cell
Insert cell
Insert cell
Insert cell
Insert cell

Purpose-built for displays of data

Observable is your go-to platform for exploring data and creating expressive data visualizations. Use reactive JavaScript notebooks for prototyping and a collaborative canvas for visual data exploration and dashboard creation.
Learn more