Platform
Resources
Pricing
Sign in
Contact us
Andrew Wooldridge
📜JavaScript developer. 🐲RPG fan. 📚Storyteller and 🕹game developer. 👨Father and Husband.
Workspace
Fork
Published
2 collections
By
Andrew Wooldridge
Edited
Apr 18, 2022
1 star
Working Libraries
Hello, Smart Shape!
Hello, messagepipe!
Hello, Atomico!
Hello, Markdown-Tag !
Hello, js-sdl!
Hello Trivia API!
Hello auto-animate!
Hello, papa parse!
Hello, lazy.js!
Hello, mout!
Hello, sugar js!
Hello, lil-gui!
Hello, owoify-js!
Hello, Maverick JS -> Observables!
Hello, Canvas Confetti!
Hello, OWL!
Hello, Bunny Fonts!
Hello Color JS!
Hello, Kute.js !
Hello Color Legend Element!
Hello, is-online!
Hello, pretty-ms!
Hello, Liveblocks!
Convex Chat
Hello, filesize.js!
Hello, SVG.js
Hello, Counter-element!
Hello, Ramda!
Hello, Block Protocol!
Hello, Reef!
Hello, Croquet!
Hello, Markdoc!
Hello, Multiavatar!
Hello, Tableful!
Hello, kdl-js
Hello, Wild Wild Path!
Hello, Lexical!
Hello, Statery!
Hello, pdfme!
Shuffle an Array
Hello, Pikaso
Hello, Miniplex!
Hello, CandyGraph!
Hello, Supabase!
Hello, Embla Carousel!
Hello, core-js!
Hello, tinybase
Hello, umbrellajs
Hello, pintora
Skypack Pixijs
Hello, sortablejs
Hello, JS-YAML
Testing bitECS for Tempest
Hello jService!
Hello, iro.js
Hello, Splide
Hello, Cosmic JS
Hello, singui
Kaboom JS Template
Hello, JSPDF
Hello, Awesome Dev Jokes
Random DAD Joke
Hello, model-viewer
The Oracle
Tarot Utilities
Hello, lokiJS
Hello, cash ( cash-dom )
Hello, Dice Roller
Hello, Slide-Element
Hello, tsParticles
Kaboom - dynamic values
Hello Lit.dev
Hello, Melon JS
Hello Kontra
Also listed in…
Tips and Utilities
Insert cell
Insert cell
Insert cell
WWP
=
import
(
'https://unpkg.com/wild-wild-path@2.4.0/build/src/main.js?module'
)
Insert cell
target
=
(
{
settings
:
{
colors
:
[
'red'
,
'blue'
]
}
}
)
Insert cell
color
=
WWP
.
get
(
target
,
'settings.colors.0'
)
Insert cell
WWP
.
get
(
target
,
[
'settings'
,
'colors'
,
0
]
)
Insert cell
target2
=
(
{
settings
:
{
lastName
:
undefined
,
colors
:
[
'red'
,
'blue'
]
}
}
)
Insert cell
WWP
.
has
(
target2
,
'settings.firstName'
)
Insert cell
WWP
.
has
(
target2
,
'settings.lastName'
)
Insert cell
target3
=
(
{
userOne
:
{
firstName
:
'John'
,
lastName
:
'Doe'
,
age
:
72
}
,
userTwo
:
{
firstName
:
'Alice'
,
colors
:
[
'red'
,
'blue'
,
'yellow'
]
}
,
}
)
Insert cell
WWP
.
list
(
target3
,
'**.firstName'
)
Insert cell
target4
=
(
{
colors
:
[
'red'
,
'blue'
]
}
)
Insert cell
WWP
.
set
(
target4
,
'colors.0'
,
'yellow'
)
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
Listed in...
Tips and Utilities
Andrew Wooldridge
Working Libraries
Andrew Wooldridge
Edit
Add comment
Select
Duplicate
Copy link
Embed
Delete
JavaScript
Markdown
HTML
Edit
Add comment
Select
Duplicate
Copy link
Embed
Delete
JavaScript
Markdown
HTML
WWP
Add comment
Copy import
Select
Duplicate
Copy link
Embed
Delete
JavaScript
Markdown
HTML
target
Add comment
Copy import
Select
Duplicate
Copy link
Embed
Delete
JavaScript
Markdown
HTML
color
Add comment
Copy import
Select
Duplicate
Copy link
Embed
Delete
JavaScript
Markdown
HTML
Add comment
Select
Duplicate
Copy link
Embed
Delete
JavaScript
Markdown
HTML
target2
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
target3
Add comment
Copy import
Select
Duplicate
Copy link
Embed
Delete
JavaScript
Markdown
HTML
Add comment
Select
Duplicate
Copy link
Embed
Delete
JavaScript
Markdown
HTML
target4
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