Platform
Resources
Pricing
Sign in
Get started
Julien Colot
Data scientist and front-end developer at Jetpack.ai
Workspace
Fork
Public
By
Julien Colot
Edited
Feb 7
Insert cell
Insert cell
Insert cell
Insert cell
Insert cell
Insert cell
Insert cell
colorScheme
=
{
return
{
original
:
{
nightBeforeMidnight
:
"rgba(20, 40, 255, 0.6)"
,
daylight
:
"yellow"
,
nightAfterMidnight
:
"rgba(20, 40, 255, 0.6)"
}
,
nazar
:
{
nightBeforeMidnight
:
"#69b8ea"
,
daylight
:
"white"
,
nightAfterMidnight
:
"#12278b"
}
}
;
}
Insert cell
colorSchemeLabels
=
{
return
{
original
:
"Original (Lemercier)"
,
nazar
:
"Nazar (نظر - Mediterranean bead eye)"
}
;
}
Insert cell
canvasWidth
=
600
Insert cell
canvasHeight
=
600
Insert cell
Insert cell
Insert cell
SunCalc
=
require
(
"suncalc@1.9.0"
)
Insert cell
Insert cell
placeName
=
place
?.
address
?.
village
||
place
?.
address
?.
municipality
||
place
?.
address
?.
town
||
place
?.
address
?.
city
||
""
Insert cell
place
=
reverseGeocoding
(
...
location
)
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
Select
Duplicate
Copy link
Embed
Delete
JavaScript
Markdown
HTML
location
Edit
Add comment
Copy import
Select
Duplicate
Copy link
Embed
Delete
JavaScript
Markdown
HTML
colorSchemeName
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
colorScheme
Add comment
Copy import
Select
Duplicate
Copy link
Embed
Delete
JavaScript
Markdown
HTML
colorSchemeLabels
Add comment
Copy import
Select
Duplicate
Copy link
Embed
Delete
JavaScript
Markdown
HTML
canvasWidth
Add comment
Copy import
Select
Duplicate
Copy link
Embed
Delete
JavaScript
Markdown
HTML
canvasHeight
Add comment
Copy import
Select
Duplicate
Copy link
Embed
Delete
JavaScript
Markdown
HTML
sunData
Edit
Add comment
Copy import
Select
Duplicate
Copy link
Embed
Delete
JavaScript
Markdown
HTML
formatLocation
Edit
Add comment
Copy import
Select
Duplicate
Copy link
Embed
Delete
JavaScript
Markdown
HTML
SunCalc
Add comment
Copy import
Select
Duplicate
Copy link
Embed
Delete
JavaScript
Markdown
HTML
reverseGeocoding
Edit
Add comment
Copy import
Select
Duplicate
Copy link
Embed
Delete
JavaScript
Markdown
HTML
placeName
Add comment
Copy import
Select
Duplicate
Copy link
Embed
Delete
JavaScript
Markdown
HTML
place
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