東京都立大学 システムデザイン学部 インダストリアルアート学科 ネットワークデザインスタジオ 杉本達應研究室
margin = ({
top: 50,
right: 10,
bottom: 10,
left: 50
})
raw_data = d3.csv(
"https://www3.nhk.or.jp/n-data/opendata/coronavirus/nhk_news_covid19_prefectures_daily_data.csv",
d3.autoType
)
maxCase = d3.max(
[...dataByPref.values()].flat(),
(d) => d.各地の感染者数_1日ごとの発表数
)
data.filter((d) => dates.includes(d.date))
Inputs.table(raw_data)
data = raw_data.map((d) => ({
date: new Date(d.日付),
...d
}))
dataByPref = new Map(
[...d3.group(data, (d) => d.都道府県名).entries()].map(([key, values]) => [
key,
values.slice(-100)
])
)
prefs = [...dataByPref.keys()]
dates = dataByPref.get(prefs[0]).map((d) => d.date)
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.
