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
Jun 3
2
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
//viewof selectedSpot = Inputs.checkbox(
// Array.from(new Set(dataset2.map((d) => d.spot))),
// {
// value: Array.from(new Set(dataset2.map((d) => d.spot))),
// label: "ホール"
//}
//)
Insert cell
Insert cell
Insert cell
Insert cell
Insert cell
Insert cell
Insert cell
Insert cell
Insert cell
dataset2
Type Table, then Shift-Enter. Ctrl-space for more options.

Insert cell
sortedMinBandCharge2 = dataset2
.map((d) => [
d.name,
d.discountmin,
d.discountmax,
d.generalmin,
d.generalmax,
d.area,
d.soliste,
d.discountS,
d.discountA,
d.discountB,
d.discountC,
d.discountD,
d.generalS,
d.genaralA,
d.generalB,
d.generalC,
d.generalD
])
.sort((a, b) => a[1] - b[1])
Insert cell
sortedMaxBandCharge2 = dataset2
.map((d) => [
d.name,
d.discountmin,
d.discountmax,
d.generalmin,
d.generalmax,
d.area,
d.soliste,
d.discountS,
d.discountA,
d.discountB,
d.discountC,
d.discountD,
d.generalS,
d.genaralA,
d.generalB,
d.generalC,
d.generalD
])
.sort((a, b) => b[1] - a[1])
Insert cell
sortedMinBandCharge21 = dataset2
.map((d) => [
d.name,
d.discountmin,
d.discountmax,
d.generalmin,
d.generalmax,
d.area,
d.soliste,
d.discountS,
d.discountA,
d.discountB,
d.discountC,
d.discountD,
d.generalS,
d.genaralA,
d.generalB,
d.generalC,
d.generalD
])
.sort((a, b) => a[3] - b[3])
Insert cell
sortedMaxBandCharge22 = dataset2
.map((d) => [
d.name,
d.discountmin,
d.discountmax,
d.generalmin,
d.generalmax,
d.area,
d.soliste,
d.discountS,
d.discountA,
d.discountB,
d.discountC,
d.discountD,
d.generalS,
d.genaralA,
d.generalB,
d.generalC,
d.generalD
])
.sort((a, b) => b[3] - a[3])
Insert cell
chargeDataSort2 = new Map([
["値引きされたチケット価格最低価格が低い順", sortedMinBandCharge2],
["値引きされたチケット価格最低価格が高い順", sortedMaxBandCharge2],
["一般料金のチケット価格最低価格が低い順", sortedMinBandCharge21],
["一般料金のチケット価格最低価格が高い順", sortedMaxBandCharge22]
])
Insert cell
selectedPrefectures2 = selectedArea2
.map((area) => areatype.get(area)) // area ごとに対応する都道府県リストを取得
.flat(Infinity)
Insert cell
proChargeData1 = narabikae2.slice(0, groupRange2)
Insert cell
proChargeData2 = proChargeData1.filter((d) =>
selectedPrefectures2.includes(d[5])
)
Insert cell
proChargeData4 = selectedconcerto2 === "なし"
? proChargeData2.filter((d) => d[6] === "なし")
: selectedconcerto2 === "あり"
? proChargeData2.filter((d) => d[6] !== "なし")
: proChargeData2
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
//filteredSortedAreaData = sortedAreaData.slice(0, arearange)
Insert cell
Insert cell
Insert cell
Insert cell
Insert cell
Type JavaScript, then Shift-Enter. Ctrl-space for more options. Arrow ↑/↓ to switch modes.

Insert cell
Insert cell
Insert cell
Insert cell
Insert cell
Insert cell
Insert cell
dataset2 = d3.tsv(url2, d3.autoType)
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
areamap = FileAttachment("areaMap@1.json").json()
Insert cell
//prefPoints = d3.json(prefPointsUrl)
Insert cell
Insert cell
//areamap = FileAttachment("areaMap.json").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
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