Platform
Resources
Pricing
Sign in
Get started
Jerry Jäppinen
Design, tech, engineering and science. Head of Design and User Research.
Workspace
Fork
Public
Libraries
By
Jerry Jäppinen
Edited
Sep 24, 2024
Importers
2 stars
1
Insert cell
Insert cell
Insert cell
Insert cell
darkMode
Insert cell
lightMode
=
!
darkMode
Insert cell
Insert cell
Insert cell
darkMode
=
{
if
(
!
mutable
__listening
)
{
mutable
__listening
=
true
matchMedia
(
'(prefers-color-scheme: dark)'
)
.
addEventListener
(
'change'
,
(
event
)
=>
{
mutable
__raw
=
!
!
event
.
matches
}
)
}
return
__raw
}
Insert cell
mutable
__raw
=
matchMedia
(
'(prefers-color-scheme: dark)'
)
.
matches
Insert cell
mutable
__listening
=
false
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
Edit
Add comment
Select
Duplicate
Copy link
Embed
Delete
JavaScript
Markdown
HTML
Add comment
Select
Duplicate
Copy link
Embed
Delete
JavaScript
Markdown
HTML
lightMode
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
darkMode
Add comment
Copy import
Select
Duplicate
Copy link
Embed
Delete
JavaScript
Markdown
HTML
__raw
Add comment
Copy import
Select
Duplicate
Copy link
Embed
Delete
JavaScript
Markdown
HTML
__listening
Add comment
Copy import
Select
Duplicate
Copy link
Embed
Delete
JavaScript
Markdown
HTML