Platform
Resources
Pricing
Sign in
Get started
Bill Shander
Information design & data visualization practitioner. Teaching private workshops and on LinkedIn Learning and at the University of Vermont.
Workspace
Fork
Public
LinkedIn Learning Intro to Observable Course
By
Bill Shander
Edited
Nov 1, 2023
Insert cell
Insert cell
viewof
button
=
Inputs
.
button
(
"Click me"
)
Insert cell
viewof
checkboxes
=
Inputs
.
checkbox
(
[
"A"
,
"B"
]
,
{
label
:
"Select some"
,
value
:
[
"A"
]
}
)
Insert cell
viewof
radios
=
Inputs
.
radio
(
[
"A"
,
"B"
]
,
{
label
:
"Select one"
,
value
:
"A"
}
)
Insert cell
viewof
date
=
Inputs
.
date
(
{
label
:
"Date"
,
value
:
"2023-11-01"
}
)
Insert cell
viewof
range
=
Inputs
.
range
(
[
0
,
100
]
,
{
label
:
"Amount"
,
step
:
1
}
)
Insert cell
range
Insert cell
Insert cell
viewof
color
=
Inputs
.
color
(
{
label
:
"Favorite color"
,
value
:
"#4682b4"
}
)
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
button
Add comment
Copy import
Select
Duplicate
Copy link
Embed
Delete
JavaScript
Markdown
HTML
checkboxes
Add comment
Copy import
Select
Duplicate
Copy link
Embed
Delete
JavaScript
Markdown
HTML
radios
Add comment
Copy import
Select
Duplicate
Copy link
Embed
Delete
JavaScript
Markdown
HTML
date
Add comment
Copy import
Select
Duplicate
Copy link
Embed
Delete
JavaScript
Markdown
HTML
range
Add comment
Copy import
Select
Duplicate
Copy link
Embed
Delete
JavaScript
Markdown
HTML
Add comment
Select
Duplicate
Copy link
Embed
Delete
JavaScript
Markdown
HTML
Edit
Add comment
Select
Duplicate
Copy link
Embed
Delete
JavaScript
Markdown
HTML
color
Add comment
Copy import
Select
Duplicate
Copy link
Embed
Delete
JavaScript
Markdown
HTML