The avatar for @sugi2000lab
Network Design Studio, TMU | すぎもと組
東京都立大学 システムデザイン学部 インダストリアルアート学科 ネットワークデザインスタジオ 杉本達應研究室
Published
Edited
Nov 3, 2020
Insert cell
Insert cell
Insert cell
Insert cell
Insert cell
Insert cell
Insert cell
data = d3.csv(uri, d3.autoType)
Insert cell
Insert cell
uri = `${proxy_uri}${spreadsheet_uri}`
Insert cell
Insert cell
spreadsheet_uri = `https://docs.google.com/spreadsheets/d/e/2PACX-1vS2HOa5kK6aREFye9cglqjps_NJOn2eVz5kdOVUZsGri8K-B8YwQGNljUMZdljT4Z92ImJCo9QQMJRD/pub?gid=0&single=true&output=csv`
Insert cell
Insert cell
proxy_uri = `https://cors-anywhere.herokuapp.com/`
Insert cell
Insert cell
d3 = require("d3@6")
Insert cell
html`<style>
table {
display:block;
width: 800px;
max-height: 12rem;
overflow-y: scroll;
outline: 1px #fafafa solid;
}
thead {
position: sticky;
top: 0;
z-index: 1;
background-color: #fff;
}
tbody {
}
th, td {
min-width: 80px;
border: 1px #aaa solid;
}
th:first-child, td:first-child {
background-color: #fafafa;
min-width: 40px;
}
</style>`
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