Platform
Resources
Pricing
Sign in
Get started
Network Design Studio, TMU | すぎもと組
東京都立大学 システムデザイン学部 インダストリアルアート学科 ネットワークデザインスタジオ 杉本達應研究室
Workspace
Fork
Published
Observableチュートリアル2021
By
SUGIMOTO Tatsuo
Edited
Oct 28, 2021
Observableチュートリアル2021
Observable #1 / 初期設定とノートブックをつくる
Observable #2 / Markdownセル
Observable #3 / JavaScriptで割り勘計算機を作る
Observable #4 / D3.js とDOM要素の追加
Observable #5 / データとDOM要素のバインド
Observable #6 / D3でSVGを作成する
Observable # 7 / 棒グラフの作成
Observable #8 / 棒グラフの作成 軸の追加
Observable #9 / Googleスプレットシートから散布図の作成
Observable #10 / 折れ線グラフの作成
Observable #11 / D3.jsで日本地図を描く
Insert cell
Insert cell
Insert cell
---
#
Tutorial
Insert cell
#
見出し
##
見出し
##
見出し
###
見出し
####
見出し
#####
見出し
Insert cell
テキストを
**
太字
**
・
*
斜体
*
にすることができます。
テキストを__太字__・_斜体_にすることができます。
---
Insert cell
1.
ひとつめ
-
ひとつ下のリスト項目
-
さらに下のリスト項目
-
ひとつ下のリスト項目
-
ふたつめ
-
みっつめ
Insert cell
[
Google
]
(
https://google.com
)
Insert cell
|A|B|C|
|-|-|-|
|1|2|3|
|4|5|6|
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.
Try it for free
Learn more
Fork
View
Export
Edit
Add comment
Select
Duplicate
Copy link
Embed
Delete
JavaScript
Markdown
HTML
Edit
Add comment
Select
Duplicate
Copy link
Embed
Delete
JavaScript
Markdown
HTML
Add comment
Select
Duplicate
Copy link
Embed
Delete
JavaScript
Markdown
HTML
Add comment
Select
Duplicate
Copy link
Embed
Delete
JavaScript
Markdown
HTML
Add comment
Select
Duplicate
Copy link
Embed
Delete
JavaScript
Markdown
HTML
Add comment
Select
Duplicate
Copy link
Embed
Delete
JavaScript
Markdown
HTML
Add comment
Select
Duplicate
Copy link
Embed
Delete
JavaScript
Markdown
HTML
Add comment
Select
Duplicate
Copy link
Embed
Delete
JavaScript
Markdown
HTML