Platform
Resources
Pricing
Sign in
Get started
Fabian Iwand
Web developer and autodidact with an interest in creative coding.
Workspace
Fork
Published
2 collections
By
Fabian Iwand
Edited
Sep 18, 2022
Importers
5 stars
Tools & Techniques
Throttle
Search Query Tokenization
Compiling a regex from strings
Pure CSS Tree
The Fed - FOMC Projections Data
Terraform Registry Search
Lots of Dots
Exporting Your DuckDB Databases
flyctl Docs
HTML to Markdown
D3 Documentation Index
Throttling Function Calls
Web Page Metadata
Patched Imports
Deconstructing a Notebook
Discrete Sibson Interpolation
Edge Distance in Regular Polygons
Using A Vega-Lite Chart As Input Widget
findTriangle() for D3.Delaunay and Delaunator
Transparent Color Widget
Canvas Outlines: Stroke vs Fill
Eases On Edge
Converting Between Keyboard Layouts
D3 Force Along a Path
Inverted Luminosity
(Attempt at) Embedding a Video Into an SVG
Force Graph Trails
Title Transliteration
Optimal Tiling
Vega-Lite, Unminified
Notebook Version UUID
Improving Animations Through Motion Blur
Watermark
Querying the npm registry
Stitched Easings
Dynamic Notebook Links
Pixel Probing
Mapping Color Scales with SVG Filters
Google Maps Cost Calculator
Encoding Data In Images
Zdog Helpers
Using CodePens in Observable
Look What The Cat Dragged In
Adobe Swatch Exchange Exporter
Polygon Sine Wave
SVG Single Path Grid
Color Blending Is Broken
Intersection Arcs
Per-Layer Fadeout In 2D Canvas
Voronoi Borderlands
Embedding a canvas into an SVG
Embedding Fonts Into An SVG
Version Pinning for Notebooks
Splitting Lines
Easing In Multiple Steps
Also listed in…
Observable Things
Insert cell
Insert cell
Insert cell
md
`
> For example, ${
await
link
(
'@martien/abc'
)
} does not exists, while ${
await
link
(
'@martien/x-matrix'
)
} does exist.
`
Insert cell
Insert cell
md
`
> For example, ${
linkDelayed
(
'@martien/abc'
)
} does not exists, while ${
linkDelayed
(
'@martien/x-matrix'
)
} does exist.
`
Insert cell
Insert cell
async
function
exists
(
slug
)
{
return
fetch
(
`https://api.observablehq.com/${
slug
}.js`
,
{
method
:
'HEAD'
}
)
.
then
(
r
=>
r
.
ok
)
.
catch
(
(
)
=>
false
)
;
}
Insert cell
async
function
link
(
slug
)
{
return
exists
(
slug
)
.
then
(
r
=>
r
?
html
`<a href="/${
slug
}">${
slug
}`
:
slug
)
;
}
Insert cell
function
linkDelayed
(
slug
)
{
const
el
=
html
`<a>${
slug
}`
;
exists
(
slug
)
.
then
(
found
=>
{
if
(
found
)
el
.
href
=
`/${
slug
}`
}
)
;
return
el
;
}
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...
Observable Things
Fabian Iwand
Tools & Techniques
Fabian Iwand
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
Edit
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
exists
Add comment
Copy import
Select
Duplicate
Copy link
Embed
Delete
JavaScript
Markdown
HTML
link
Add comment
Copy import
Select
Duplicate
Copy link
Embed
Delete
JavaScript
Markdown
HTML
linkDelayed
Add comment
Copy import
Select
Duplicate
Copy link
Embed
Delete
JavaScript
Markdown
HTML