Platform
Resources
Pricing
Sign in
Get started
Observable
The end-to-end solution for building and hosting better data apps, dashboards, and reports.
Workspace
Fork
Unlisted
By
Fil
Edited
Dec 9, 2022
4
Insert cell
Insert cell
Insert cell
Insert cell
Insert cell
Plot
.
plot
(
{
facet
:
{
data
:
olympians
,
y
:
"sex"
}
,
fy
:
{
transform
:
d
=>
"nothing to see here, lad"
}
,
marks
:
[
Plot
.
dot
(
olympians
,
{
x
:
"weight"
}
)
]
}
)
Insert cell
Plot
.
plot
(
{
y
:
{
transform
:
d
=>
"nothing to see here, lad"
}
,
marks
:
[
Plot
.
dot
(
olympians
,
{
x
:
"weight"
,
y
:
"sex"
}
)
]
}
)
Insert cell
Insert cell
data3
=
d3
.
utcDay
.
range
(
new
Date
(
"2010-11-22"
)
,
new
Date
(
"2013-05-22"
)
)
.
map
(
(
day
)
=>
(
{
year
:
d3
.
utcYear
.
floor
(
day
)
,
month
:
d3
.
utcYear
.
floor
(
day
)
,
day
}
)
)
Insert cell
Plot
.
plot
(
{
facet
:
{
data
:
data3
,
y
:
"year"
}
,
fy
:
{
tickFormat
:
"%Y"
}
,
marks
:
[
Plot
.
dotX
(
data3
,
{
x
:
"day"
}
)
]
}
)
Insert cell
Plot
.
plot
(
{
facet
:
{
data
:
data3
,
y
:
"year"
}
,
fy
:
{
domain
:
new
Set
(
Plot
.
valueof
(
data3
,
"year"
)
)
,
tickFormat
:
"%Y"
}
,
marks
:
[
Plot
.
dotX
(
data3
,
{
x
:
"day"
}
)
]
}
)
Insert cell
Plot
.
plot
(
{
facet
:
{
data
:
data3
,
y
:
"year"
}
,
fy
:
{
domain
:
Plot
.
valueof
(
data3
,
"year"
)
,
tickFormat
:
"%Y"
}
,
marks
:
[
Plot
.
dotX
(
data3
,
{
x
:
"day"
}
)
]
}
)
Insert cell
Insert cell
// build of #1085 https://github.com/observablehq/plot/commit/8e32895
Plot8e32895
=
FileAttachment
(
"plot.umd.min.js"
)
.
url
(
)
.
then
(
require
)
Insert cell
Plot06
=
require
(
"@observablehq/plot@0.6.0"
)
Insert cell
// recent build of #1085 https://github.com/observablehq/plot/commit/01bcd784
Plot01bcd784
=
FileAttachment
(
"plot@1.umd.min.js"
)
.
url
(
)
.
then
(
require
)
Insert cell
// recent build of main https://github.com/observablehq/plot/commit/558bcdce
Plot558bcdce
=
FileAttachment
(
"plot@2.umd.min.js"
)
.
url
(
)
.
then
(
require
)
Insert cell
Plotcef9446
=
FileAttachment
(
"plot@3.umd.min.js"
)
.
url
(
)
.
then
(
require
)
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
Plot
Edit
Add comment
Copy import
Select
Duplicate
Copy link
Embed
Delete
JavaScript
Markdown
HTML
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
Edit
Add comment
Select
Duplicate
Copy link
Embed
Delete
JavaScript
Markdown
HTML
data3
Add comment
Copy import
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
Edit
Add comment
Select
Duplicate
Copy link
Embed
Delete
JavaScript
Markdown
HTML
Plot8e32895
Add comment
Copy import
Select
Duplicate
Copy link
Embed
Delete
JavaScript
Markdown
HTML
Plot06
Add comment
Copy import
Select
Duplicate
Copy link
Embed
Delete
JavaScript
Markdown
HTML
Plot01bcd784
Add comment
Copy import
Select
Duplicate
Copy link
Embed
Delete
JavaScript
Markdown
HTML
Plot558bcdce
Add comment
Copy import
Select
Duplicate
Copy link
Embed
Delete
JavaScript
Markdown
HTML
Plotcef9446
Add comment
Copy import
Select
Duplicate
Copy link
Embed
Delete
JavaScript
Markdown
HTML