Platform
Resources
Pricing
Sign in
Get started
Michael Bricknell
Workspace
Fork
Public
By
Michael Bricknell
Edited
Mar 17, 2024
2
Insert cell
Insert cell
Insert cell
Insert cell
Insert cell
Insert cell
Insert cell
Insert cell
Insert cell
Insert cell
Insert cell
Insert cell
Insert cell
Insert cell
Insert cell
Insert cell
Insert cell
Insert cell
displayColors
(
25
,
25
,
colors
,
"lab"
,
true
,
false
,
"hex"
)
Insert cell
yellow
=
[
48
,
55
-
2
,
60
-
2
,
65
-
2
,
70
-
2
,
75
-
2
,
80
-
2
]
.
reverse
(
)
.
map
(
(
d
)
=>
d3
.
lab
(
d
,
14.68
,
66.24
)
)
Insert cell
Insert cell
green
=
[
48
,
55
-
2
,
60
-
2
,
65
-
2
,
70
-
2
,
75
-
2
,
80
-
2
]
.
reverse
(
)
.
map
(
(
d
)
=>
d3
.
lab
(
d
,
"-26.38"
,
"27.13"
)
)
Insert cell
Insert cell
red
=
[
48
,
55
-
2
,
60
-
2
,
65
-
2
,
70
-
2
,
75
-
2
,
80
-
2
]
.
reverse
(
)
.
map
(
(
d
)
=>
d3
.
lab
(
d
,
64.21
,
56.15
)
)
Insert cell
Insert cell
Insert cell
Insert cell
Insert cell
color4
=
[
"#a23924"
,
"#ac774f"
,
"#efca95"
,
"#bdbe89"
,
"#6e9379"
]
Insert cell
<
iframe
id
=
"widgetPreview"
frameBorder
=
"0"
width
=
"700px"
height
=
"350px"
border
=
"0px"
style
=
"border:0px solid white"
src
=
"https://www.davidrumsey.com/luna/servlet/detail/RUMSEY~8~1~231244~5508518?embedded=true
&cic=RUMSEY%7E8%7E1&widgetFormat=javascript&widgetType=detail&controls=1&nsip=1" >
</
iframe
>
Insert cell
Insert cell
<
iframe
id
=
"widgetPreview"
frameBorder
=
"0"
width
=
"700px"
height
=
"350px"
border
=
"0px"
style
=
"border:0px solid white"
src
=
"https://www.davidrumsey.com/luna/servlet/detail/RUMSEY~8~1~328282~90096757:Tableau-Muet-Servant-aux-Exercises-?amp$3B$qvq=q:type"$3B$timeline"$3B$ $3B$sort:Pub_List_No_InitialSort,Pub_Date,Pub_List_No,Series_No$3B$lc:RUMSEY~8~1
&$3B$mi=17&$3B$trs=309&embedded=true&sort=Pub_List_No_InitialSort%2CPub_Date%2CPub_List_No%2CSeries_No&cic=RUMSEY%7E8%7E1&widgetFormat=javascript&widgetType=detail&controls=1&nsip=1" >
</
iframe
>
Insert cell
Insert cell
Insert cell
Insert cell
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
Copy import
Select
Duplicate
Copy link
Embed
Delete
JavaScript
Markdown
HTML
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
Edit
Add comment
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
Edit
Add comment
Select
Duplicate
Copy link
Embed
Delete
JavaScript
Markdown
HTML
Edit
Add comment
Select
Duplicate
Copy link
Embed
Delete
JavaScript
Markdown
HTML
listItems
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
colors2
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
colors
Edit
Add comment
Copy import
Select
Duplicate
Copy link
Embed
Delete
JavaScript
Markdown
HTML
Add comment
Select
Duplicate
Copy link
Embed
Delete
JavaScript
Markdown
HTML
yellow
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
green
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
red
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
mapColors
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
color3
Edit
Add comment
Copy import
Select
Duplicate
Copy link
Embed
Delete
JavaScript
Markdown
HTML
color4
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
Add comment
Select
Duplicate
Copy link
Embed
Delete
JavaScript
Markdown
HTML
timelineColors
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
tc
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